@charset "UTF-8";
/* ProserveIT Website CSS */



html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html, body {height:100%;}

body {background:#9fadb7; height:100%;  font: 76%/1.4em helvetica, arial, sans-serif; color:#5D5D5D; margin:0; padding:0; font-weight:normal;}
.clear {height: 1%;}
.clearfloat {clear:both;}
.right {float:right;}
.left {float:left;}
.middle {margin:0 auto;}
h1 {color:#9b0000; font-weight:normal; letter-spacing:-0.06em; font-size:3.5em; margin-bottom:20px; line-height:0.8em;}
h2 {color:#d1d1d1; font-weight:normal; letter-spacing:-0.03em; font-size:1.7em; margin-bottom:15px; margin-top: 32px; line-height:0.8em;}
h3 {color:#5D5D5D; font-weight:normal; letter-spacing:-0.03em; font-size:1.5em; margin-bottom:15px; margin-top: 26px; line-height:0.8em;}
p {margin:10px 0; font-size:1.2em; color:#5d5d5d; line-height:1.2em;}
a {color:#407daf;}
a:visited {color:#407daf;}
div, img, span, a {border:none; outline:none;}

/*------------------ header -----------------*/

a.logo { 
	display:block; float:left;
	height:68px; width:460px; 
	background:url(../images/proserveit_logo.gif) no-repeat 0 0;
 	text-indent:-9999px;
 }

a.partner {
	display:block; float: right; 
	padding-top: 10px;
	height: 50px; 
	margin-left: 20px;
	opacity: 0.6; filter: alpha(opacity=60);
}
a.partner:hover {opacity: 1.0; filter: alpha(opacity=100);}

 
.headerWrapper { width:100%; height:132px; border-top:10px solid #a61410; background-color:#FFF; z-index:5000;}
.header { 	width:960px; margin:0 auto; padding:20px 0;}
.menuWrapper {width:928px; display:block; margin:0 auto;}
ul.dropdown { display:block; background:url(../images/menu_bg.png) no-repeat top left; clear:both;  list-style:none; width:928px; height:50px; position:absolute; z-index:5; top:100px; margin:0 auto;}
ul.dropdown li { height:50px;  display:block;}
ul.dropdown li a { display:block; padding:17px 10px 5px 10px;  height:27px; text-decoration:none; color:#000; font-size:16px;}
ul.dropdown li a:hover {background:url(../images/menu_bg_hover.gif) repeat-x 0 0;}
ul.dropdown li.home {background:none;}
ul.dropdown li.home a {display:block; text-indent:-9999px; width:47px; height:50px; padding:0; margin:0;}
ul.dropdown li.home a:hover { background:url(../images/menu_home.png) no-repeat 0 -49px;}
ul.dropdown li.menuLeft {display:block; float:left; height:50px;}
ul.dropdown li.menuRight {display:block; float:right; padding:0; margin:0;}
ul.dropdown li.menuLogin {background:none;}
ul.dropdown li.menuLogin a {display:block; color:#FFF; width:77px; height:33px; padding:17px 0 0 0; margin:0; text-align:center;}
ul.dropdown li.menuLogin a:hover {background:url(../images/menu_login.png) no-repeat 0 -49px;}
#logintip {display:none; background: transparent url(../images/tooltip.png);font-size: 12px; height: 70px; width: 160px; padding: 25px; color:#fff;}

ul.dropdown li ul {position: absolute;width: 234px; left: -999em; display:block; background:url(../images/dropmenu_bg.png) repeat-x bottom center; padding-bottom:20px;}
ul.dropdown li:hover ul {left: auto;}
ul.dropdown li ul li { display:block; height:auto;}
ul.dropdown li ul li a {padding:10px 10px 5px 10px !important; display:block; margin:0 7px; height:20px; font-size:14px;}
ul.dropdown li ul li a:hover { background:url(../images/dropdown_hover.png) repeat 0 0;}


/*----------------- slider -----------------*/
.sliderWrapper {width:100%; z-index:1; height:407px; background:#a61410 url(../images/slider_bg.jpg) no-repeat top center; margin-top:-15px; padding-top:50px; }
.slider {width:927px; height:359px; margin: 0 auto; background: url(../images/slider_item_bg.png) no-repeat;}
.sliderItem {display:none; padding: 11px;}

ul.sliderTabs { float:right; display:block; width:240px; margin:-6px 0 0 0;}
ul.sliderTabs li {float:left; display:block; margin:0 3px;}
ul.sliderTabs li a {display:block; text-decoration:none; color:#FFF; text-indent:-9999px; width:34px; height:30px;}
ul.sliderTabs li.tab1 a { background:url(../images/slider_tabs.png) no-repeat -4px 0;}
ul.sliderTabs li.tab1 a.active { background-position:-4px -31px; }
ul.sliderTabs li.tab1 a:hover { background-position:-4px -31px; }
ul.sliderTabs li.tab2 a { background:url(../images/slider_tabs.png) no-repeat -44px 0;}
ul.sliderTabs li.tab2 a.active { background-position:-44px -31px; }
ul.sliderTabs li.tab2 a:hover { background-position:-44px -31px; }
ul.sliderTabs li.tab3 a { background:url(../images/slider_tabs.png) no-repeat -84px 0;}
ul.sliderTabs li.tab3 a.active { background-position:-84px -31px; }
ul.sliderTabs li.tab3 a:hover { background-position:-84px -31px; }
ul.sliderTabs li.tab4 a { background:url(../images/slider_tabs.png) no-repeat -124px 0;}
ul.sliderTabs li.tab4 a.active { background-position:-124px -31px; }
ul.sliderTabs li.tab4 a:hover { background-position:-124px -31px; }
ul.sliderTabs li.tab5 a { background:url(../images/slider_tabs.png) no-repeat -164px 0;}
ul.sliderTabs li.tab5 a.active { background-position:-164px -31px; }
ul.sliderTabs li.tab5 a:hover { background-position:-164px -31px; }


/*------------------ content -----------------*/
.contentWrapper {width:100%; background-color:#FFF;}
.content {margin:0 auto; width:960px; padding:0px 0px 50px 0px; }


/*---------------- home content ---------------&*/

.tempLeft {float:left; width:450px; padding: 30px 0px 30px 0px;}
.tempLeft p {font-size: 1.2em; line-height: 1.4em;}

.thelatest { float:left; width:400px; }
.thelatest p {font-size: 1.2em; line-height: 1.4em;}
.thelatest h2 {color:#333; font-size:2.5em; letter-spacing:-0.05em; font-weight:900;}
.thelatest ul { list-style:none;}
.thelatest ul li { list-style:none; display:block; clear:both; margin:10px 0;}
.thelatest ul li a { text-decoration:none; display:block; color:#454545; cursor:pointer;}
.thelatest ul li a .date { float:left; width:44px; height:44px; background:url(../images/newsdate_bg.gif) no-repeat 0 0; color:#FFF; letter-spacing:-0.03em; text-shadow:#000 0px 1px 1px;}
.thelatest ul li a:hover .date {background-position:0 -44px;}
.thelatest ul li a .date .month {width:44px; height:15px; text-align:center; font-size:12px; font-weight:900; padding:3px 0;}
.thelatest ul li a .date .day {width:44px; text-align:center; font-size:24px; font-weight:900; letter-spacing:-0.06em; padding:0;}
.thelatest ul li a .news { float:left; padding:0 5px; width:340px;}
.thelatest ul li a .news h3 {font-size:14px; color:#a61410; padding:0; margin:0; line-height:12px; letter-spacing:-0.03em;}
.thelatest ul li a .news p {padding:0; margin:0; font-size:1em; line-height:1em;}

.homeContent { width:450px; font-size: 1.0em; line-height:1.4em; float:right; padding: 30px 0px 30px 0px;}
.homeContent p {font-size: 1.2em; line-height: 1.4em;}



/*---------------- content page --------------*/

.contentHeaderWrapper {width:100%; z-index:1; height:146px; background:#a61410 url(../images/content_header.jpg) no-repeat top center; margin-top:-15px;}
.contentHeader {width:960px; margin:0 auto; padding:80px 0 0 0;}
.contentHeader h1 { font-size:32px; letter-spacing:-0.04em; color:#FFF; text-shadow:#000 1px 1px 0;}

.no-list li {list-style: none; margin-left: 180px;}
.list-conventional {margin: 10px 0px 10px 0px;}
.list-conventional li {font-size: 1.2em; margin: 0px 0px 4px 34px; padding-left: 16px; list-style: none; background:  url(../images/bullet.png) no-repeat left 5px;}
.list-conventional ul {margin: 0px 0px 10px 0px;}
.list-conventional ul li {margin: 0px 0px 4px 68px;}
.ol-conventional {margin: 25px 0px 25px 0px;}
.ol-conventional li {font-size: 1.2em; margin: 0px 0px 4px 48px; padding-left: 4px;}

.content .half {width:450px;}
.content .onethird {width:250px; min-height: 200px; float: left; background: #e0e0e0 url(../images/sidebar_gradient.png) no-repeat bottom;}
.content .twothirds {width:650px; float: right;}
.content h2 {color:#a61410; letter-spacing:-0.05em; font-weight:900;}
.content h3 {color:#5D5D5D; letter-spacing:-0.05em; font-weight:900;}

.sidebar-box {width: 190px; min-height: 80px; margin: 14px; padding: 15px; font-size: 1.2em; line-height: 1.8em; background: #fff url(../images/sidebar_heading_bg.png) no-repeat top center; border: 1px solid #b9b9b9; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.sidebar-box h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #a61410; margin: 0px 0px 25px 0px; padding: 0px; text-align: center;}
.sidebar-box p {margin:10px 0; font-size: 1.2em; color:#5d5d5d; line-height:1.2em;}
.sidebar-box ul {margin: 0px 0px 0px 15px; list-style: none;}
.sidebar-box li {line-height: 1.8em; padding-left: 0px; margin-left: -10px;}
.sidebar-contact {width: 190px; min-height: 80px; margin: 20px 10px 10px 10px; padding: 10px;}
.sidebar-contact a {color: #5d5d5d; text-decoration: none;}
.sidebar-contact a:hover {color: #222222;}
.sidebar-contact img {margin-right: 10px; border: none;}

.sidebarpush {height: 180px;}

.content a:hover img {opacity:0.8; filter:alpha(opacity=80);}

.services-tabs {width: 240px;}
.services-tab-li {width: 240px; margin: 0px; padding: 0px; list-style: none;}
.services-tab-container {height: 200px;}

.executive {float: left; border: 10px solid #ddd; margin: 0px 20px 10px 0px;}

/*----------- contact form --------------------*/

#contactform {margin-top: 40px;}
.form-label {width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;}
.form-input {width: 200px; height: 30px; margin-bottom: 20px; font-size: 1.2em; color:#5d5d5d; font-family: Arial, Helvetica, sans-serif; border: 1px solid #c9c9c9; padding-left: 6px;}
#form-message {width: 400px; height: 150px; font-size: 1.2em; padding: 6px; color:#5d5d5d; font-family: Arial, Helvetica, sans-serif; border: 1px solid #c9c9c9;}
#form-submit {width: 60px; height: 30px; margin-top: 20px; background: #e0e0e0; border: 1px solid #c9c9c9; font-size: 1.2em; color:#5d5d5d; font-family: Arial, Helvetica, sans-serif;}

/*----------- sticky footer code --------------*/

.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 200px; /* .push must be the same height as .footer */
}

/*------------- footer ----------------*/
.footer {color:#FFF; width:960px; margin:0 auto; padding:20px 0 30px 0;}
.footer h2 {color:#FFF; font-size:2.3em; font-weight:900;}

.mission-statement {width:650px; float:left; padding:0;}
.mission-statement h2 {border-bottom: 1px dotted #fff; padding-bottom: 10px;}
.mission-statement p {color: #fff;}

.footer-links {width:250px; float:right; padding:0;}
.footer-links ul {margin: 30px 20px 30px 0px; float: right; list-style: none;}
.footer-links li {height: 36px; padding: 5px; color: #fff;}
.footer-links li a {height: 36px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 1.2em; text-decoration: none;}
.footer-links li a img {padding-right: 12px; vertical-align: middle;}
.footer-links li a span {padding-bottom: 30px;}
.footer-links li a:hover img {opacity: 0.6; filter: alpha(opacity=60);}