/*

Authour: Graphic D-Signs
Author URI: http://www.GraphicD-Signs.com
Client: Pallisades
Date: November 2012
Website:
Description: This is the main stylesheet for the new Pallisades website.

*/

@import url(reset.css);

/*-----------------------------------*/
/* Basic Styles
/*-----------------------------------*/

p { font-family: "nimbus-sans",sans-serif; margin: 0 0 14px 0; font-weight: 400; }
h2 { font-weight: 700; font-size: 29px; border-bottom: 1px solid #00539b; color: #00539b; padding: 0 0 15px 0; margin: 0 0 15px 0;  } 
h3 { font-size: 20px; font-weight: 700; margin: 0 0 8px 0; color: #00529B; }
h4 { }
h5 { }
h6 { font-size: 16px; text-transform: uppercase; margin: 4px 0 6px 0; color: #58595b; font-weight: 700; }
strong { font-weight: 700; }
a { color: #00529B; text-decoration: none; font-weight: 700; }
	a:hover { text-decoration: underline; }
ul { margin: 0 0 15px 15px; }
	li {  } 

.clear { clear: both; }
.alignleft { float: left;  }
.alignright { float: right; }
.left { float: left; }
.right { float: right; }

body { font-family: "myriad-pro-condensed",sans-serif; font-size: 14px; line-height: 24px; letter-spacing: .5px; color: #414042; }
#top { }	
#index #container { width: 980px; height: auto; margin: 0 auto; padding: 60px 0 60px 0; }
#container { width: 980px; height: auto; margin: 0 auto; padding: 0 0 60px 0; position: relative; }

/*-----------------------------------*/
/* Header Styles
/*-----------------------------------*/

#headerwrap { background: url(../images/header.jpg) repeat-x; height: 105px; } 
	header { width: 980px; height: 105px; margin: 0 auto; }
		.logo { width: 318px; height: 105px; float: left; }
		
#blue { width: 662px; height: 11px; background: #0093d0; float: left; display: block; }

nav { width: 662px; height: 92px; float: left; }
	nav ul { margin: 0; }
		nav li { float: left;  }
			nav li a { margin: 0 9px; height: 42px; display: block; padding: 30px 0 0 0; text-decoration: none; font-size: 16px; font-weight: 400; }
			nav li a:hover { background: #818285;  color: #FFF;  border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; text-decoration: none; }
				nav li a span { margin: 25px 8px 0 8px; text-transform: uppercase; color: #58595b; font-weight: 700; }
					nav li a:hover span { color: #FFF; }		
					
					nav li ul {  display: none; position: absolute; padding: 0; margin: 0; z-index: 100000000000; top: 70px; float: left; margin: 0 0 0 9px;}
					nav li:hover > ul { display: block;    }
					nav li ul li { _display: inline; /* for IE6 */ }
					nav li ul li  { font-size: 12px; display: block; text-align: center; float: left; padding: 7px 5px 0 5px; height: 33px;  background: #818285; }
					nav li ul li a { padding: 0; color: #FFF; }
					nav li ul li a:hover { border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0;  -khtml-border-radius: 0; height: 26px; background: none; }
					nav li ul li:hover { height: 29px; background: #919193; }
					

/*-----------------------------------*/
/* Main Styles
/*-----------------------------------*/

#index #sliderwrap { height: 497px; background: url(../images/sliderwrap.jpg) no-repeat top center;  }	
section#sliderwrap section.slider-wrapper { padding: 34px 0 0 0; }
#sliderwrap { height: 490px; background: url(../images/sliderwrap.jpg) no-repeat top center;  }
#slider { width: 980px; height: 497px; margin: 0 auto;  }

#text { float: right; font-weight: 700; font-size: 19px; color: #6d6e71; margin: 0 45px 0 0; }
#index #text { position: absolute; top: -20px; right: -20px; }
	#text a.small { color: #6d6e71; text-decoration: none; margin: 0 3px 0 2px;  }
	#text a.medium { color: #ababab; font-size: 22px ; text-decoration: none; } 
	
/*-----------------------------------*/
/* Inner Styles
/*-----------------------------------*/

#banner { width: 980px; height: 365px; margin: 0 auto; padding: 34px; }

aside#left { float: left; width: 343px; height: auto; }
	article#sidebar { }
		aside#left article#sidebar ul { margin: 0; }
			article#sidebar ul li { list-style: none; }
			article#sidebar ul li.testimonial { width: 343px; height: 190px; display: block; background: url(../images/testimonials.jpg) no-repeat; position: relative; }
				article#sidebar ul li.testimonial a { width: 343px; height: 190px; display: block; text-decoration: none; color: #414042; }
					 article#sidebar ul li.testimonial a span { position: absolute; width: 180px; top: 87px; left: 120px; line-height: 20px;   }
		
aside#right { float: right; width: 597px; height: auto; padding: 4px 0 0 40px; }
	aside#right li {  font-family: "nimbus-sans",sans-serif; }

article.testimonial {}
	article.testimonial p {}
	article.testimonial span { display: block; clear: left; }
		
/*-----------------------------------*/
/* Form Styles 
/*-----------------------------------*/

.contactform #user-details { float: left; width: 195px; }
.contactform #user-message { float: right; width: 385px; }
.contactform textarea { width: 360px; height: 127px; }
.contactform form { float: left; border: 1px solid #ddd; padding: 30px 40px 20px 40px; margin: 75px 0 0 0; width: 715px; background: #fff; }
.contactform input, textarea { padding: 8px; margin: 4px 0 20px 0; background: #fff; width: 160px; font-size: 14px; color: #555; border: 1px #ddd solid; }
.contactform input:hover, textarea:hover { background: #eee; }
.contactform input.submit { width: 150px; color: #eee; text-transform: uppercase; margin-top: 10px; background-color: #0A5491; border: none; }
.contactform input.submit:hover { cursor: pointer; }

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.contactform .option { margin:6px 0; }
.contactform .option-title { position:relative; top:2px; color: #798e94; }
.contactform input[type=radio], .contactform input[type=checkbox] { width: 12px; margin: 8px 12px; top: 3px; position: relative; }

label { font-family: "nimbus-sans",sans-serif; }

/*-----------------------------------*/
/* Toggle Styles 
/*-----------------------------------*/

h3.trigger { padding: 0 0 0 30px; cursor: pointer; background: url(../images/emb.jpg) 4px 4px no-repeat #00529b; margin: 0 0 10px;  padding: 12px 0 12px 55px;  color: #fff; font-size: 22px; border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -khtml-border-radius: 0 20px 20px 0; }
h3.trigger a { font-size: 21px; padding: 0 0 10px 0; border-bottom: 1px solid #c7d4dd; margin: 3px 85px 12px 0; color: #FFF;  }
h3.trigger a:hover { text-decoration: underline; }
h3.trigger:hover { text-decoration: underline; }
.toggle_container { clear: both;}
.toggle_container .block { padding: 5px 10px 45px 30px; }

/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/

#footerwrap { height: 154px; background: url(../images/footerwrap.jpg) no-repeat top center; }
	footer { width: 980px; height: 154px; margin: 0 auto; background: url(../images/footer.jpg) no-repeat; }
		footer aside.col { float: left; height: 154px; padding: 0 20px; }
			footer aside.col.one { width: 219px; }
			footer aside.col.two { width: 377px; }
				footer aside.col.two ul li { list-style: none; line-height: 22px; }
			footer aside.col.three { width: 125px; text-align: center; }
			footer aside.col.four { width: 89px; text-align: center; }
		footer aside.col ul { float: left; }
		footer aside.col ul li { list-style: none; line-height: 17px; font-size: 13px; color: #737373; font-weight: 700; }
			footer aside.col ul li a {color: #737373; text-decoration: none; }
				footer aside.col ul li a:hover {color: #00539b; }
		footer aside.col ul { float: left; margin: 0 45px 0 0; }