@charset "UTF-8";
/* CSS Document */

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background: #333333;
	margin: 0;
	padding: 0;
	color: #FFF;
	height:100%;
}
html {
	height:100%;
}

/* --------- ELEMENT / TAG SELECTORS -------- */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	font-weight:normal;
	margin-top: 0;
	padding-right: 0px;
	padding-left: 0px;
}

h1 {
	color:#777;
	font-size:20px;
	padding:0px 0px 5px 0px;
}
h2 {
	color:#999;
	font-size:18px;
}

h3 {
	color:#AAA;
	font-size:15px;
	margin:0px;
}
h4 {
	color:#AAA;
	font-size:14px;
	margin:0px;
	padding:0px;
}




/* -------- LINKS -------- */
a img { 
	border: none;
}
/* -- Order of selector important here */
a:link {
	color: #CCC;
	text-decoration: underline;
}
a:visited {
	color: #CCC;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	color: #FFF;
	text-decoration: underline;
}




/* -------------------- NAVIGATION -------------------- */

/* --- MAIN NAV --- */
ul.navMain {
	list-style: none;
	padding:0px 10px 0px 10px;
	/*border: #FF0 1px solid;*/
}
ul.navMain li {
	float:left; 
}
ul.navMain a, ul.mainNav a:visited { 
	color:#777;
	padding: 10px 20px 10px 20px;
	display: block; 
	text-decoration: none;
}
ul.navMain a:hover, ul.mainNav a:active, ul.mainNav a:focus { 
	/*background: #2E2E2E;*/
	color: #FFF;
}
ul.navMain li.logo {
	float:right;
	font-size:16px; 
}
ul.navMain li.logo a { /* -- On state logo -- */
	color: #FFF;
}
ul.navMain li.selected  a {  /* -- On state main nav -- */
	color: #FFF;
}


/* --- SECONDARY NAV --- */
ul.navSecond {
	list-style: none;
	margin: 0px; 
	padding:0px 20px 0px 20px;
	/*border: #FF0 1px solid;*/
}
ul.navSecond li {
	float:left; 
}
ul.navSecond a, ul.navSecond a:visited { 
	color:#777;
	padding: 10px 10px 10px 10px;
	display: block; 
	text-decoration: none;
}
ul.navSecond a:hover, ul.navSecond a:active, ul.navSecond a:focus { 
	/*background: #2E2E2E;*/
	color: #FFF;
}
ul.navSecond li.selected  a {  /* -- On state main nav -- */
	color: #FFF; 
}


/* --- TERTIARY NAV --- */
ul.navThird {
	list-style: none;
	margin-bottom: 0px; 
	padding:0px 20px 0px 20px;
}
ul.navThird li {
	float:left; 
}
ul.navThird a, ul.navThird a:visited { 
	color:#777;
	padding: 5px 10px 5px 10px;
	display: block; 
	text-decoration: none;
}
ul.navThird a:hover, ul.navThird a:active, ul.navThird a:focus { 
	/*background: #2E2E2E;*/
	color: #FFF;
}
ul.navThird li.selected  a {  /* -- On state main nav -- */
	color: #FFF; 
}




/* --- HOME THUMBNAILS --- */
ul.homeThumb {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.homeThumb li{
	width:230px;
	float:left;
	margin-left:20px;
	/*background-color:#222;*/
}
ul.homeThumb a, ul.homeThumb a:visited {
	color:#666; 
	padding: 0px 0px 10px 0px;
	text-align:center;
	display: block;  
	text-decoration: none;
}
ul.homeThumb a:hover, ul.homeThumb a:active, ul.homeThumb a:focus { 
	opacity:.9;
	color: #FFF;
}
ul.homeThumb li.left{
	margin:0;
}

ul.homeThumb img{
	border:0px;
	padding:0px 0px 15px 0px;
	margin:0px;
}



/* --- WORKS THUMBNAILS --- */
ul.workThumb {
	list-style: none;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
ul.workThumb li{
	width:210px;
	height:200px;
	float:left;
	margin:0px 22px 20px 0px;
}
ul.workThumb a, ul.workThumb a:visited {
	color:#666; 
	padding: 0px 0px 0px 0px;
	display: block;  
	text-decoration: none;
}
ul.workThumb a:hover, ul.workThumb a:active, ul.workThumb a:focus { 
	/*background: #2E2E2E;*/
	color: #FFF;
}
ul.workThumb li.left{
	margin:0px 10px 0px 0px;
}

ul.workThumb img{
	border:0px;
	padding:0px 0px 10px 0px;
	margin:0px;
}

.details {
	padding:0px 0px 0px 10px;	
}


/* -------------------- LAYOUT -------------------- */
.container {
	width: 980px;
	/*border: #f0f 1px solid;*/
	margin: 0 auto;
	height: 100%;
}
.header {
	/*width:980px;*/
	height:120px;
	border: #333 1px solid;
	margin:0px;
	padding:0px;
}
.content {
	padding: 0px;
	/*border: #FF0 1px solid;*/
}

.navMain {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border-bottom: #444 1px dotted;
	font-size:14px;
	letter-spacing:1px;
	width: 960px;  /*-- IE 7 FIX, div collapses with floated elements if no width --*/
    
	/*font-family: 'Raleway', serif;*/
}
.navSecond {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:10px;
	letter-spacing:1px;
	/*width: 960px;*/
	/*font-family: 'Raleway', serif;*/
}
.navThird {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:10px;
	letter-spacing:1px;
	/*width: 960px;*/
	/*font-family: 'Raleway', serif;*/
}

.homeGrid {
	width:980px;
	border-bottom: #444 1px dotted;
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	font-size:10px;
	letter-spacing:1px;
	float:left; /*to prevent collapsing divs in IE7*/
}

.homeCopy {
	width:700px;
	margin:0px 0px 20px 20px;
	padding:20px 0px 50px 10px;
	line-height:22px;
	clear:both;
}


.bodyCopy {
	margin:0px 0px 20px 20px;
	padding:0px 0px 50px 10px;
	clear:both;
}

.columnMain {
	font-size:13px;
	width:520px;
	margin:0px 90px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:22px;
	float:left;
	/*border: #0ff 1px solid;*/
}

.columnRight {
	width:320px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:22px;
	float:left;
	/*border: #0ff 1px solid;*/
}


.bold {
	color:#AAA;
	font-size:15px;
	line-height:12px;
}

.date {
	color:#666;
	font-size:11px;
	line-height:12px;
	margin:0px 0px 6px 0px;
}





/* -------------------- FOOTER -------------------- */
.footer {
	padding: 10px 0px 30px 30px;
	/*border: #999999 1px solid;*/
	font-size:9px;
	color:#666;
}

.footer a{
	color:#666;
}

.footer p{
	float:left;
	padding-right:20px;
}
.footer p.credit{
	float:right;
	padding-right:30px;
}


.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}