@charset "utf-8";
/* CSS Document */

body {  font-family:'Myriad Web', Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background:#021931;}

/* specific styles */

.clear { clear:both;}

.hide { display:none;}

h1 { margin:0;
padding:0;}

/* container */

#container { background:url(/assets/images/bg-img1.jpg) no-repeat;
margin:10px auto 0 auto;
width:990px;
height:600px;
border:1px solid #fff;}

#middle_col { width:780px;
margin:10px auto;
border:1px solid #fff;}

#cont { width:780px;
margin:10px auto;
color:#fff;
font-size:72%;}

#cont p { text-align:center;}

#cont p a { color:#fff;
text-decoration:none;
font-weight:bold;}
#cont p a:hover { text-decoration:underline;}

#container.holding { background:none;
border:none;
color:#fff;
font-size:72%;
width:600px;
margin:20px auto;}

/* holding page */

#container.holding .columns { float:left;
width:200px;
margin:20px 10px;}

#container.holding .columns.second { width:350px;}

#container.holding .columns.second a { color:#fff;}

/* left column */

#container #column { background:url(/assets/images/left-bg2.png) repeat-x;
float:left;
height:513px;
width:220px;
margin:0 0 0 30px;}

#container #column img.logo { margin:15px 30px 15px 30px;}

#container #column p { color:#fff;
margin:0 ;
padding:0;
font-size:80%;
text-align:center;}

#container #column p.number { font-weight:bold;
font-size:84%;
line-height:18px;}

/* navigation */

#container #column ul { list-style:none;
margin:15px 0 0 0;
padding:0;
font-size:80%;}

#container #column ul li { background:#000033;
display:block;
padding:5px 0 5px 55px;
border-bottom:1px solid #6b6b81;}

#container #column ul li.on { background:#6ebb1f;
border:1px solid #fff;
border-left:none;
font-weight:bold;
padding:5px 55px;
width:150px;
_width:auto;}

#container #column ul li.on a { color:#fff;}

#container #column ul li a { text-decoration:none;
color:#b0b4c9;}

#container #column ul li a:hover { color:#fff;}

/* quote */

#container #quote { float:right;
width:385px;
height:112px;
background:url(/assets/images/quote.png) no-repeat;
margin:30px 0 0 0;}

#container #quote p { visibility:hidden;}

/* content area */

#container #content { float:left;
margin:-41px 0 0 56px;}

#container #content .info {
background:url(/assets/images/green-bg.png) repeat;
padding:5px;
_background:#6ebb1f;
_width:620px;}

#container #content p { width:377px;
font-size:72%;
margin:5px 0;
padding:0;
color:#fff;
line-height:16px;}

#container #content p.more { background:url(/assets/images/green-bg.png) repeat;
margin:0 20px 0 0;
width:110px;
text-align:center;
padding:0 0 5px 0;
float:right;}

#container #content p.more a { color:#fff;
text-decoration:none;
background:url(/assets/images/arrows.jpg) no-repeat right center;
padding:0 15px 0 0;
font-weight:bold;}

#container #content p.more a:hover { color:#cce8af;}

/* internal content area */

#container #content.internal { float:left;
margin:0px 0 0 56px;}

#container #content .info#full { width:620px;
/*height:350px;*/
padding:10px 10px 10px 10px;}

#container #content .info#full p { width:auto;}

#container #content .info#full a { color:#fff;}
#container #content .info#full a:hover { text-decoration:none;}


#container #content .info.half#full { width:303px;}

/* tabs for sub sections */

ul#tabs { margin:0 0 0 56px;
float:left;
padding:71px 0 0 0px;
list-style:none;
font-size:72%;
width:570px;}

ul#tabs:after { clear:both;
content:'.';
visibility:hidden;
margin:0;
padding:0;
height:1px;}

ul#tabs li { float:left;}

ul#tabs li a { padding:5px 8px 2px 8px;
background:url(/assets/images/white-bg.png) repeat;
margin:0 1px 0 0;
color:#000033;
text-decoration:none;
display:block;}

ul#tabs li a.on { /*background:#6cbc1d;*/
background:url(/assets/images/green-bg.png) repeat;
color:#fff;
font-weight:bold;
text-decoration:none;}

ul#tabs li.hide { float:right;
background:url(/assets/images/hide.png) repeat;
padding:0 5px 0 0;}

ul#tabs li.hide a { background:url(/assets/images/hide-arrow.png) no-repeat 100% 60%;
color:#fff;
padding:5px 20px 2px 8px;}

/* tabs for sub sections */

ul#new-tabs { margin:-22px 0 0 0;
padding:0;
list-style:none;
width:570px;
}

ul#new-tabs:after { clear:both;
content:'.';
visibility:hidden;
margin:0;
padding:0;
height:1px;}

ul#new-tabs li { float:left;}

#content.internal ul#new-tabs li h2 {font-size:100%;
margin:0;
padding:0;
font-weight:normal;}

ul#new-tabs li a { padding:5px 7px 2px 7px;
background:url(/assets/images/white-bg.png) repeat;
margin:0 1px 0 0;
color:#000033;
text-decoration:none;
display:block;}

ul#new-tabs li a.on { /*background:#6cbc1d;*/
background:url(/assets/images/green-bg.png) repeat;
color:#fff;
font-weight:bold;
text-decoration:none;}

/* hide tab */

ul#hide-tab { padding:71px 0 0 0;
list-style:none;
margin:0;
font-size:72%;}

ul#hide-tab.left { padding:71px 330px 0 0;
_padding:71px 250px 0 0;}

ul#hide-tab li { float:right;
background:url(/assets/images/hide.png) repeat;
padding:2px 5px 3px 5px;
margin:0 50px 0 0;}

ul#hide-tab li a { background:url(/assets/images/hide-arrow.png) no-repeat 100% 60%;
color:#fff;
display:block;
padding:5px 20px 2px 8px;
text-decoration:none;}

/* footer */

#container #footer { margin:-18px 30px 0 30px;
float:left;
width:96%;
_margin:-18px 30px 0 15px;}

#container #footer form#newsletter { float:left;
width:200px;
background:#021931;
padding:5px 10px 10px 10px;}

#container #footer form#newsletter label { font-size:72%;
color:#fff;
background:url(/assets/images/newsletter-arrow.jpg) no-repeat right center;
padding:0 25px 0 0;}

#container #footer form#newsletter input { font-size:70%;
background:#0d2d4f !important;
border:1px solid #b1b8bf;
padding:2px 5px;
margin:5px 2px 0 0;
color:#fff;
width:120px;}

#container #footer form#newsletter input.btn { background:url(/assets/images/btn-bg.jpg) repeat-x !important;
font-weight:bold;
width:60px;
margin:5px 0 0 0;
padding:1px;}

#container #footer ul { float:right;
margin:30px 40px 0 0;
.margin:35px 40px 0 0;
list-style:none;
padding:0;}

#container #footer ul li { float:left;
margin:0 2px;
font-size:70%;
background:url(/assets/images/footer.png) repeat;
padding:5px;
_background:none;
_background-color:#021931;}

#container #footer ul li a { text-decoration:none;
color:#fff;}

#container #footer ul li a:hover { color:#8798a5;}

/* footer line */

#container #footer-line { background:url(/assets/images/footer.png) repeat;
width:100%;
height:3px;
clear:both;
margin:0;
_background:none;
_background-color:#021931;}

/* footer logos */

#container ul#footer-logos { list-style:none;
margin:0;
padding:5px 0;
background:url(/assets/images/footer-logos/bg.png) repeat;
text-align:center;}

#container ul#footer-logos li { display:inline;
margin:0 15px;
padding:0;}

/* article */

#container .info#full .article { padding:6px 6px;
width:185px;
float:left;
margin:6px 4px 0 3px;
background:#88c747;
border-left:1px solid #609728;
border-right:1px solid #609728;}

#container .info#full .article h2 { font-size:74%;
font-weight:bold;
margin:0;
padding:0 0 2px 0;
color:#fff;}

#container .info#full .article h2 a { background:url(/assets/images/arrow.png) no-repeat 100% 60%;
padding:0;
display:block;
color:#fff;
text-decoration:none;}

#container .info#full .article h2 a:hover { color:#4d8811;
background:url(/assets/images/arrow-green.png) no-repeat 100% 60%;}

#container .info#full .article img { border-top:1px solid #609728;
border-bottom:1px solid #609728;
margin:2px 0;}

#container .info#full .article .case-img-sm { width:185px;
height:85px;
overflow:hidden;}

#container .info#full .article p { margin:0;
padding:0;}

/* paging */

#container ul#paging { margin:0;
.margin:0 44px 0 0;
padding:0;
list-style:none;
font-size:72%;
float:right;}

#container ul#paging.news-guide { float:left;}

#container ul#paging li { float:left;
margin:0 0 0 2px;}

#container ul#paging li a { color:#fff;
display:block;
background:url(/assets/images/green-bg.png) repeat;
padding:2px 5px;
text-decoration:none;}

#container ul#paging li a:hover { background:#d5f1b8;
color:#6ebb1f;}

#container ul#paging li a.on { background:#fff;
color:#6ebb1f;
font-weight:bold;}

/* need some general styles */

#container #content.internal h1 { font-size:120%;
color:#fff;}

#container #content.internal h2 { font-size:100%;
color:#fff;}

#container #content.internal h2 { font-size:80%;
color:#fff;}

#container #content.internal ul { font-size:72%;
color:#fff;}

#container #content.internal #gallery { margin:10px 0 0 0;}

#container #content.internal #gallery img { padding:5px;
border:1px solid #bbe88d;}

/* contact page */

#container #content.internal .contact { width:300px;
float:left;
margin:0 10px 0 0;
border-right:1px solid #a4df66;
height:350px;}

#container #content.internal .contact.form { margin:0;
border:none;}

#container #content.internal .contact form { margin:10px 0;}
#container #content.internal .contact form label { font-size:72%;
color:#fff;
width:100px;
float:left;
margin:0 0 5px 0;
padding:2px;}

#container #content.internal .contact form input { font-size:72%;
color:#fff !important;
width:180px;
margin:0 0 5px 0;
padding:2px;
background:#88c747;
border:1px solid #609728;}

#container #content.internal .contact form input.btn { background:url(/assets/images/green-btn.jpg) repeat-x;
font-weight:bold;
margin:0 0 0 105px;
width:185px;}

#container #content.internal .contact form textarea { font-size:90%;
color:#fff !important;
width:180px;
margin:0 0 5px 0;
padding:2px;
background:#88c747;
border:1px solid #609728;}

#container #content.internal .contact a { color:#fff;}
#container #content.internal .contact a:hover { color:#457a0f;}

#container #content.internal p.first { font-weight:bold;}

/* news page listing with pdf icon */

#container #content.internal .eguide { float:left;
width:280px;
margin:0 10px 0 0;
background:#66b01a;
padding:10px;
border-right:1px solid #609728;
border-left:1px solid #609728;
height:290px;}

#container #content.internal .eguide#guides { margin:0;}

#container #content.internal .eguide h2 { margin:0;}

#container #content.internal .eguide ul { list-style:none;
margin:10px 0;
padding:0;}

#container #content.internal .eguide ul li { background:url(/assets/images/pdf-icon.png) no-repeat center left;
padding:0 0 0 20px;
margin:0 0 14px 0;}

#container #content.internal h3 { color:#fff;
font-size:100%;}

/* why us */

#container  #content.internal .info#full #whyus h2.why { font-size:200%;
margin:20px 0 0 120px;}
#container  #content.internal .info#full #whyus h2.care { font-size:200%;
margin:0px 0 0 152px;}

#container #content #full.info p.pdf { background:url(/assets/images/pdf-icon.png) no-repeat;
padding:0 0 0 20px;}

#container #content #full.info p.pdf a { color:#fff;
text-decoration:none;
font-weight:bold;}

/* thumbnails */

.thumbnails { margin:10px 0 0 0;
float:right;
width:170px;}

.thumbnails img { border:1px solid #fff;}

/* map */

.map { float:left;
width:300px;
margin:0 10px 0 0;}

.map iframe { border:1px solid #a4df66;
padding:2px;}

.map p { font-weight:bold;}

/* information */

.infor { float:left;
width:430px;
margin:0 10px 0 0;}

/* bubble */
.bubbleInfo {
width:190px;
float:left;
margin:0 15px 5px 0;}

.bubbleInfo  img { padding:2px;
border:1px solid #aadc76;
margin:0;}

.bubbleInfo p.name { background:#aadc76;
width:300px;}

.popup {position: absolute;
display: none; /* keeps the popup hidden if no JS available */
background:#021931;
padding:5px 15px;
border:1px solid #fff;
z-index:10;
margin:-140px 0 0 -220px;
width:250px;}

/* news listing */

ul#news-listing { list-style:none;
margin:0;
padding:0;}

ul#news-listing li { background:#6fb224;
border-bottom:1px solid #5b9525;
padding:5px;
margin:0 0 5px 0;}

ul#news-listing li img { border:1px solid #b4d793;}

ul#news-listing li .news-img { width:125px;
float:left;
margin:0 10px 0 0;}

#container #content.internal ul#news-listing li h2 { font-size:110%;
margin:0;
padding:0;}

#container #content.internal ul#news-listing li .news-info { float:left;
width:460px;}

#container #content.internal ul#news-listing li .news-info p { font-size:100%;
margin:2px 0;
padding:0;}

#container #content.internal ul#news-listing li p.more { background:#52851c;
float:right;
font-size:100%;
padding:2px 8px;
margin:0 0 -5px 0;}

#container #content.internal ul#news-listing li p.more a { background:url(/assets/images/more-arrow.jpg) no-repeat 100% 60%;
padding:0 10px 0 0;}

#container #content.internal img.detail-img { float:right;
border:1px solid #b4d793;
margin:2px 5px;}