@import url(reset.css);
@import url(text.css);
@import url(960.css);

body{font-size:62.5%; background:#000000;}
#page{position:relative; width:916px; padding-top:10px; background:url(../img/chris-bg.jpg) no-repeat; background-position:318px 100px; min-height:768px;}


#header{background:url(../img/header.gif); position:relative; height:146px;}
	#logo{width:175px; height:108px; float:left; position:relative; top:20px; left:20px;}

	#social-links{width:100px; float:right; position:relative; height:30px; top:25px; right:20px;}
	#social-links img{margin-right:6px;}
		img#telephone{float:right; width:175px; height:31px; position:absolute; top:95px; right:30px;}
	#navigation{ margin-bottom:30px; height:30px;}
		ul#menu{ list-style-type:none; padding:0; margin:0; padding-top:10px; padding-left:10px;}
			ul#menu li{float: left;
margin: 0 7px;  }
			ul#menu li a{color:#FFFFFF; font-size:1.1em;  font-weight:normal; text-decoration:none; margin-right:5px; text-align:center;  padding:4px 10px; width:90px; height:37px; background:url(../images/nav-button.gif) no-repeat; display:block;}
			ul#menu li a:hover{color:#DF0024; text-decoration:underline;}
#content-container{width:880px; margin:0 auto;}
#left{width:500px; float:left;}
#left p{padding-left:10px;}
#left p{color:#FFF;}

#member-badges{width:360px; float:right; margin-top:620px; }
#member-badges p{width:190px; float:left; margin-right:10px; font-size:1.1em; line-height:1.6em;}
#member-badges img{float:right;}

.news-summary{border-bottom:1px dotted #FFF; padding-top:10px; margin-bottom:10px;}

#footer{padding:10px 0 0 12px; border-top:1px solid #FFF; margin-top:10px;}

#awards-box{background:url(../img/awards-box.png) no-repeat; width:492px; height:293px; padding:10px; color:#FFFFFF;}
#gallery-thumbs{background:url(../img/gallery-box.png) no-repeat; width:487px; height:175px; padding:10px;}
#awards-box h2, #gallery-thumbs h2{font-weight:normal; padding: 7px 10px; color:#FFF;}
#gallery-thumbs h2{margin-bottom:0;}
#gallery-thumbs img{padding:5px; float:left;}
#awards-box ul li{list-style:disc; margin-bottom:10px;}



/* Contact Form Styles*/
		form.contact label{width:50%;float:left; color:#FFF; font-size:13px;}
		form.contact div{margin-bottom:5px;}
		form.contact input{ border:1px solid #ccc; float:left; padding:5px; height:15px; width:220px; margin-bottom:5px;}
		form.contact textarea{ border:1px solid #ccc; float:left; padding:5px;  width:220px; margin-bottom:5px;}
		form.contact input#submit{ width:100px; height:30px; padding:5px 10px 10px 10px; margin-bottom:20px; background:#DF0024; border-width:2px; color:#FFF; font-weight:700;}
		form.contact input#submit:hover{cursor:pointer;}
		span.blue{color:#6392C0; font-weight:700;}
		
		
		
		fieldset{border:1px solid #CCC; background:#000 padding:10px;-moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; padding:10px;}
		legend{display:block; background:#000; padding:5px; color:#fff; font-size:1.3em; font-weight:700; border:1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px;}
		form.contact fieldset{padding-top:20px;}
		div.errors{background:#f9f9f9; border:1px solid #CCC; padding:5px;-moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; margin-bottom:10px; font-size:13px;}
		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px;}

/*useful classes*/

.floatl{float:left; }
.floatr{float:right; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* for fun*/

.rounded-small{
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}