﻿* { margin:0;
    padding:0; }
body {
    font-family: Arial, Helvetica, sans-serif;
    text-align :center; 
    background:url(bg.gif) repeat-x #e1e1e1 center top; }

#page {
    margin:20px auto;
    width:910px;
    text-align:left;
    background:url(content_bg.png) repeat-x bottom #ffffff;
    border:1px solid #999; }

#header {
    height:132px;
    background:#fff url(banner.png);
    position:relative; }
    
#Menu {
    opacity:1;
    background: transparent url(menu.png) no-repeat;
    position:absolute;
    bottom:-25px;
    width:884px;
    left:10px;
    height:48px;
    font-size:11pt;
    line-height:50px;
    text-align:center;
}

#content-primary {
    float:right;
    width:600px;
    padding-top:30px;
    padding-bottom:10px;
    padding-left:10px;
     }

#content-secondary {
    float:right;
    width:280px;
    padding-top:45px;
    padding-bottom:10px;
}

#footer {
    clear:right;
    background: #dee3eb url(footer.png) no-repeat;
    height:50px;
    font-size:13px;
    line-height:50px;
    text-shadow: 1px 1px 1px #333; 
    text-align:center;}
    
#contactus
{
    width:255px;
    padding:10px;
    border-bottom:1px solid #b6b6b6;
}
.bigone 
{
    font-size:150%;
    color:#dd171f;
    font-family:Georgia, Sans-Serif;
}
.bigtwo
{
    font-size:120%;
    color:#dd171f;
    font-family:Georgia, Sans-Serif;
}
.bigthree
{
    font-size:105%;
    color:#dd171f;
    /*font-family:Georgia, Sans-Serif;*/
}
    
.clear {
    clear:both; }
    
 A#uservoice-feedback-tab
{	padding: 0px;
    BACKGROUND-POSITION: 2px 50%;	
 	display: block !important;;
 	Z-INDEX: 100001 !important;	    
 	margin: -45px 0px 0px;	    
    WIDTH: 40px !important;	
    POSITION: fixed !important;	
    TOP: 45% !important;	    
    height: 163px !important;
    left:0px !important;
} 
             	
 A#uservoice-feedback-tab {
LEFT: 0px;BACKGROUND-IMAGE: url(SideButtonBlue.png);	
BACKGROUND-REPEAT: no-repeat;
}

 A#uservoice-feedback-tab:hover
 {
     BACKGROUND-IMAGE: url(SideButtonRed.png);
 }

/*Home page form*/

.estimate_form_header{
	background:url(estimate_form_header.png) no-repeat;
	width:212px;
	height:62px;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
	line-height:22px;
	margin-left:34px;
}

.estimate_form_cont{
	width:185px;
	border-right:solid 1px #b6b6b6;
	border-left:solid 1px #b6b6b6;
	background:url(estimate_form_cont_bg.gif) repeat-x #fefefe;
	padding: 5px 12px 0px 13px;
	font-weight:normal;
	margin-left:34px;
}

.estimate_form_footer{
	background:url(estimate_form_footer.gif) no-repeat;
	width:212px;
	height:18px;
	margin-left:34px;
}


.estimate_form_cont .input_txt{
	width:175px;
    height:20px;
    line-height:20px;
}


.estimate_form_img_algn{
	width:192px;
	height:122px;
	padding:2px 0px 0px 2px;
	background:url(form_img1_bg.gif) no-repeat;
}

.estimate_form_img_algn2{
	width:293px;
	height:122px;
	padding:2px 0px 0px 2px;
	float:left;
}
    
.loading
{
    font-weight:bold;
}
    
/*New Slider*/
.boxgrid {
    width: 450px;  
    height: 218px;  
    margin:10px;  
    float:left; 
    overflow: hidden;  
    position: relative; }  
.boxgrid img {  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0; }
.boxcaption {  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .65;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";  }
.captionfull .boxcaption {  
    top: 260;  
    left: 0; }  
.caption .boxcaption {  
    top: 220;  
    left: 0; }
.boxcaption p{ color:#C8DCE5;}
.boxcaption a{ color:#C8DCE5;}
.boxcaption h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; 
                letter-spacing:-1px; font-weight: bold;  }
.boxcaption h4{ margin: 10px 10px 0 10px; color:#FFF; font:15pt Arial, sans-serif; 
                letter-spacing:-1px; font-weight: bold;  }


/* Services Slider */
.servicegrid {
    width: 380px;  
    height: 253px;  
    margin:10px;  
    float:left; 
    overflow: hidden;  
    position: relative; }  
.servicegrid img {  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0; }
.servicecaption {  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .65;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";  }
.captionfull .servicecaption {  
    top: 260;  
    left: 0; }  
.caption1 .servicecaption {  
    top: 220;  
    left: 0; }
.servicecaption p{ color:#C8DCE5;}
.servicecaption a{ color:#C8DCE5;}
.servicecaption h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; 
                letter-spacing:-1px; font-weight: bold;  }



/*---- Navigation Menu  */
.topnav {
    opacity:1;
    background: transparent url(menu.png) no-repeat;
    position:absolute;
    bottom:-25px;
    width:884px;
    left:10px;
    height:48px;
    font-size:11pt;
    line-height:30px;
    text-align:center;
}

.topnav UL {
	padding-bottom: 0px; margin: 0px auto; padding-left: 15px; width: 870px; padding-right: 15px; 
	height: 36px; padding-top: 0px; }
.topnav LI {
	text-align: center; list-style-type: none; margin: 0px; float: left; font-size: 0.8em; 
	list-style-image: none }
.topnav A {
	padding-bottom: 12px; text-transform: uppercase; padding-left: 10px; padding-right: 10px; 
	display: block; color: #000; text-decoration: none; padding-top: 10px }
.topnav A:hover {
	padding-bottom: 12px; padding-left: 10px; padding-right: 10px; display: block; 
	color: #abaaaa; border-top: #d8a3a5 3px solid; text-decoration: none; padding-top: 7px }
#home LI.btn_home A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
#Services LI.btn_service A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
	
#Finance LI.btn_finance A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
#Affiliates LI.btn_affiliates A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
	
#Projects LI.btn_projects A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
#Estimate LI.btn_estimate A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }

#Tips LI.btn_tips A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
	
#Promotion LI.btn_promotion A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
	
#Contact LI.btn_contact A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }

#AboutUs LI.btn_aboutus A {
	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-top: #dd171f 3px solid; padding-top: 7px }
	
/*-- Page Peeler --*/
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right;
	display:none;
	}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic; }
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: #fff url(contact-icon.png) no-repeat right top;}

/*-- Misc --*/
ul li
{
    list-style:none;
}
#ServicesList
{
    position: relative;
    width: 550px;

    
}
#ServicesList li
{
    background:url(listImage.png) left center no-repeat;
    padding-left:20px;
    display:block;
    padding-top:8px;
    height:20px;
}

#AffiliatesList li 
{
    background:url(Settings.png) left center no-repeat;
    padding-left:20px;
    display:block;
    height:25px;
}

#EstimateList li
{
    background:url(listImage.png) left center no-repeat;
    padding-left:20px;
    padding-top:8px;
    display:block;
    height:25px;
}

.testimonials
{
    background: url(pullquote.gif) no-repeat 0px 0px;
    padding-left:29px;
    margin:20px 10px 0px 0px;
    font-style:italic;
    font-family:Georgia, "Bitstream Vera Serif", serif;
    font-size:0.9em;
}

.formTxt
{
    width:250px;
    height:25px;
    line-height:25px;
}

.serviceForm
{
    background:url(estimate_form_cont_bg.gif) repeat-x #fefefe;
}

.titles
{
    font-size:130%;
    font-family:Georgia, Sans-Serif;
}

/* Affiliates List */

.productslist
{
    width:670px;
}

.productslist li
{
    display: inline;
    float: left;
    margin-bottom: 35px;
    margin-right: 35px;
    padding:1px;
}

.productslist li a
{
    color:#032548;
    text-decoration:none;
    font-size:9pt;
}

#item
{
    clear:left;
    padding: 0px;
    height:120px;
    width:160px;
    border: 1px solid #999999;
    padding:4px;
    margin: 0px 0px 0px 0px;
    height:140px;
    }

    .innerbox{
    position:relative;
    bottom:6px;
    right: 6px;
    border: 1px solid #999999;
    padding:4px;
    margin: 0px 0px 0px 0px;
    height:120px;
    }
    
    .innerbox{
    /* IE5 hack */
    \margin: 0px 0px -3px 0px;
    ma\rgin:  0px 0px 0px 0px;
    }

.productslist li:hover img
{
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}

.productslist img
{
    filter:alpha(opacity=40) gray;
    /*filter:alpha(opacity=40,FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) gray;*/
    border:0px;
    opacity: 0.4;
    -moz-opacity:0.4;
    
}