/*
This site is built by BitFlip Tech
Project  Name: {Compliant Leads}
Site URL : http://www.compliantleads.com
Designer: Mario Gil
Intergration: Terry Williams 
Programmer: Josh Klein 9/19/09
Revision Authors and Dates:
*/


/** Layout */

body{

	font: 13px Arial;
	color: #363636;
	background: url(../images/bg.jpg) repeat-x;

}


@font-face{
	
	font-family: "Sanford";
	src: url(../SANFW___.TTF);

}


#header, #global_nav, #body_content, #footer {
    clear:both;
    float:left;
    width:100%;
}

#wrapper {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:960px;
}


/****************************************************

Home Page

****************************************************/

#header{
	height: 200px;
}

#header h1 a{
	float: left;
	background: url(../images/logo.png) no-repeat;
	width: 197px;
	height: 251px;
	margin: 0 0 0 0;
	text-indent: -9999px;
	position: absolute;
}

#header h3{
	background: url(../images/slogan.png) no-repeat;
	font-size: 20px;
	width: 720px;
	height: 51px;
	margin: 40px 0 0 0;
	position: absolute;
	left: 250px;
	width: 100%;
	text-indent: -9999px;
}

#header big{
	font-size: 32px;
	font-weight: bolder;
	color: #afabab;
	position: relative;
	left: 540px;
	top: 100px;
	font-style: italic;

}

#header li{
	display: inline;
}

#header ul.icon-panel li{
	color:#f0efef;

}

#header ul.icon-panel li a{	
	text-decoration: none;
	color:#6a6868;
	
}

#header ul.icon-panel li a:hover{
	color:#b59117;	
}

#header ul.icon-panel{
	width:169px;
	height:35px;
	background: url(../images/icon-bg.jpg) no-repeat;
	float: right;
	margin: 104px 20px 0 0;
	padding-top: 10px;
}

#header li a.ico-p{
	background: url(../images/print-ico.jpg) no-repeat 33%;
	padding:  0 0 0 45px;

}

#header li a.ico-e{
	background: url(../images/email-icon.jpg) no-repeat 30%;
	padding:  0 0 0 43px;

}

/*******global nav************/

#global_nav l ul li,
#global_nav ul{
	float:right;
	display:inline;
}
#global_nav ul{
	margin:0 0 0 0px;
}
#global_nav ul li{
	margin:0 55px 0 0;
	line-height:37px; 
	
}
#global_nav ul li a{
	color:#494949;
	font-weight:bold;
	text-decoration:none;
	font-size: 14px;
	position: relative;
	top: 8px;
	padding: 0 10px 0 10px;
	
}
#global_nav ul li a:hover{
	color:#b59117;
	
}
#global_nav{
	float:right;
	width:960px;
	height: 20px;
		
}

/*******Home Intro************/

#intro {

  width: 100%;
  height: 260px;
  background: url(../images/intro-img.jpg) no-repeat 100% 80% ;

}

#intro h2{
		
	background: url(../images/intro-title2.jpg) no-repeat;
	height: 42px;
	position: relative;
	top:85px;
	text-indent: -9999px;
}

#intro p{
	color: #e4e1e1;
	font-size: 16px;
	position: relative;
	top:85px;
	margin-left: 10px;
	

}


#intro h3{
	background: url(../images/intro-button.jpg) no-repeat;
	width:252px;
	height:49px;
	border: none;
	position: relative;
	top: 100px;
	left: 105px;
	display: block;
	

}


#intro h3 a{
	font-weight: bolder;
	color: #636363;
	text-decoration: none;
	font-size: 12px;
	position: relative;
	top: 18px;
	left: 23px;

}

#intro h3 a:hover {
	color:#084e76
}


/*******Procces************/

#process{
	width: 100%;
	height: 63px;
	

}

#process h3 {

	font-weight: bolder;
	font-size: 20px;
	background: url(../images/process-arrows.jpg) no-repeat 20%;
	height: 32px;
	width: 100%;
    padding-top: 10px;
}



#process li{
	display: inline;
	 float: left;
}


#process ul li a{
	color:#191818;
	margin: 0 30px 30px 0;
	font-weight: bolder;
	text-decoration: none;
	

}

#process ul li a:hover{
	color:#b59117;	

}

#process ul{
    float: right;
    margin-top: -30px;

    
}

#process li.i-one{
	background: url(../images/process-1.jpg) no-repeat 30% 10%;
	padding:  10px 0 18px 118px;
	height: 32px;
	display: block;
	margin-top: -10px;


}

#process li.i-two{
	background: url(../images/process-2.jpg) no-repeat 30% 10%;
	padding:  10px 0 18px 118px;
	height: 32px;
	display: block;
	margin-top: -10px;
}

#process li.i-three{
	background: url(../images/process-3.jpg) no-repeat 30% 10%;
	padding:  10px 0 18px 118px;
	height: 32px;
	display: block;
	margin-top: -10px;
	
}

/*******home_content************/


#home_content{
	width: 100%;
	height: 320px;
	background: white url(../images/process-bar-bottom.jpg) no-repeat center top;
	padding-top: 37px;
	border-bottom:1px dashed #363636;
	
}

.welcome{
	width: 480px;
	float: left;
	background-color: white;
	padding: 15px;
	line-height: 2em;
	font-size: 14px;
	color:#3d3d3d;
	line-height: 2em;

}

.welcome h1{
	font-weight: bolder;
	font-size: 22px;
	color: #b59117;
	margin-top: 0px;

}


.letter{
  	margin-top: -27px;
	width: 390px;
	height:288px;
	float: right;
	background:url(../images/letter-bg.jpg) no-repeat;
	padding-right: 37px;
	padding-top: 50px;
}

.letter h3{
	font: 19px Times;
	color: #054b74;
	margin: 0 0 0 52px;
	border-bottom: 1px dotted #595639;
	padding-bottom: 10px;
}

.letter p{
	width: 350px;
	margin: 0 0 0 45px;
	color: #717070;
	font: italic 14px Times;
	line-height: 25px;

}

.letter a{
	color: #054b74;
	text-decoration: none; 
}


.letter h5{

	float: right;
	color:#5c5a5a;
	font: italic 16px Times;
	margin-right: 20px;
}

.letter h4{

	float: right;
	color:#777575;
	font: italic 13px Times;
	clear: both;
	margin-right: 15px;
}

/*******bottom content************/


#bottom_content{
	padding-top: 20px;
}



#bottom_content .col1{
	width: 320px;
	height: 300px;
	float: left;
	color:#3d3d3d;
	line-height: 1.5em;
}


.col1 {
	
 padding-left: 10px;

}

.col1 h3{

	background: url(../images/tab-bg.jpg) no-repeat;
	height: 34px;
	margin-bottom: 8px;
	color: #d7d7d7;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .1em;
	padding: 18px 0 0 40px;

}


.col1 p{
	width: 300px;
	text-align: justify;
	margin-top: 5px;
}


#bottom_content .col2{
	width: 300px;
	height: 300px;
	float: left;
	color:#3d3d3d;
	line-height: 1.5em;


}

.col2 {
	
 padding-left: 10px;

}

.col2 h3{

	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/tab-bg.jpg) no-repeat scroll 0 0;
	color:#D7D7D7;
	font-size:14px;
	font-weight:bold;
	height:34px;
	letter-spacing:0.1em;
	margin-bottom:8px;
	padding:18px 0 0 40px;

}


.col2 p{
	width: 300px;
	text-align: justify;
	margin-top: 5px;
}


#bottom_content .col3{
	width: 300px;
	height: 331px;
	background:#ebebeb url(../images/img-col3-bg.jpg) no-repeat center 23%;
	float: right;
	border-left: 1px solid #dedddd;
	margin-top: -20px;

}

.col3 p{
	color: #7d7d7d;
	margin: 35px 0 0 50px; 

}

.col3 ul{
	width: 200px;
	margin: 20px 0 0 50px;

}

.col3 ul li{
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top: 10px;
	background: #464646 url(../images/col3-icon.jpg) no-repeat 1% 40%;
	border-bottom: 5px solid #363636;
	font: bold 11px Arial;
	
	
}

.col3 ul li a{
	color: #bcbcbb;
	text-decoration: none;

}

.col3 ul li a:hover{
	color: #afae92;

}

.col3 strong{
	width: 200px;
	margin: 10px 0 0 50px;
	background: url(../images/bag-bg.jpg) no-repeat;
	height: 27px;
	display: block;
	padding: 13px 0 0 0;
	font-weight: bold;
	text-align: center;

}


.col3 strong a{
	color: #363636;
	text-decoration: none;

}

.col3 strong a:hover{
	color: #064c75;


}

/*******footer************/

#footer{
	width: 100%;
	height: 90px;
	background: #363636 url(../images/footer-line.jpg) repeat-x;
	padding-top: 40px;
	border-bottom: 10px solid #024972;

}


#footer .copyright{
	text-align: center;
	color: white;	

}

#footer .copyright a{
	text-decoration: none;
	color: #afae92;
	font-weight: bolder;
}

#footer .copyright a:hover{
	color:#2c6d92;

}


/****************************************************

Inner Pages

****************************************************/

.inner-page{

	font: 13px Arial;
	color: #363636;
	background: url(../images/inner-bg.jpg) repeat-x;

	}


#header ul.icon-panel-inner li{
	color:#f0efef;

}

#header ul.icon-panel-inner li a{	
	text-decoration: none;
	color:#6a6868;
	
}

#header ul.icon-panel-inner li a:hover{
	color:#b59117;	
}


#header ul.icon-panel-inner{
	width:169px;
	height:35px;
	background: url(../images/icon-bg.jpg) no-repeat;
	float: right;
	margin: 102px 20px 0 0;
	padding-top: 10px;
}

#intro-i{

  width: 100%;
  height: 100px;

}

#intro-i  h2.title-about{
		
	background: url(../images/about-title.jpg) no-repeat;
	height: 42px;
	position: relative;
	top:35px;
	left: 500px;
	text-indent: -9999px;	
}


#intro-i  h2.title-wedo {
	background:url(../images/title-wedo.jpg) no-repeat;
	height: 42px;
	position: relative;
	top:35px;
	left: 600px;
	text-indent: -9999px;
}

#intro-i  h2.title-testimonial{
	background:url(../images/testimonials-tag.jpg) no-repeat;
	height: 42px;
	position: relative;
	top:35px;
	left: 650px;
	text-indent: -9999px;
}

#intro-i  h2.title-contact{
	background:url(../images/contact-title.jpg) no-repeat;
	height: 42px;
	position: relative;
	top:35px;
	left: 450px;
	text-indent: -9999px;
}

#intro-i p{
	margin-left: 10px;

}

#intro-i p a{
	color: #e4e1e1;
	font-size: 16px;
	position: relative;
	margin-left: 10px;
	top:10px;
	text-decoration: none;
	font-weight: bolder;
	font-size: 18px;
	

}

#intro-i p a:hover{
	color:#c9ae55;

}

#intro-i a.prev-page{
	color:#81bbdd;

}

#intro-i a.prev-page:hover{
	color: #323232;
	
}


#intro-i strong{
	color: #e4e1e1;
	font-size: 16px;
	position: relative;
	margin-left: 8px;
	top:10px;
	text-decoration: none;
	font-weight: bolder;
	font-size: 18px;
}


#intro-i h3{
	background: url(../images/intro-button.jpg) no-repeat;
	width:252px;
	height:49px;
	border: none;
	position: relative;
	top: 100px;
	left: 105px;
	display: block;
}


#intro-i h3 a{
	font-weight: bolder;
	color: #636363;
	text-decoration: none;
	font-size: 12px;
	position: relative;
	top: 18px;
	left: 23px;

}

#intro-i h3 a:hover{
	color:#084e76
}


#inner_content .col3{
	width: 301px;
	height: auto;
	background:#ebebeb url(../images/img-col3-bg.jpg) no-repeat center 2%;
	float: right;
	border-left: 1px solid #dedddd;
	border-bottom: 1px solid #dedddd;
	margin-top: 4px;
	padding-bottom: 15px;

}

#inner_content .testimonials{
	width: 253px;
	margin: 40px 25px;

}

#inner_content .testimonials p{
    position:relative;
    right: 40px;
    color: #989696;
    margin-top: 10px;
    width: 240px;
    font: italic 12px Times;
    line-height: 1.5em;
}


#inner_content .testimonials h5{
	font-weight: bolder;
	color: #363636;
	font-size: 16px;
	width: 100%;
	padding-left: 10px;
	margin-top: -20px;
	background: url(../images/side-bar-arrow.jpg) no-repeat 70%;
}

#inner_content h6{
	float: right;
	font-weight: bolder;
	color: #1b6f9f;
	font-size: 10px;
	margin-right: 20px;
}

#inner_content hr {
	border-bottom: 3px solid #363636;
	margin-bottom: 10px;
}

#inner_content .testimonials h6{
	font: italic 10px Times;
    color: #363636;
    float: right;
}

#inner_content .contact-a{
	background: url(../images/sidebar-block.jpg) no-repeat;
	height: 80px;
	width: 205px;
	margin: 40px 25px;
	padding: 25px;
}


#inner_content .contact-a p{
	margin: 0;
    color: white;
}

#inner_content .address{
	width:200px;
    position:relative;
    left: 50px;
    top:25px;   
    color: #363636;
    height: 190px;
}

#inner_content .address ul{	
	text-decoration: none;
 	height: 130px;
}

#inner_content .address span{	
	
	padding-bottom: 10px;
	font-weight: bolder;
	color: #363636;
}

#inner_content .address h2{
	color: #1c6f9f;
	font-weight: bolder;
}

#inner_content .address ol li{
	padding-bottom: 10px;
	background: url(../images/address-arrows.jpg) no-repeat;
	padding-left: 33px;
	font-size:11px;
	color: #464646;
}

.inner-text{
	width:620px;
	float: left;
	background-color: white;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 8px;
	padding-bottom: 20px;
}

.inner-text p{
	color:#3d3d3d;
	line-height: 2em;
}

.inner-text h1{
	font-weight: bolder;
	font-size: 22px;
	color: #b59117;
	margin-top: 0px;
	border-bottom: 1px dashed #acabab;
	padding-bottom: 10px;
}

#inner_content{
	width: 100%;
	background: white url(../images/process-bar-bottom2.jpg) no-repeat left top;
	padding-top: 31px;
	margin-top: -2px;
	overflow: hidden;
	clear: both;

}

#inner_content strong{
	font-weight: bolder;
	font-size: 15px;
	color: #363636;
}


#feedback{

	background-color: #f5f5f5;
	padding: 20px;
	border: 1px solid #e0dede;

}

input, textarea{
	   border: 1px solid #e0dede;

}

form {
    margin: 0 0 0 0;
}

form h2 {
    color: #036;
    font-size: 80%;
    font-weight: bold;
    margin: 0 0 5px 10px;
}

form p {
    margin: 0 0 10px 0;
}

.formbox {
    width: 200px;

}


fieldset {
    border: none;
   
}

label {
    font-weight: bold;
    color: #363636;
    display: block;
     float: left;
    width: 10em;
    
}

fielset#business, fielset#find{
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}


#business strong, #find strong{
	width:10em;
	float:left;
	font-size: 1em;
	font-weight: normal;
	color: #1c70a0;
}

#business .col, #find .col{
	width:200px;
	float: left;
	clear: none;
}

#business label, #find label{
	float: none;
	display: inline;
}

button{
	width: 200px;
	height: 50px;
	background:  url(../images/submit-info.jpg) no-repeat;
	border:none;
	cursor: pointer;
	text-indent: -9999px;
	float: right;
	margin-top: 20px;

}


/* This is for the successful email page*/

.center_about{
	
	margin:50px 0 40px 40px;}
	
.center_about p{
	font-size: 22px;
	font-weight: bold;
	color:#ffffff;}
	
.center_about a, .center_about a:link {color:#b0953e; font-size: 16px;text-decoration: none;}
.center_about a:hover, .cenet_about a:active {text-decoration: underline;}