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

*{
	margin:0;
	padding:0;
	}

body { background-color: #eee; margin:0;}
#container{
	margin:0 auto;
	width:1000px
	}
#structure {
	float:left;
	background:url(../images/common/bg.gif) center repeat-y #eee;
	}
	
#page{ 
	width:980px; 
	padding:0 10px;
	float:left;
	}
	
#header{ 
	background:url(../images/common/header_bg.gif) repeat-x; 
	height:95px;
	}
	
#footer{
	margin:0 20px;
	padding:20px 10px;
	background: url(../images/common/dividerThree.gif) repeat-x top;
	clear:both;
	text-align:right;
	color:#999;
	}
	
#mainNav ul, #subNav ul{
	list-style:none;
	text-align:left;
	margin:0;
	}
#mainNav{
	margin:55px 0 0 24px;
	float:left;
	}
#mainNav ul li, #subNav ul li{ 
	display:inline;
	margin-left:-4px;
	background-image:none;
	padding:0;
	
	}
#mainNav ul li a{ 
	padding:10px 12px 10px 10px;
	border-left: #38B9FF 1px dotted;
	font-weight:normal;
	}
#mainNav ul li.branding a{ 
	border-right: #38B9FF 1px dotted;
	}
#mainNav ul li a:hover,
body#homepage #mainNav ul li.home a,
body#websites #mainNav ul li.websites a,
body#websites_landing #mainNav ul li.websites a,
body#animations #mainNav ul li.animations a,
body#branding #mainNav ul li.branding a,
body#photography #mainNav ul li.photography a
	{ background-color:#38B9FF; color:#fff; text-decoration:none;}





#subNav{
	margin:10px 20px 0 20px;
	float:right;
	}
#subNav ul li a{ 
	padding:10px 12px 10px 10px;
	border-left: #fff 1px dotted;
	}
#subNav ul li.contact a{ 
	border-right: #fff 1px dotted;
	
	}
#subNav ul li a{color:#fff; font-weight:normal;}

#subNav ul li a:hover,
body#about #subNav ul li.about a,
body#contact #subNav ul li.contact a
	{ background-color:#fff; color:#3B5107; text-decoration:none;}

	
#logo a{
	background:url(../images/common/logo.gif) no-repeat bottom;
	height:55px;
	width:140px;
	display:block;
	margin-left:180px;
	padding-top:40px;
	float:left;
	}
#logo a span{
	display:none;
	}

#title{ 
	padding:20px 0 20px 170px; 
	margin:0 20px;
	background: url(../images/common/dividerThree.gif) repeat-x bottom;
	}
	
#content {
	margin:20px;
	
	}	
	
	
#left{ 
	width:620px;
	float:left;
	margin-bottom:20px;
	}
body#websites_landing #left{
	width:460px;
	}
p.leftPara{
	float:left;
	width:440px;
	margin-bottom:20px;
	}
ul.rightList{
	float:right;
	width:140px;
	margin-top:0;
	}
#leftCol{
	float:left;
	width:300px;
	}

#rightCol{
	width:300px;
	float:right;
	}

#right{
	margin-left:640px;
	width:300px;
	margin-bottom:20px;
	}
body#websites_landing #right{
	margin-left:480px;
	width:460px;
	}