@charset "UTF-8";

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

Main Layout Styles

*********************************************************/
body{
	font-family:Georgia, Times, sans-serif;
	font-size:12px; /*Insert basic text size*/
	color:#666666;
	text-align:center;
	background:url(../../images/layout/main_background.jpg) repeat-x;
	}

body h1 {margin:1.5em 0em .4em 0em; color:#860d75;}
	
body h2{
	font-size:1.25em;
	margin:1.5em 0em .5em 0em;
	}

body h2.first,body h1.first{margin-top:0;}

body p{
	line-height:1.65em;
	margin:0em 0em .75em 0em;
	}
	
body a{
	text-decoration: none;
	outline:none;
	}
	
body a:hover{
	text-decoration:underline;
	}
	
/*********************************************************

Container Styles

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

#container{
	text-align: left;
	margin:0 auto;
	width:85em;
	}

#header{
	margin:2.1em 8em 2.1em 8em;
	padding:0em;
	height:13.4em;
/*	background-color: red;*/
	}

#footer{
	clear:both;
	margin:2.5em 12em 6.3em 12em;
	overflow:auto;
	border-top:.2em solid #666666;
	color:#666666;
	padding:1.2em 0 6.2em 0;
	font-size:.75em;
	}

#mainContent{
	clear:both;
	margin:0em 9em 2.9em 9em;
	overflow:auto;
	}
	
#mainContent div.col1{
	float:left;
	margin-right:4.1em;
	width:47.5em;
	}


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

Text & Image Styles

*********************************************************/
/*Text*/
#featureContent h1{margin-top:1em;}

#mainContent h1, #featuredWork h1{
	margin-top:0em;
	padding-top:0em;
	}

/*Images*/
#polaroidImage{background: url(../../images/content/polaroid.png) center no-repeat;}

img.runaround{
	float:left;
	padding:1.5em;
	margin:-.4em .8em 0em .8em;
	background:url(../../images/layout/backgrounds/runaround-image.png) center no-repeat;
	}
	
/*********************************************************

Navigation

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

#logo{float:left;}

#nav{
	list-style: none;
	float:right;
	width:auto;
	/*background-color: gray;*/
	}

#nav li{
	margin-top:7em;
	padding:0em;
	float:left;
	}	

#nav li img{padding-bottom:3em;}

#nav li:hover, #nav li.currentNav{
	cursor: pointer; 
	background: url(../../images/layout/nav/under-arrow.png) bottom center no-repeat;
	}

#nav li.ie6nav:hover{background:none;}
	
#nav li.ie6nav a:hover span{text-decoration: underline;}

#nav li a span{color:#FFFFFF;font-size:1.75em;line-height:2.5em;padding:0em .5em 0em .5em;}

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

Work Samples

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

.thumbnail{
	float:left;
	background:url(../../images/layout/thumb_background.png) top center no-repeat;
	width:160px;
	height:160px;
	padding:20px;
	display:block;
	}

.thumbnail:hover{
	cursor: pointer;
	background-position: bottom;
	}

div.controlbar{
	clear:both;
	background-color: #CCCCCC;
	color:#FFFFFF;
	padding:5px;
	}

div.controlbar a{color:#ffffff;}

.fancyboxlink{
	color:#FFFFFF;
	display:block;
	padding:2px;
	}

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

Sidebar

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

div.sidebar{float:left;width:16em;}

div.sidebar ul{
	list-style: none;
	padding:0em;
	margin:.8em 0em 2.5em 0em;
	}

div.sidebar ul li{margin-bottom:.8em;padding:.3em;}

div.sidebar ul li em{
	color:#999999;
	font-size:.9em;
	}

div.sidebar ul li.current{color:#FFFFFF;background:#999999;}
	
div.sidebar ul li:hover{color:#FFFFFF;background:#860d75;cursor: pointer;}