/* 
blue #012691
orange #ff9900
red #961e20

/* Generic*/
* {margin: 0px; padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #f5f6f7; color: #333333;}
a:link, a:visited {text-decoration: none; color: #333333;}

a:hover {
	text-decoration: none;
	color: #ff9900;
}
a img {border: 0;}
table { border-collapse: collapse;}
ul {list-style-type: none; list-style-position: outside;}

.imgL {float: left; margin-right: 15px; border: 1px solid #dcdcdc;}
.imgR {float: right; margin-left: 20px;}
.imgC {margin-bottom: 20px;}


#topNav {
	height: 20px;
	background: url(../images/bgTopNav.jpg) repeat-x;
}
#topNav ul {position: absolute; top: 0px; left: 0px;}
#topNav ul a {text-decoration: none;line-height: 20px;font-size: 12px;color: #FFFFFF;width: 100px;height: 20px;display: block;float: left;text-align: center;}
#topNav li {display: inline;}
#topNavD a {background: url(../images/TopNavD.png) no-repeat;}
#topNavU a {background: url(../images/TopNavU.png) no-repeat;color: #999999;}
#topNavU a:hover {background: url(../images/TopNavH.png) no-repeat; color: #ffcc00;}


.mastheadDom {height: 170px; position: relative; z-index: 1200; background: url(../images/bgDom.jpg) repeat-x top;}
.mastheadCom {height: 170px; position: relative; z-index: 1200; background: url(../images/bgCom.jpg) repeat-x top;}


.cards {
	position: absolute;
	right: 0px;
	font-size: 10px;
	color: #FFFFFF;
	background: url(../images/credit-cards.png) no-repeat center top;
	padding-top: 18px;
	width: 215px;
	top: 15px;
	text-align: right;
}

.wrapnav {
	height: 170px;
}

#nav {position: absolute; bottom: 0px; left: 0px;}
#nav ul a {display: block;}
#nav ul a:hover {color: #f1861c;}
#nav li {font-size: 15px; line-height: 35px; position: relative; float: left; width: 100px; text-align: center; background-color: #ffffff;}
#nav li ul {position: absolute; top: 30px; left: -15px; clear: left; display: none;}
#nav li ul a {color: #666666;}
#nav li ul li { width: 130px;}
#nav li:hover ul {display: block;}

#navBGL {background: url(../images/bgNavTL.jpg) no-repeat left top;}
#navBGR {background: url(../images/bgNavTR.jpg) no-repeat right top;}

#navComBGL {background: url(../images/bgNavComTL.jpg) no-repeat left top;}
#navComBGR {background: url(../images/bgNavComTR.jpg) no-repeat right top;}





#breadcrumb {width: 100%; padding: 10px 0 30px 0;}
#breadcrumb a {color: #999999; font-weight: normal;}

.phone {color: #FFFFFF; position: absolute; right: 0px; top: 60px; font-size: 22px; font-weight: bold; padding: 0 0 0 18px; background: url(../images/handset.jpg) no-repeat left center;}

.phoneCom {
	color: #004285;
	position: absolute;
	right: 0px;
	top: 40px;
	font-size: 22px;
	font-weight: bold;
	text-align: right;
}


/* Layout */

#content {background-color: #FFFFFF; padding-bottom: 25px; position: relative; z-index: 1000;}
.wrapper {width: 960px; margin: 0 auto; position: relative;}
.contentL {width: 570px; float: left; margin-bottom: 20px;}
.contentR {
	float: right;
	width: 340px;
}
.bgmap {
	background-image: url(../images/bgmap.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.blue {
	background-color: #ccf4ff;
	background-image: url(../images/bgBlue.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}

.grey {
	background-color: #f4f4f4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}
.border {
	border: 1px solid #dcdcdc;
}

.box {padding: 25px;}
.boxMini {
	padding: 12px;
	margin-bottom: 20px;
}
.boxLinks {
	padding: 20px;
}
.boxLinks p {
	padding-bottom: 10px;
	font-size: 95%;
}


.container {
	clear: both;
	float: left;
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
}
.twocolL {
	float: left;
	width: 48%;
}
.twocolR {
	float: right;
	width: 48%;
}

.listMini li {border-bottom: 1px solid #dcdcdc; font-size: 12px; line-height: 20px;}
.listMini a:hover {color: #ffcc00;}
.listMini a {display: block;}
.listMini  {
	margin-bottom: 15px;
}

.listMap a:hover {color: #ffcc00;}
.listMap a {display: block; color: #FFFFFF; line-height: 22px; padding-left: 20px; background-image: url(../images/transBlue.png); font-weight: bold; margin-bottom: 10px;}
.listServices {
	margin-bottom: 15px;
}

.listServices a {
	display: block;
	line-height: 26px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 14px;
}
.listServices  a:hover {
	color: #ffcc00;
	background-color: #e5e5e5;
}



.listtick ul  {
	padding-bottom: 10px;
}
.listtick li {
	background: url(../images/tick.gif) no-repeat right center;
	font-size: 16px;
	line-height: 28px;
	padding-right: 10px;
}

.contentR p {line-height: 18px; padding-bottom: 10px;}


.threecolfirst {width: 290px; float: left;}
.threecol {width: 290px; float: left; margin-left: 45px;}
.gridThree {background: url(../images/gridBGthree.jpg) repeat-y center;}

.fourcolfirst {width: 225px; float: left; margin: 0 0 20px 0;}
.fourcol {width: 225px; float: left; margin: 0 0 20px 20px;}

.fivecolfirst {width: 176px; float: left; margin: 0 0 20px 0;}
.fivecol {width: 176px; float: left; margin: 0 0 20px 20px;}

.buttonlink {
	text-align: center;
	width: 100px;
	line-height: 25px;
	height: 30px;
	background: url(../images/button.jpg) no-repeat;
	font-size: 11px;
}

.buttonlink a:hover {
	color: #ff9900;
}

.contentL a {text-decoration: underline;}


p {
	font-size: 13px;
	line-height: 22px;
	padding-bottom: 20px;
}


p.logoDom {text-indent: -9000px; position: absolute; width: 320px; left: 0px; top: 0px; background: url(../images/logoDom.jpg) no-repeat;}
p.logoDom a {display: block; height: 140px;}

p.logoCom {text-indent: -9000px; position: absolute; width: 320px; left: 0px; top: 0px; background: url(../images/logoCom.jpg) no-repeat;}
p.logoCom a {display: block; height: 140px;}



h1 {font-size: 12px; color: #999999; text-align: right; font-weight: normal; margin: 0px; line-height: 22px; background: url(../images/flages.jpg) no-repeat right top; padding: 0px 130px 0 0;}
h2 {padding-bottom: 20px; color: #961e20; font-size: 30px; letter-spacing: -1px; line-height: 32px;}
h3 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 8px;
	color: #333333;
	letter-spacing: -1px;
}
hr {
	clear: both;
}
h4 {font-size: 16px; margin-bottom: 10px;}

.bullet  {list-style-type: disc; list-style-position: outside; margin: 10px 0 20px 30px;}
.bullet li {font-size: 14px; line-height: 20px; margin-bottom: 15px;}

.floatL {float: left; border: 1px solid #dcdcdc;}
.floatR {float: right; border: 1px solid #dcdcdc;}
.clear {clear: both;}


.footnote {text-align: right; font-size: 10px; font-weight: bold; color: #999999; clear: both; line-height: 25px; padding-right: 20px;}


#footer {clear: both; background: url(../images/bgFooter.jpg) repeat-x top; border-top: 1px solid #999999; padding-top: 20px; padding-bottom: 20px;}
.bgfoot {background: url(../images/a-z.png) no-repeat; padding-top: 40px;}

#footer p, #footer a, #footer li {font-size: 11px; line-height: 16px; color: #999999; margin-bottom: 2px; padding-bottom: 0px;}
#footer  h5 {color: #666666; font-size: 12px; font-weight: bold; margin-bottom: 3px; margin-top: 5px;}
#footer a:hover {color: #000000;}
#footer ul {margin: 0px;}


.imgNav {margin-bottom: 20px; clear: both; background-color: #f4f4f4; border-bottom: 1px solid #dcdcdc; height: 124px;}
.imgNav img {
	border: 1px solid #dcdcdc;
	float: left;
}
.imgNav  h3, .imgNav p {
	padding-left: 112px;
	padding-bottom: 0px;
}
.imgNav a {display: block;}
.imgNav a:hover {color: #ffcc00;}

.listarrow {background: #f4f4f4 url(../images/cornerB.jpg) no-repeat bottom; padding-bottom: 10px;}
.listarrow ul {background: url(../images/cornerT.jpg) no-repeat top; padding: 20px 0 15px 0;}
.listarrow  a {display: block; line-height: 24px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ff9900; margin: 0 20px; padding-left: 5px;}
.listarrow a:hover {background-color: #CCCCCC; color: #FFFFFF;}
.listarrow  li {display: inline;}

#signup {position: relative; width: 260px;}
#signup input {margin-bottom: 10px;}

.pic {margin-bottom: 25px; position: relative; height: 150px; width: 316px;}
.pic img {z-index: 0;}
.pic p {background-image: url(../images/transBlue.png); position: absolute;	bottom: 0px; left: 0px; z-index: 2; padding: 3px 15px 5px 15px; color: #FFFFFF; font-size: 12px; line-height: 14px; font-weight: bold; width: 286px;}
.commBG {
}
cite   {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0px;
}
.quote {
	padding: 12px;
	background-image: url(../images/bgQuote.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.movie {padding: 12px; height: 175px;}

/* Gallery */
#gallerybox {text-align:right; border: 1px solid #333333; width: 500px; padding: 20px; margin-bottom: 50px;}
.galleria {list-style:none;width:500px}
.galleria li{display:block;width: 47px;height: 47px;overflow:hidden;float:left;margin:4px;}
.galleria li a {display:none}
.galleria li div {position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.gallerynav{padding: 15px 0 0 0; clear:both;}
.caption{font-style:italic; color:#887;}
* html .galleria li div span{width:1000px} /* MSIE bug */.redText {
	color: #961e20;
	font-weight: bold;
}
.download {
	background-image: url(../images/pdf.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 80px;
	margin-top: 25px;
}
.download  a, .download h4 {
	padding-left: 100px;
	font-weight: bold;
}
.borderB {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.listProduct  {
	margin-bottom: 20px;
}
.listProduct li {
	font-size: 13px;
	line-height: 20px;
}
#flickr a img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.listNest li ul {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}.listNest a {
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
}
