/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%; 
	color:#fefefe;
    min-width: device-width;
	background:#004380;
}

.main {

	width: device-width;
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.3846em;
	position:relative;
}
.left-side{

	width:20%;
	height:100px;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.3846em;
	position:relative;
	border:#FF3300 solid 1px;
}


a {color:#11b0fd; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px; color:#000;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#fefefe;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.margin-top {margin-top:40px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}
.img-indent3 {float:left; margin:0 8px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {
	border:2px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:140px; width:100%; background:url(../images/tail-top.jpg) 0 bottom repeat-x; position:relative; z-index:2;}
.header {height:140px; width:100%; background:url(../images/tail-top.jpg) 0 257px repeat-x; position:relative;}
.row-1 {width:100%; height:20px; background:url(../images/tail-row1.jpg) center 0 no-repeat; position:relative;}
.row-2 {width:100%; height:110px; background:url(../images/tail-row2.jpg) center 0 no-repeat; position:relative; z-index:2;}

h1 {padding:0; position:absolute; top:23px; left:10px;}

.logo-img{
    
    position:relative; 
    left:5px;
}

.slogan {
	font-size:18px;
	line-height:1.2em;
	font-weight:400;
	color:#fbfbfb;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:-11px;
	right:27px;
}

.text-top {position:absolute; top:5px; right:70px; color:#0ba0e8;}
.text-top a {margin-left:5px;}

.header-list{ width:936px; overflow:hidden;}
.header-list li{ display:block; width:300px; height:420px; float:left; 0 0 no-repeat; margin:0 15px 0 0;}
.header-list .indent-none{ margin:0 !important;}
.header-list .box-img{ position:absolute; display:block; margin:1px 0 0 1px}
.header-list li a .box-text{ background:url(../images/box_text1.png) 0 0 no-repeat; display:block; position:absolute; width:299px; height:80px; margin:320px 0 0 0;}
.header-list li a:hover .box-text{ background:url(../images/box_text_act1.png) 0 0 no-repeat;}

.header-list li a .box-text span{ position:absolute; height:50px; margin:25px 0 0 30px; color:#fdffff; font-size:18px;}


/*********************************content*************************************/
#content {width:100%; padding:0px; position:relative; z-index:1;}
.padding-content {padding:50px 0 44px;}
.padding-content1 {padding:32px 0 40px;}
.padding-content2 {padding:78px 0 41px;}
.padding-content3 {padding:78px 0 95px;}
.padding-content4 {padding:12px 0 10px;}

.bg-0 {width:100%; background-color:#fff; position:relative;}
.bg-1 {width:100%; background:url(../images/bg-1.jpg) 0 0 repeat;}
.bg-2 {width:100%; background:url(../images/bg-2.jpg) 0 0 repeat;}
.bg-3 {width:100%; background-color:#000; position:relative;}

.link-button{ background:url(../images/wrapper_button.png) 0 0 no-repeat; width:89px; height:29px; text-align:center; color:#FEFEFE; font-size:10px; line-height:28px; text-transform:uppercase; text-decoration:none; display:block; float:right; margin:5px 0 0 0;}
.link-button:hover{ text-decoration:none; color:#000;}

.link-button1{ background:url(../images/wrapper_button12.png) 0 0 no-repeat; width:135px; height:29px; text-align:center; color:#FEFEFE; font-size:10px; line-height:28px; text-transform:uppercase; text-decoration:none; display:block; margin:5px 0 0 0;}
.link-button1:hover{ text-decoration:none; color:#000;}

.price{color:#D90909; font-size:16px; font-weight:bold; display:block;}

.products {background-color:#fff; color:#000;  border-collapse: separate; border-spacing: 20px;}
.productTitle {font-size:30px; line-height:1.2em; margin:0px 0 30px; color:#000; font-weight:400; font-family: 'Ubuntu', arial, serif;}
/****************************footer************************/
#footer {width:100%; padding:0px; background:#000;}

.padding-footer {padding:38px 0 32px;}


.text-bot {text-align:right; color:#11b0fd; margin-top:4px;}

.list-services {padding:0px; float:right; margin-top:36px; overflow:hidden;}
.list-services li {float:left; padding:0px; margin-left:3px;}


.spacer-1 {width:100%; height:1px; background:url(../images/spacer-2.gif) 0px 0 repeat-x;}
.spacer-2 {width:100%; height:1px; background:url(../images/spacer-3.gif) 0px 0 repeat-x;}
.spacer-3 {background:url(../images/spacer-4.png) 185px 40px no-repeat;}
.spacer-4 {background:url(../images/spacer-4.png) 425px 40px no-repeat;}

h2 {font-size:38px; line-height:1.2em; margin:0px 0 15px; color:#fff; font-weight:700; font-family: 'Ubuntu', arial, serif;}
h3 {font-size:30px; line-height:1.2em; margin:0px 0 30px; color:#fff; font-weight:400; font-family: 'Ubuntu', arial, serif;}
h4 {font-size:18px; line-height:21px; margin:0px; color:#fff; font-weight:400; font-family: 'Ubuntu', arial, serif;}
h6 {font-size:13px; line-height:18px; margin:0px; color:#fff; font-weight:700;}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}

.box {
	width:100%; 
	min-height:250px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:url(../images/tail-box.jpg) 0 0 repeat-x #108bc6;
}
.padding-box {padding:30px 15px 35px 20px;}
.box .col-1 {width:180px; margin-right:59px;}
.box .col-2 {width:170px; margin-right:68px;}
.box .col-3 {width:78px; margin-right:0px;}

.box-circle {
	float:left;
	width:20px;
	height:20px; 
	font-size:10px; 
	line-height:20px;
	color:#000;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0;
	margin:0 7px 0 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.29);
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.29);
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.29);
	background:#f0f0f0;
}

.box-circle1 {
	float:left;
	width:35px;
	height:35px; 
	font-size:25px; 
	line-height:35px;
	color:#003b74;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 15px 0 0;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.29);
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.29);
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.29);
	background:#f0f0f0;
}

.quote {background:url(../images/quote.png) 0 0 no-repeat; padding:15px 0 0;}

.time-box {
	display:block;
	font-size:13px; 
	line-height:35px; 
	color:#000; 
	width:101px; 
	height:35px; 
	text-align:center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:1px 1px 0px rgba(0,0,0,0.29);
	-moz-box-shadow:1px 1px 0px rgba(0,0,0,0.29);
	-webkit-box-shadow:1px 1px 0px rgba(0,0,0,0.29);
	background:url(../images/tail-timebox.jpg) 0 0 repeat-x;
}

.centeralign {align:center;}

.button {display:inline-block; color:#000; background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button strong {display:inline-block; cursor:pointer; background:url(../images/button-left.gif) 0 0 no-repeat;}
.button strong strong {padding:0px 19px 0px; background:url(../images/button-right.gif) right 0 no-repeat;}
.button:hover {color:#fff;}

.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(../images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(../images/button-right.png) right 0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(../images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 0 0 8px; background:url(../images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

.list-0 li {
	display:block;
	color:#fff;
	padding-left:12px;
	background:url(../images/marker-2.gif) 0 7px no-repeat;
}

.list-1 li {
	font-size:13px;
	line-height:28px;
	height:28px;
	padding:0; 
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:none;
}
.list-1 li a {
	display:block;
	color:#f2f2f2;
	padding-left:12px;
	background:url(../images/marker-5.gif) 0 11px no-repeat;
}
/*.list-1 li:hover {background:url(../images/tail-list1.jpg) 0 0 repeat-x;}
.list-1 li a:hover {background:url(../images/marker-6.gif) 5px 11px no-repeat; color:#000;}*/

.list-1 li a {color:#fff;}
.list-1 li a:hover {color:#24a3ce;}

.list-2 li {font-size:13px; line-height:18px; padding-left:27px; margin-bottom:8px; vertical-align:top; background:url(../images/marker-7.png) 0 2px no-repeat; position:relative;}
.list-2 li a {color:#fefefe; padding:0; text-decoration:none;}
.list-2 li a:hover {text-decoration:underline;}
.list-2 li.last-item {margin:0;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; width:7px; height:7px; margin:8px 0 0 4px; padding:0; text-decoration:none; background:url(../images/marker-3.gif) 0 0px no-repeat;}
.link-1:hover {background:url(../images/marker-3.gif) 0 -7px no-repeat;} 

.link-2 {
	display:inline-block; 
	font-size:18px; 
	line-height:21px; 
	color:#000; 
	font-weight:400; 
	padding:0 0 0 24px; 
	text-decoration:none; 
	font-family: 'Ubuntu', arial, serif; 
	background:url(../images/marker-4.gif) 0 5px no-repeat;
	cursor:pointer;
}
.link-2:hover {color:#C00000;} 

.link-3 {
	display:inline-block; 
	font-size:18px; 
	line-height:21px; 
	color:#fff; 
	font-weight:400; 
	padding:0 0 0 24px; 
	text-decoration:none; 
	font-family: 'Ubuntu', arial, serif; 
	background:url(../images/marker-7.png) 0 1px no-repeat;
	cursor:pointer;
}
.link-3:hover {color:#C00000;} 

.text-1 {font-size:13px; line-height:21px;} 
.text-2 {font-size:25px; line-height:25px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.text-3 {font-size:14px; line-height:18px; font-weight:700; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.text-4 {font-size:13px; line-height:16px;}

.map-canvas {width:310px; height:216px;}

dl {width:250px;}
dl dt {font-size:14px; line-height:18px; font-weight:700; text-transform:uppercase; margin-bottom:8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
dl dd {line-height:16px;}
dl dd span {float:left; width:135px;}



/*************************************************************/
#left{ float:left; text-align:left; width:318px;}
.left-indent{ padding:0 23px 30px 0;}

/*wrapper-box*/
.wrapper-box{ margin-bottom:1px; background:#000000;}
.wrapper-box .boxTitle h3{ color:#fdffff; font-size:20px; line-height:23px; padding:24px 0 0 26px;}
.wrapper-box .boxIndent{ padding:18px 20px 22px 27px;}
.module_menu .boxIndent{ padding:18px 20px 12px 27px !important;}
/**/

/*wrapper-box-extra*/
.wrapper-box-extra .boxTitle{ padding:16px 0 0 0;}
.wrapper-box-extra .boxTitle h3{ background:url(color:#ffffff; font-size:34px; line-height:34px; padding:11px 0 4px 58px;}
.wrapper-box-extra .boxIndent{ padding:20px 21px 0 3px;}
/**/

.indent-top{ padding:13px 0 0 0;}