@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;
	}

body h1 {margin:1.5em 0em .4em 0em;}
	
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 6.3em 2.1em 6.3em;
	padding:0em;
	height:13.4em;
	}

#featureContent{
	clear:both;
	margin:0em 0em 0em 6.3em;
	font-size:1.25em;
	overflow:auto;
	}
	
#featureContent img.featureImage{
	float:left;
	margin-left:2em;
	}

#featureContent div{
	width:29em;
	float:left;
	}

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

#mainContent,#featuredWork{
	clear:both;
	margin:0em 8.3em 2.9em 8.3em;
	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;
	}


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

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;}

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

ul.QandA li{border-bottom:.1em solid #e9e9e9;}
ul.QandA li p:last-child{color:#999999;}
ul.QandA li p strong{color:#666666;}
ul.QandA li:last-child{border:none;}


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

Portfolio

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

/*Featured Work*/
#featuredWork ul{
	list-style: none;
	margin:0em;
	padding:0em;
	}

#featuredWork ul li{
	float:left;
	width:21em;
	padding:0em .75em 0em .75em;
	}

#featuredWork ul li:last-child{border:none;}

/*Main Portfolio*/
#portfolio{min-height:18em;}

#portfolioTab li{
	padding:.4em;
	margin:0em 0em .2em 0em;
	}

#portfolioTab li.current{color:#FFFFFF;}
	
#portfolioTab li:hover{background:#e9e9e9;cursor: pointer;}
	
#portfolio div a img,#featuredWork ul li a img, #staffImage{background:url(../../lib/src/facebox/loading.gif) center no-repeat;}
#featuredWork ul li a img, #portfolio div a img{border:.1em solid #FFFFFF;}
#featuredWork ul li a:hover img, #portfolio div a:hover img{
	background:#e9e9e9 url(../../images/portfolio/portfoliomenu/thumb-bg.jpg) top repeat-x;
	-webkit-border-radius:.8em;
	-moz-border-radius: .8em;
	}

#identity,#web,#package{display:none;}


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

Form Styles

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

form{float:left;margin-right:4.2em;}
fieldset{
	border:.1em solid #999999;
	padding:1.3em;
	margin:0em 0em 1.7em 0em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	}
fieldset legend{
	font-weight:bold;
	font-size:1.25em;
	}

label{
	margin-left:.4em;
	}

input, textarea{
	font-size:12px;
	border:.1em solid #CCCCCC;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	padding:.8em;
	display:block;
	margin-bottom:1.3em;
	margin-top: .4em;
	width:41.7em;
	}
	
select{
	border:.1em solid #CCCCCC;
	display:block;
	margin-top:.4em;
	margin-bottom:1.3em;
	padding:.8em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	}

textarea{height:12.5em;}

button{
	background: url(../../images/layout/backgrounds/portfolio.png) top repeat-x;
	border:.1em solid #CCCCCC;
	padding:.8em;
	width:10.4em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	}

button:hover{
	cursor:pointer;
	color:#FFFFFF;
	}

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

Color Switcher

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

#colorbar{
	position:fixed;
	text-align:left;
	bottom:0em;
	left:0em;
	right:0em;
	background:url(../../images/layout/colorbar/fill.png) top repeat-x;
	z-index:10;
	}
	
#colortab{margin-left:4.2em;}

#colorbar div{
	display:none;
	background-color:#FFFFFF;
	padding:0em 1.7em 1.3em 5.8em;
	vertical-align: middle;}

#colorbar div a{margin-left:.4em;}

#colorbar div a img{border:.1em solid #999999;}

#colorbar div a:hover img{opacity:.5;}