body {background: url('images/field2.png') repeat; margin:0; padding:0;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px;}
a {color: #4995c4;text-decoration: none;}
a:hover {color: #4995c4 ;text-decoration: underline;}

fieldset {border:0; padding:0; margin:0;}

#container2 { width:100%; background: url('images/sun_field.jpg') top left no-repeat;}
#container {width:960px;margin-left:auto;margin-right:auto;position:relative; top:200px; padding-bottom:200px;}
#top{background: url('images/logo.png'); height:120px;}
	#topa {width:35%; height:100px; margin-left:5%; display:block; border:0; text-decoration:none;}
	#quote {position:relative; font-family: "Times New Roman", serif;
		color:#FFF; left:620px; bottom:35px; font-size:24px;font-style:italic; font-weight:lighter;}
	#quote:hover {color:#ff6600; cursor: default;}
	#top #input {position:absolute; top: 0; right:20px; margin-top:5px; background: url('images/white_box.png') no-repeat 70px 5px;width:275px; }
	#top label {margin-right:10px; color:white;}
		#search_button {position:relative; top:5px; left:10px;}
		#search_box {position:relative; top:-3px; left:1px; border:0; width:135px;}
/** NAVIGATION **/
#nav{background: url('images/nav.png'); height:100px;}
	#nav ul {list-style:none; position:relative; left:200px; bottom:5px; margin:0; padding:0;}
	#nav ul li {float:left; padding-left:5px;}
	#nav ul li a{background-repeat:no-repeat; width:94px;display:block; height:85px; border:0; margin-top:15px; background-image:url('images/icon_sprite.png');}
	#nav ul li a.home{background-position:0px 0px;}
	#nav ul li a.about{background-position:0px -85px;}
	#nav ul li a.services{background-position:0px -170px;}
	#nav ul li a.portfolio{background-position:0px -255px;}
	#nav ul li a.tutorials{background-position:0px -340px;}
	#nav ul li a.inspiration{background-position:0px -425px;}
	#nav ul li a.contact{background-position:0px -510px;}
/** BODY **/
#body{background: url('images/body.png') repeat-y; min-height:400px; margin:0; padding:0;}
#bodyLeft{float:left;background: url('images/rest_of_logo.png') no-repeat -5px 0px; min-height:400px;; width:175px; margin-left:25px; padding-top:100px; padding-left:5px;}
#bodyleft h2{margin-left:10px;}
#bodyRight{float:left; display:inline; width:700px; min-height:400px; background-color:white;padding-bottom:50px;margin-top:10px;}

	h1 {color: #cc4800; font-size: 36px; font-weight:bold; margin:0; letter-spacing:4px;line-height:36px;
		padding: 20px 0 5px 20px ;;background: url('sep.png') bottom left no-repeat;}

		h1 a {text-decoration:none; color: #cc4800;}

		h1 a:hover {text-decoration:underline;}
		
		.notitle {padding: 0; padding-bottom:20px}

	h2 {color: #306281; font-size: 24px; font-weight:bold; margin:0; padding:0; letter-spacing: 2px;}

	h3 {font-size: 18px; font-weight:bold; letter-spacing:1px;}

		h3 a {text-decoration:none; color:#4995c4;}

		h3 a:hover {text-decoration:underline;}

	p {padding-right:30px;}
	
		.quote {font-style:italic; padding-left: 50px; width: 520px !important;}
		
		.leftquote {display:block; width: 100%; text-align:left; font-size: 72px; font-weight: bold; margin-bottom: -36px; color: #cc4800; padding-top:20px;}
		.rightquote {display:block; width: 100%;text-align:right; font-size: 72px; font-weight: bold;  color: #cc4800;}

.box {margin-top:35px;padding:25px; border: 1px solid #bfbfbf; width:650px;} 

/** FOOTER **/

#footer{background: url('images/bottom.png'); height:240px; clear:both;}

	#social {position:relative; left:50px;top:25px; float:left; width:275px; height:180px; background: url('images/side_sep.png') repeat-y right;}

		#social a{padding-top:15px; padding-right:10px;float:left;}

		#social img{border:0;}

		.networks{float:left;display:block; width:275px;height:75px;}

		.news{float:left;display:block; width:275px;height:75px;}

	#footer_right {float:left; margin-left:75px; margin-top:25px; width:550px; height:175px; background: url('images/cc.png') no-repeat left 50px;}

		#copyright {position:relative; top: 115px;}

/* News Post Stuff */

#news {float:left;margin-top:35px;padding:25px; border: 1px solid #bfbfbf; width:650px;}

.newsItem {border: 1px solid #bfbfbf; width:600px; padding:25px;margin:10px 0;}

#news h2 {padding-bottom:20px;background: url('images/sep.gif') bottom left repeat-x; width:600px;}

.newsItem .author {float:left;}

.newsItem p {width: 600px;}

.updated {float:right; font-size: 16px; letter-spacing:0; font-weight:normal;color: #cc4800;}

.newsItem .story {padding:0; margin:0; padding-top:25px; clear:both;}


.closableImg {padding-bottom:5px;}

.headline {color:#cc4800; font-size:36px; font-weight:bold; letter-spacing:4px; margin:0; padding-top:10px; margin-left:10px;}

.story {margin-left:10px;}

#intro {padding:10px; width:670px; border: 1px solid #bfbfbf;}

/*whats new stuff*/

#whats_new {width:700px;float:left;}

#new_left {float:left; margin-left:15px; margin-top:35px; width: 325px;border: 2px solid  #bfbfbf; padding: 25px 0;}

#new_right {float:right; margin-right:15px; margin-top:35px; width: 325px; border: 2px solid  #bfbfbf; padding:25px 0;}

#whats_new h2 {padding: 25px;padding-top:0; padding-bottom:10px;}

#whats_new ul{margin:0; padding:0;}

#whats_new li{list-style:none; padding:0; }
/* I removed overflow:none from above to to weird error console warnings. Leaving comment in case something breaks */
#whats_new li a {display:block; width:275px; height:20px; padding:10px 25px;}

#whats_new li:hover {background: #4995c4;}

#whats_new li:hover a {color: #FFF;}

.closableImg {min-height:125px; display:block; text-align:center;}
.closableImg img {float:left;}

#img_holder{text-align:center;margin-bottom:5px;margin-right:10px;background-image:url('CCopening.jpg');display:block;width: 576px;height:150px;}

.toggle {background:#FFF; border:1px solid #4995c4; color:#4995c4; font-weight:bold;
		display:block; width:75px; padding:5px; float:right;
		text-align:center;}
	.toggle:hover {background:#4995c4; border:1px solid #4995c4; color:#FFF; 
			display:block; width:75px; padding:5px; text-decoration:none;
			cursor:pointer;}
/* tutorials */

pre {
	background: #bccfdb;	
	padding:25px; padding-top:0;
	width: 600px;
	font-size: 12px;
}

.tutorial_box {
	background: url('images/sep.gif') bottom left repeat-x;
	padding-bottom: 20px;
}

#contentList {
	margin:0;
	padding:0;
}

#contentList li {
	border: 1px solid #bfbfbf;
	padding:25px;
	width:650px;
	list-style: none;
	margin-top:25px;
}

#contentList .title {
	font-size: 24px; 
	font-weight:bold; 
	letter-spacing: 2px;
}

#contentList .type {
	font-weight: bold;
}

#contentList .author {
	float:left;
}

#contentList p {
	padding:0;
	margin:0;
	margin-top:10px;
	padding-top:10px;
	border-top: 1px solid #bfbfbf;
	width:650px;
	clear:both;
}

/** FORMS **/

.errorField {color:#F00 !important}

.box label {float:left; width:150px; margin-right:25px; font-weight: bold; color: #306281;clear:left;}
.box input[type=text] {width:250px; border:0; padding:5px;}
.box input[type=password] {width:250px; border:0; padding:5px;}
.box textarea {width: 425px; border:0; font-family: tahoma; height:200px; padding:5px;}
.formRounder {float:left; border: 1px solid #bfbfbf; display:block; width:260px; margin-bottom:15px;}
.textAreaFormRounder {border: 1px solid #bfbfbf; display:inline; display:block; width:435px; margin-top:5px;}
.errorMsg {font-weight:bold; color:#FF0000;}

.box form {margin-top:25px;}

.box p{clear:both;}


/** PORTFOLIO **/


#one_col_content {padding-left:20px;}

/** SPONSORS **/

#one_col_sponsors {background: url('images/rest_of_logo.png') 20px 0 no-repeat; height:90px;}
#sponsors {width:600px; margin-left:auto; margin-right:auto;padding-top:15px; padding-bottom:15px;}
#sponsors h2{margin-left:230px;padding-bottom:20px;}
 /* *** Float containers fix: *** */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

/* Inspiration */
#inspiration_header {float:left;margin-top:35px;padding:25px; margin-bottom:35px; border: 1px solid #bfbfbf; width:650px;}
#inspiration_wrapper {float:left; border: 1px solid #bfbfbf;  width:700px; margin-top:20px;}

#inspiration{
list-style-type:none;
margin: 0px;
padding: 0px;
position:relative;
}
#inspiration h3 {
	height: 60px;
	font-weight: normal; 
	background: url(images/h3bg.png) repeat-x 0 0;
}
#inspiration li p#i {
	width: 40px;
	float: right;
	padding: 5px 0 0 15px;
	text-align: right;
}
#inspiration h3 p {
font: 12px/14px 'Century Gothic', Arial, Helvetica, sans-serif; 
text-align:right;
}
#inspiration h3 a {
	display: block;
	height: 45px;
	width:700px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}
#inspiration h3 a:hover,
#inspiration h3 a:focus {
	background: rgba(164, 173, 183, .15);
}
#inspiration h3 a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}

#inspiration h3 a img {
	border: 0px;
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}
#inspiration h3 a:hover img {
	margin-left: 10px;
}

#inspiration h3 a strong {
	color: #000;
	font: 18px/20px 'Century Gothic', Arial, Helvetica, sans-serif; 
	display: block;
	padding-top: 2px;
}

#inspiration h3 a small {
	margin-top: 5px;
	float: right;
	line-height: 20px;
	padding: 0 25px 1px 30px;
	background: url(images/about-h3-small.png) no-repeat 0 0;
	color: #333; 
	font-weight: bold;
	font-size:11px;
	text-transform: uppercase;
	text-shadow: #bbb 0 1px 0;
}
#inspiration li li {
	padding: 5px 20px 0 65px;
}