/* DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#666666; background:#6091AA url(../images/body-bg.gif) top left repeat-x; }



/* -------------------taller header -------------------------
	html, body { margin:0; padding:0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#666666; background:#6091AA url(../img/bg_body.gif) top left repeat-x; }
*/

img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ol, ul, p, dl, dt, dd { margin:0; padding:0; border:0; list-style:none; }
a { color:#FF6600; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
abbr { border:none; }
.smallTxt { font-size:0.9em; }
.bigTxt { font-size:1.1em; }
.blue { color:#3B8BD4; }
ol { padding:0 0 12px 30px; list-style:decimal; line-height:18px; }


/* Trebuchet MS, Verdana, Arial, Helvetica, sans-serif */

.trebuchet { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }

/* FORMS */
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; color:#333; }
.inputText, textarea  { border:1px solid #7E7E7E; padding:2px; }
select { border:1px solid #7f9db9; padding:1px; }

.hr { clear:both; background:url(../img/bg_hr.gif) left 10px repeat-x; height:30px; } 
.hr hr { display:none; }

.fontsize22 { font-size:22px; }
.fontsize16 { font-size:16px; }
.fontsize14 { font-size:14px; }
.fontsize13 { font-size:13px; }
.fontsize11 { font-size:11px; }
.fontsize10 { font-size:10px; font-weight:bold; }

.color01 { color:#177ECE; }
.color02 { color:#FF6600; }



/* H TITLES */
h1 { display:block; margin:0 0 10px 0; color:#45545B; font-weight:normal; font:30px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }
.subheading { font-size:22px; }
h2 { display:block; font-size:22px; margin:0 0 12px 0; color:#000; font-weight:normal; }
h2 span { text-transform:none; color:#666666; }
h2 a { text-decoration:none; }
h2 a:hover { text-decoration:none; color:#000; }
h3 { display:block; font:18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; color:#FF6600; font-weight:normal; }



/* MAIN CONTAINER */
#main-container { width:942px; margin:0px auto; }
#bg-main-container { float:left; width:100%; background:#fff url(../img/bg_container.gif) top left repeat-y; }


/* -------------------MAIN HEADER--------------------*/
#main-header { width:100%; float:left; position:relative; height:456px; background:url(../img/bg_header.jpg) top left no-repeat; }

/* shorter header */
#new-header { width:100%; float:left; position:relative; height:395px; background:url(../images/header-bg.jpg) top left no-repeat; }



/* MAIN HEADER - LOGO */
#logo { width:350px; }
#logo a { position:absolute; display:block; width:350px; height:90px; text-indent:-9999px; margin:28px 0 0 10px; }



/* MAIN NAVIGATION - MAINNAV2 */
#mainNav { position:absolute; top:135px; left:20px; width:230px; }
#menu { z-index: 80; float:left; width:100%; position:relative; }
#menu li { position: relative; float: left; width:100%; }
#menu li a { padding:8px 0 0 30px; height:21px; color:#000; text-decoration:none; background:url(../img/bg_mainNav.gif) top left no-repeat; white-space: nowrap; /* required in IE 6 */  float:left; display:block; width:100%; font-size:13px; margin:0 0 1px 0; font-size:11px; font-weight:bold; text-transform:uppercase; }

#menu li a:hover { color:#fff; text-decoration:none; background-position:0 -29px; }
#menu li.on a, #menu li:hover a, #menu li.current a { color:#fff; text-decoration:none; background-position:0 -29px; }


#menu ul.ssNav {
	float: none;
	top: -999em;
	position: absolute;
	background: #0198D6 /*url(../img/bg_ssNav.gif) top left repeat-x*/;
	width: 195px;
	border-bottom:0px;
}

li#item1 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item2 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item3 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item4 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item5 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item6 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item7 ul.ssNav {
	width: 169px;
}




#menu ul.ssNav li {
	width: 190px;
}


#menu ul.ssNav li a {
   float: none;
	display: block;
	height: auto !important;
	padding: 6px 0 6px 10px !important;
	font: normal 11px Arial,Verdana,sans-serif;
	font-weight:normal;
	text-align: left;
	cursor: pointer;
	color: #fff;
	background: #0198D6;
	margin:0px;
	border-bottom:1px solid #33424B;
}

#menu ul.ssNav a:hover {
	text-decoration: none;
	color:#fff;
	background:#0B588C;
}

#menu li:hover ul.ssNav, /* pure CSS hover is removed below */
#menu li.on ul.ssNav {
	left: 231px;
	top: 0px;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav {
	top: -999em;
}


#menu ul.ssNav li.on a, #menu ul.ssNav li:hover a, #menu ul.ssNav li.current a { text-decoration: none;	color:#fff;	background:#0B588C; }

#menu ul.ssNav1 { float: none; top: -999em; position: absolute; background: #606F79 /*url(../img/bg_ssNav.gif) top left repeat-x*/; width: 180px; border-bottom:0px; }
#menu ul.ssNav1 li { width: 190px; }
#menu ul.ssNav1 li a { float: none; display: block; height: auto !important; padding: 6px 0 6px 12px !important; font: normal 11px Arial,Verdana,sans-serif; font-weight:normal; text-align: left; cursor: pointer; color: #fff; background: #606F79; margin:0px; border-bottom:1px solid #33424B; }
#menu ul.ssNav1 a:hover { text-decoration: none; color:#fff; background:#1475B7; }
#menu li:hover ul.ssNav1, /* pure CSS hover is removed below */#menu li.on ul.ssNav1 { left: 200px; top: 0px; }
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav1 { top: -999em; }
#menu ul.ssNav1 li.on a, #menu ul.ssNav1 li:hover a, #menu ul.ssNav1 li.current a { text-decoration: none;	color:#fff;	background:#1475B7; }


#menu ul.ssNav2 { float: none; top: -999em; position: absolute; background: #606F79 /*url(../img/bg_ssNav.gif) top left repeat-x*/; width: 200px; border-bottom:0px; }
#menu ul.ssNav2 li { width: 210px; }
#menu ul.ssNav2 li a, #menu ul.ssNav2 li span { float: none; display: block; height: auto !important; padding: 6px 0 6px 12px !important; font: normal 11px Arial,Verdana,sans-serif; font-weight:normal; text-align: left; cursor: pointer; color: #fff; background: #606F79; margin:0px; border-bottom:1px solid #33424B; }
#menu ul.ssNav2 a:hover, #menu ul.ssNav2 span:hover { text-decoration: none; color:#fff; background:#3D9CDC; }
#menu li:hover ul.ssNav2, /* pure CSS hover is removed below */#menu li.on ul.ssNav2 { left: 200px; top: 0px; }
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav2 { top: -999em; }
#menu ul.ssNav2 li.on a, #menu ul.ssNav2 li:hover a, #menu ul.ssNav2 li.current a { text-decoration: none;	color:#fff;	background:#3D9CDC; }


#menu ul.ssNav3 { float: none; top: -999em; position: absolute; background: #606F79 /*url(../img/bg_ssNav.gif) top left repeat-x*/; width: 180px; border-bottom:0px; }
#menu ul.ssNav3 li { width: 220px; }
#menu ul.ssNav3 li a { float: none; display: block; height: auto !important; padding: 6px 0 6px 12px !important; font: normal 11px Arial,Verdana,sans-serif; font-weight:normal; text-align: left; cursor: pointer; color: #fff; background: #606F79; margin:0px; border-bottom:1px solid #33424B; }
#menu ul.ssNav3 a:hover { text-decoration: none; color:#fff; background:#2FABE7; }
#menu li:hover ul.ssNav3, /* pure CSS hover is removed below */#menu li.on ul.ssNav3 { left: 222px; top: 0px; }
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav3 { top: -999em; }
#menu ul.ssNav3 li.on a, #menu ul.ssNav3 li:hover a, #menu ul.ssNav3 li.current a { text-decoration: none;	color:#fff;	background:#2FABE7; }

.call_top { position:absolute; display:block; top:54px; right:110px; }


/* MAIN CONTENT */
#main-content { float:left; width:100%; padding-bottom:20px; background:url(../img/bg_container_top.gif) left -2px no-repeat; }
.content { padding:0 36px 0 40px; }

.paragraph { clear:both; display:block; }
.paragraph p { display:block; margin:0 0 12px 0; line-height:18px; }

.list01 { padding:0 0 12px 30px; }
.list01 ul { padding:0 0 0 0; }
.list01 li { list-style:disc; padding:0 0 0 0; line-height:18px; }
.list01 li a { color:#FF6600; text-decoration:underline; outline:none; }
.list01 li a:hover { text-decoration:none; }
.list01 li ul { padding:0 0 0 30px; }
.list01 li ul li { background:none; list-style:circle; padding:0 0 0 0; }
.list01 li ul li a { color: #fff; background: #f1dba5; }
.list01 li ul li a:hover { color: #336600; }
.list01 li ul li ul { padding:0 0 0 30px; }
.list01 li ul li ul li { background:none; list-style:circle; padding:0 0 0 0; }
.list01 li ul li ul li a { color: #fff; background: #f1dba5; }
.list01 li ul li ul li a:hover { color: #336600; }
.list02 { padding:0 0 12px 20px; }
.list02 li { background:url(../img/bg_bullet01.gif) left 8px no-repeat; padding:0 0 0 12px; margin:0 0 10px 0; font:16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#177ECE; font-weight:bold; }


.picRight img { border:1px solid #999; float:right; margin:0 0 10px 10px; }
.picLeft img { float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #999; }
.pic img { border:1px solid #999; padding:2px; }


/* LEFT CONTENT */
#leftCol { width:590px; float:left; }


/* RIGHT CONTENT */
#rightCol { width:249px; float:right; margin:46px 0 0 0; }


.ads { width:100%; background:#ffffff url(../img/bg_ads.gif) top left repeat-y; }
.ads .top { background:#fff url(../img/bg_ads_top.gif) top left no-repeat; padding-top:16px; font-size:0px; }
.ads .bot { background:#fff url(../img/bg_ads_bot.gif) bottom left no-repeat; padding-top:20px; font-size:0px; }
.ads .text { padding:10px 20px; }
.ads .text p { display:block; padding:0 0 10px 0; }
.ads ul li { background:url(../img/bg_bullet_ads.gif) left 1px no-repeat; padding:0 0 0 14px; display:block; margin:0 0 6px 0; }
.ads ul li a { color:#666666; text-decoration:none; }
.ads ul li a:hover { color:#D26D00; text-decoration:underline; }


.works { width:100%; background:#ffffff url(../img/bg_works.gif) top left repeat-y; color:#177ECE; font:14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }
.works .top { background:#fff url(../img/bg_works_top.gif) top left no-repeat; padding-top:16px; font-size:0px; }
.works .bot { background:#fff url(../img/bg_works_bot.gif) bottom left no-repeat; padding-top:6px; font-size:0px; }
.works .text { padding:0 20px; font-weight:bold; }
.works p { background:url(../img/bg_bullet_ads.gif) left top no-repeat; padding:0 0 3px 20px; display:block; margin:0 0 12px 0; border-bottom:1px solid #CFCFCF; }



#country_letters a { display:block; width:22px; height:22px; line-height:20px; text-decoration:none; float:left; margin:2px; border:1px solid #D5D5D5; color:#fff; text-align:center; background:#FB7318; }
#country_letters a:hover { color:#FFFFFF; background:#1F5FAF; }

#prices { min-height:400px; height:400px;}
#prices th { background:#D5D5D5; color:#000; padding:4px; }
#prices td { border-bottom:1px solid #D5D5D5; padding:2px; }
div[id]#prices { height:auto}



/* MAIN FOOTER */
#main-footer { width:100%; clear:both; }
#footer { background:url(../img/bg_footer.gif) top left no-repeat; width:942px; height:100px; margin:0px auto; }

/* MAIN FOOTER - BOTTOM NAVIGATION */
.botNav1 { padding:24px 0 0 0; color:#2E4A59; display:block; text-align:center; }
.botNav1 a { color:#2E4A59; text-decoration:none; padding:0 6px; }
.botNav1 a:hover { text-decoration:underline; }


.copyright { color:#B0C8D5; display:block; padding:24px 0 0 0; text-align:center; }
.copyright a { color:#B0C8D5; }

.contact-form { float:left; margin-left:175px; display:block; width:476px; text-align:left; background:#F3F5F6; border:1px solid #E1E4E7; padding:4px 10px; }
.contact-form td { vertical-align:top; border-bottom:1px solid #D5D8DC; padding:8px 0 8px 10px; }
.formContact { width:100%; }
.formContact .inputText { width:210px; padding: 3px 4px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }
.formContact #msg1ContactForm { width:448px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; }
.contact-form label { display:block; margin:0 0 2px 0; font-size:11px; font-weight:bold; }

.quote-form { margin-left:175px; text-align: center; display:block; width:476px; text-align:left; background:#F3F5F6; border:1px solid #E1E4E7; padding:4px 10px; }
.quote-form td { vertical-align:top; border-bottom:1px solid #D5D8DC; padding:8px 0 8px 10px; }
.quote-form label { display:block; margin:0 0 2px 0; font-size:11px; font-weight:bold; }