html *{ margin:0; padding: 0;}
html{ background: url(../images/main_bg.gif) repeat-x 0 0;}
html, body{ height: 100%;}
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #202020; }
img{ border: none;}
p{ line-height: 18px; padding-bottom: 15px;}
h2{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; line-height: 24px; color: #000000; letter-spacing: -1px; padding-bottom: 7px; margin-bottom: 12px; background: url(../images/dots.gif) bottom left repeat-x; }
h3{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 14px; color: #3a3a3a; text-transform: uppercase; margin-bottom: 12px; }
/*///////////////// Clearing floats without extra markup ///////////////////////*/
.wrapper { display: inline-block;}
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/*///////////////// End Clearing floats without extra markup ///////////////////////*/
/*///////////////// LAYOUT HOMEPAGE ///////////////////////*/
#page-wrapper{ width: 947px; margin: 0 auto -55px; min-height: 100%; height: auto !important; height: 100%;}
#header{ height: 100px; background: url(../images/header_bg.jpg) no-repeat 0 0;}
#content{ width: 947px; margin: 15px 0;}
#content-top{ width: 947px; margin-bottom: 30px;}
#about{ width: 200px; float: left;}
#push{ height: 3px;}
#footer{ height: 55px; background:#000000;}
#news, #services{ float: left; width: 208px; margin-right: 28px; overflow: hidden;}
#testimonials{float: left; width: 200px;}
#footer-wrapper{ width: 947px; margin: 0 auto; padding-top: 20px;}
#footer-wrapper p{color: #5e5d5d; float: left; padding-bottom: 0;}
/*/////////////////END LAYOUT HOMEPAGE ///////////////////////*/
/*///////////////// Side NAV ///////////////////////*/
#sidenav{ float: left; width: 150px; margin-right: 28px; overflow: hidden; padding-top: 0px;}
#sidenav ul{list-style: none; margin-bottom: 25px; }
#sidenav ul li{ padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; }
p.more{ background: url(../images/double_dots.gif) top left repeat-x; width: 99%; font-size: 14px; padding: 4px;}
p.more a{ background: url(../images/more-arrow.gif) no-repeat 0 50%; padding-left: 20px; display: block}
/*///////////////// END SIDE NAV //////////////////*/
/*///////////////// BEGIN SLIDER ///////////////////////*/
#slider { width: 973px; /* important to be same as image width */ height: 227px; background:#ffffff; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ /*border: 1px solid #FFFFFF;*/}
#sliderContent { width: width: 973px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0;}
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 973px; background-color: #FFFFFF; filter: alpha(opacity=70); opacity: 0.7; color: #000000; display: none;}
.clear { clear: both;}
.sliderImage span strong { font-size: 14px; color:#18539A;}
.sliderImage span strong a{ font-size: 14px; color:#18539A; text-decoration:none;}
.sliderImage span strong a:hover{ font-size: 14px; color:#18539A; text-decoration: underline;}
.top { top: 0; left: 0;
}
.bottom {bottom: 0; left: 0; }
/*///////////////// END SLIDER ///////////////////////*/
/*///////////////// HOMEPAGE NEWS ///////////////////////*/
.news-item{ width: 262px;}
.date{ font-family: Georgia, "Times New Roman", Times, serif; color: #6c6b6b; padding-bottom: 5px;}
.news-item img{ float: left; width: 70px; display: inline; border: 2px solid #202020; margin-right: 12px;}
.news-item div{ float: left; width: 170px;}
/*///////////////// END HOMEPAGE NEWS ///////////////////////*/
/*///////////////// HOMEPAGE SERVICES ///////////////////////*/
#services ul{list-style: none; margin-bottom: 25px; }
#services ul li{ padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; }
p.more{ background: url(../images/double_dots.gif) top left repeat-x; width: 99%; font-size: 14px; padding: 4px;}
p.more a{ background: url(../images/more-arrow.gif) no-repeat 0 50%; padding-left: 20px; display: block}
/*///////////////// END HOMEPAGE SERVICES //////////////////*/
blockquote p.text{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 20px; color:#6c6b6b; width: 99%; background: url(../images/quotes.gif) top left no-repeat; padding-top: 10px; padding-bottom: 5px; text-indent: 15px;}
blockquote p.text:first-letter{ font-size: 19px; font-weight: bold; padding-right: 1px; font-style: italic;}
blockquote p.name{text-align: right; font-weight: bold; color:#6c6b6b;}
/*///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container{ float: left; width: 325px; }
#logo-container small{ padding: 0; margin: 0;}
h1#logo { width: 325px; height: 75px; text-indent:-9000px; background: url(../images/logo.png) no-repeat 0 0; margin-top:15px; padding:0;}
h1 a { height:75px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
#search{ float: right; margin-top: 52px; margin-right: 10px; display: inline;}
#search input{ width: 100px; padding: 3px 4px; background: #FFFFFF; border: 1px solid #444444; color: #919191;}
#search .btn{ width: 38px; height: 23px; background: url(../images/search_btn.gif) no-repeat 0 0; border: none; cursor: pointer;}
/*///////////////// END LOGO AND SEARCH ///////////////////////*/
/*///////////////// NAVIGATION ///////////////////////*/
#navigation{ height: 39px; background: url(../images/divider.gif) no-repeat top left; padding-left: 2px;}
#navigation ul{ }
#navigation ul li{ display: inline; height: 39px; font-size: 12px; text-transform: uppercase; }
#navigation ul li a{ float: left; padding: 0 36px; display: block; line-height: 39px; background: url(../images/divider.gif) no-repeat top right; color: #FFFFFF;}
#navigation ul li a:hover{ background-color: #a9cff6; text-decoration: none;}
/*///////////////// END NAVIGATION ///////////////////////*/
#about p.more-button{ height: 45px; padding: 0; }
#about p.more-button a{ background: url(../images/read_more.gif) no-repeat top left; padding: 7px 20px 7px 20px; line-height: 35px; color: #FFFFFF;}
/*///////////////// FOOTER NAVIGATION ///////////////////////*/
#footer-nav{ float: right;}
#footer-nav li{list-style: none;font-size: 12px; float: left; padding-left: 12px; padding-right: 12px; background: transparent url(../images/divider_nav_bottom.gif) no-repeat 0 50%;}
#footer-nav li.first{ background: none;}
#footer-nav a:link, #footer-nav a:visited{ text-decoration: none; font-weight: normal; }
#footer-nav a:hover{text-decoration: underline;}
/*///////////////// ABOUT PAGE ///////////////////////*/
#about-content{ width: 700px; float: left; }
#content-left{ float: right; width : 591px; margin-right :160px; display: inline; }
#content-right{ width: 190px; float : left;}
.about-single{ width: 99%; border-bottom: 1px solid #d1d1d1; margin-bottom: 15px;}
.photo img{ float: right; display: inline; border: 2px solid #638eba; margin-right: 20px; margin-left: 20px;}
.description{float: left; width: 80%;}
.role{ font-family: Georgia, "Times New Roman", Times, serif; color: #06315c; padding-bottom: 5px;}
.role em{ color: #939292;}
.icon-item{ width: 150px;}
.date{ font-family: Georgia, "Times New Roman", Times, serif; color: #6c6b6b; padding-bottom: 3px;}
.icon-item img{ float: left; width: 150px; display: inline; border: 2px solid #FFFFFF; margin-right: 12px;}
.icon-item div{ float: left; width: 150px;}
/*///////////////// END ABOUT PAGE ///////////////////////*/
/*///////////////// PARTNERS PAGE ///////////////////////*/
.partners img{ float: left; width: 350px; display: inline; border: 2px solid #638eba; margin-right: 0px; margin-left: 0px;}
/*///////////////// END PARTNERS PAGE ///////////////////////*/
/*///////////////// SERVICES PAGE ///////////////////////*/
ul.service-client{list-style: none; margin-bottom: 25px; margin-left: 20px; }
ul.service-client li{ padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; color:#6c6b6b; }
/*///////////////// END SERVICES PAGE ///////////////////////*/
/*///////////////// BULLETS ///////////////////////*/
#bullets ul{list-style: none; margin-bottom: 25px; }
#bullets ul li{ padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; }
/*///////////////// END BULLETS ///////////////////////*/
/*///////////////// CONTACTS PAGE ///////////////////////*/
/*contact form */
fieldset{ border: none; width: 550px; margin-top: 10px; }
fieldset legend { display: none}
form p{ padding-bottom: 0;}
/* Label */
label
{ width: 140px; margin: 5px; text-align: left;}
.required{ color: #97b511;}
/* Input, Textarea */
input, textarea
{ border: 1px solid #dddddd; background: #eeeded; width: 300px; margin: 5px; padding: 3px;}
textarea{width: 400px; height: 150px; margin-bottom: 10px;}
input:focus, textarea:focus{ border: 1px solid #97b511;}
input.button{ background: url(../images/read_more.gif) no-repeat; width: 122px; height: 45px; padding-bottom: 15px; border: none; color: #FFFFFF; cursor: pointer; text-align:center; }
input.button:hover{ border: none;}
.notification_error{ padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #a5041e;}
.notification_ok{padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #7e9711; }
/* end contact form */
/*contact details*/
.contact-details p{ color: #6C6B6B;}
/*end contact details*/
/*///////////////// END CONTACTS PAGE ///////////////////////*/
/*///////////////// NEWS PAGE ///////////////////////*/
.news-single{ margin-bottom: 15px; border-bottom: 1px solid #d1d1d1;}
.news-single h3{ margin-bottom: 5px;}
/*///////////////// END NEWS PAGE ///////////////////////*/
.cust_frm{ width:180px; float:right; border: 1px solid #CCCCCC; padding:10px;}
.cust_frm input { width:160px;}
.button1 { width:50px; background: url(../images/read_more.gif) no-repeat top ; padding: 7px 10px 7px 10px; line-height: 25px; text-align:center; color: #FFFFFF; border:none;}
#video { width: 360px; height:320px; float:left; }