/*
Title:      OMdeSIGN website design London
Author:     OMdeSIGN, www.omdesign.co.uk
Updated:    Dec 9 2006
*/


body {
text-align:justify;
	scrollbar-face-color: #eef0f1;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color:  #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	overflow-x: hidden;
	overflow: auto;

    text-align:justify;
  background-repeat:  repeat;
    background-image:  url(images/bg.gif);
  background-color: #fdfdfd;
  background-attachment: fixed

}

/* links */

a:link {
padding-bottom: 0px;
color: #888888;
text-decoration:none

}
a:visited {
color: #888888;
text-decoration:none
}
a:hover {
padding-bottom: 0;
color: #326ea1;
text-decoration:none

}
P   { margin-top: 0px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 2px }

#podkreslenie a {
   	text-decoration: none;
    color: #326ea1;
    border: none;
    border-bottom: 1px solid #dbd5c5;

	}
#podkreslenie a:hover {
    padding-bottom: 0;
	color: #326ea1;
	border-bottom: 2px solid #dbd5c5;
	}

#podkreslenie a:visited {
	padding-bottom: 1px;
	color: #326ea1;
	text-decoration: none;

	}


#who_is {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#who_is a {
	float: left;
	padding: 8px 52px;
	text-decoration: none;
    border: none;

	}
#who_is a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#who_is a.active {

	color: #FFFFFF;

	}
#services {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#services a {
	float: left;
	padding: 7px 47px;
	text-decoration: none;
    border: none;

	}
#services a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#services a.active {
	color: #FFFFFF;

	}
#awards {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#awards a {
	float: left;
	padding: 7px 49px;
	text-decoration: none;
    border: none;

	}
#awards a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#awards a.active {
	color: #FFFFFF;

	}
#portfolio {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#portfolio a {
	float: left;
	padding: 8px 48px;
	text-decoration: none;
    border: none;

	}
#portfolio a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#portfolio a.active {
	color: #FFFFFF;

	}
#contact {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#contact a {
	float: left;
	padding: 7px 50px;
	text-decoration: none;
    border: none;

	}
#contact a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#contact a.active {
	color: #FFFFFF;

	}
#quote {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#quote a {
	float: left;
	padding: 7px 54px;
	text-decoration: none;
    border: none;

	}
#quote a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#quote a.active {
	color: #FFFFFF;

	}


#who_is_pl {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#who_is_pl a {
	float: left;
	padding: 8px 55px;
	text-decoration: none;
    border: none;

	}
#who_is_pl a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#who_is_pl a.active {

	color: #FFFFFF;

	}
#services_pl {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#services_pl a {
	float: left;
	padding: 7px 54px;
	text-decoration: none;
    border: none;

	}
#services_pl a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#services_pl a.active {
	color: #FFFFFF;

	}
#awards_pl {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#awards_pl a {
	float: left;
	padding: 7px 48px;
	text-decoration: none;
    border: none;

	}
#awards_pl a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#awards_pl a.active {
	color: #FFFFFF;

	}
#portfolio_pl {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#portfolio_pl a {
	float: left;
	padding: 8px 48px;
	text-decoration: none;
    border: none;

	}
#portfolio_pl a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#portfolio_pl a.active {
	color: #FFFFFF;

	}
#contact_pl {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#contact_pl a {
	float: left;
	padding: 7px 51px;
	text-decoration: none;
    border: none;

	}
#contact_pl a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#contact_pl a.active {
	color: #FFFFFF;

	}
#quote_pl {

	margin: auto auto auto auto;
	padding: 0;
    text-decoration: none;
	}

#quote_pl a {
	float: left;
	padding: 7px 54px;
	text-decoration: none;
    border: none;

	}
#quote_pl a:hover {
	color: #FFFFFF;
	background: #ff8f06;
	}
#quote_pl a.active {
	color: #FFFFFF;

	}

.btnav {
 background-color: #fafbfd; border: 1px #eef0f1 solid;
 }



H2 {
color: gray; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: transparent; text-align: left; margin-top: 5px; margin-bottom: 11px; margin-left: 0px; padding-top: 0px; padding-bottom: 2px; padding-left: 0px; border-bottom: 1px dotted #FF9966 }

H3 {
color: gray; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: transparent; text-align: left; margin-top: 0px; margin-bottom: 11px; margin-left: 0px; padding-top: 0px; padding-bottom: 2px; padding-left: 0px; border-bottom: 1px dotted #FF9966 }




.orangeline {
color: #0cc; font-weight: normal; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: transparent; text-align: left; border-bottom: 1px solid #FF9966; border-bottom-color: #FF9966; border-bottom-style: solid  }

* html H2 {
border-bottom: none;
padding: 4px 0px 4px 0px;
background: url(images/kropki.gif) repeat-x bottom;
}

* html H3 {
border-bottom: none;
padding: 4px 0px 4px 0px;
background: url(images/kropki.gif) repeat-x bottom;
}


.style3 {
color: #AFAFAF;
margin: 10px;
font-weight: bold;
text-align: justify;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 10px;
line-height: 14px;
display: block;

}

.style4 {
color: gray;
margin: 0px;
font-weight: plain;
text-align: center;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 7;
text-decoration: none;
line-height: 16px;

padding: 0px;
letter-spacing: 1px;
}

.style5 {
color: Gray;
margin: 0px;
font-weight: plain;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
line-height: 14px;
display: block;
padding: 7px 10px 7px 20px;
}


.style6 {
color: Gray;
margin: 0px;
font-weight: plain;
text-align: right;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
line-height: 16px;
display: block;
padding: 7px 10px 7px 20px;
}
.style7 {
color: Gray;
margin: 0px;
text-align: justify;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
line-height: 13px;
}

.style8 {
color: Gray;
margin: 10px;
font-weight: bold;
text-align: left;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
line-height: 10px;
display: block;
}
.style9 {
color: #777777;
text-align: justify;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 11px;
line-height: 15px;
display: block;


}
.style10 {
color: Gray;
margin: 0px;
font-weight: plain;
text-align: justify;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
line-height: 16px;

}
.style11 {color: #999999; font-size: small;}
.style12 {
        font-size: small;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FF3399;
        font-weight: bold;
}
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: small;}
.style15 {
color: #FFFFFF;
margin: 0px;
font-weight: bold;
text-align: justify;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
line-height: 11px;

}
.style17 {color: #999999; font-size: x-small; }
.style18 {
color: #C0C0C0;
margin: 0px;
font-weight: bold;
text-align: left;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 9px;
text-decoration: none;
line-height: 10px;
}
.style19 {
color: Gray;
margin: 0px;
font-weight: bold;
text-align: left;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 9px;
text-decoration: none;
line-height: 10px;
}
.style20 {
text-align: left;
margin: 8px;
color: #BBBBBB;
font-family: Times New Roman, Times, serif;
font-size: 20px;
font-weight: plain;
line-height: 21px;

}
.style21 {
margin: 5px;
padding: 0;
color: #CDCDCD;
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-size: 14px;
font-weight: plain;
line-height: 15px;
text-decoration: none;
}

#footer-bottom {
background: url('images/omdesign_bottom3.gif');
height: 50px;
}

#footer-top {
background: url('images/omdesign_top.gif');
height: 15px;
}



.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=78);
-moz-opacity: 0.7;

}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;

}

