#wrapper {
	width:930px;
	margin:0 auto 0 auto;
}

#header {
	height:106px;
	border-bottom:1px dotted #666;
/*	border-right:1px dotted #666;*/
}

#header img {
	position:relative;
	top:60px;
}

p {
	font-size:1.3em;
	line-height:1.4em;
	margin:10px 0 0 0;
}

/* main nav */

#main-nav {
	float:right
}

#main-nav ul {
	list-style:none;
}

#main-nav li {
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	font-size:1.6em;
	color:#aa020a;
/*	border-left:1px dotted #666;*/
	float:left;
	font-weight:normal;
}

#main-nav li a {
	display:block;
	color:#aa020a;
	text-decoration:none;
	padding:60px 30px 30px 30px;
}
#main-nav li a:visited {text-decoration:none;}
#main-nav li a:hover {text-decoration:none; background-color:#3e2627; color:#fff;}
#main-nav li a:active{text-decoration:none;}

/* hero area */

#hero-area {
	width:930px;
	padding:40px 0 40px 0;
	border-bottom:1px dotted #666;
	overflow:hidden;
	
}

#hero-area h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:3.4em;
	color:#3e2627;
	line-height:1.2em;
	font-weight:normal;
	width:460px;
}

#hero-area h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color:#3e2627;
	line-height:1.2em;
	font-weight:normal;
	width:525px;
	margin:10px 0 0 0;
}

.hero-area-highlight {
	color:#aa020a;
}

#contact-area {
	float:right;
	width:306px;
	border-left:1px dotted #666;
	padding:0 0 0 0; margin:0 0 0 0;
}

#contact-area h3 {
	font-family:"Trebuchet MS";
	font-size:1.6em;
	color:#3e2627;
	line-height:1.2em;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

#twitter {
	margin-left:28px;
	border-bottom:1px dotted #666;
	padding:0 0 20px 0;
}

#twitter-content {
	background:url(../images/BG-twitter-quote-marks.gif) no-repeat top left;
	min-height:50px;
	padding:0 0 0 25px;
	margin:0;
}
#twitter-content ul {
	font-size:1.3em;
	line-height:1.2em;
}

#get-connected {
	margin-left:28px;
	padding:20px 0 20px 0;
}

#get-connected p {
	margin:10px 0 0 0;
}

#get-connected a {
	text-decoration:none;
}

/* work examples */

#work-examples {
	padding:30px 0 30px 0;
	border-bottom:1px dotted #666;
	overflow:hidden;
}

#work-examples h4 {
	font-family:"Trebuchet MS";
	font-size:1.4em;
	color:#aa020a;
	line-height:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	margin:10px 0 0 10px;
}

#work-examples img {
	/*border:1px solid #ccc;*/
}

.work-container {
	width:306px;
	height:250px;
	float:left;
	margin:0 0 20px 0;
}

.work-container p {
	padding:0 10px 0 10px;
}

.work-container-center {
	width:306px;
	height:250px;
	float:left;
	margin:0 6px 20px 6px;
}

.work-container-center p {
	padding:0 10px 0 10px;
}


/* footer */
#footer {
/*	border-bottom:1px dotted #666;
	border-right:1px dotted #666;*/
	overflow:hidden;
}

#footer-nav {
	float:right
}

#footer-nav  ul {
	list-style:none;
}

#footer-nav  li {
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	font-size:1.6em;
	color:#aa020a;
	/*border-left:1px dotted #666;*/
	float:left;
	font-weight:normal;
}

#footer-nav  li a {
	display:block;
	color:#aa020a;
	text-decoration:none;
	padding:15px 30px 15px 30px;
}
#footer-nav  li a:visited {text-decoration:none;}
#footer-nav  li a:hover {text-decoration:none; background-color:#3e2627; color:#fff;}
#footer-nav  li a:active{text-decoration:none;}


/* content */
#section-header {
	width:930px;
	padding:40px 0 40px 0;
	border-bottom:1px dotted #666;
	overflow:hidden;
}

#section-header h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:4.4em;
	color:#3e2627;
	line-height:1.2em;
	font-weight:normal;
}

#content {
	overflow:hidden;
	padding:30px 0 30px 0;
	border-bottom:1px dotted #666;
	height:100%;
}

.highlight {
	background-color:#fffe95;
}

#left-col {
	width:930px;
	padding:0;
}

.thumbs {
	width:396px;
	height:100%;
	overflow:hidden;
	float:left;
	margin:32px 0 0 54px;
}

.thumbs p {
	clear:both;
	margin:0 0 15px 10px;
}

#left-col img {
	border:1px solid #cccccc;
	margin:0 0 10px 10px;
	float:left;
}

#left-col h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.5em;
	color:#AA020A;
	line-height:1.2em;
	font-weight:normal;
	margin:0 0 0 0;
	border-bottom:1px dotted #666;
}

#left-col h1 a {
	text-decoration:none;
	width:930px;
	display:block;
	padding:10px 0 10px 0px;
	background:url(../images/BG-work-detail-toggle.gif) no-repeat right center;
	clear:both;
}

#left-col h1 a:visited {text-decoration:none;}
#left-col h1 a:hover {background:url(../images/BG-work-detail-toggle.gif) no-repeat 915px 20px; width: 930px; text-decoration:none; background-color:#3e2627; color:#fff; padding:10px 0 10px 5px; display:block;}
#left-col h1 a:active{text-decoration:none;}


#left-col h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.0em;
	color:#3e2627;
	line-height:1.2em;
	font-weight:normal;
	margin:20px 0 0 0;
}

#left-col ul {
	list-style:circle;
	margin:10px 0 20px 38px;
}

#left-col li {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	line-height:1.6em;
	padding:0 0 0 6px;
}

#right-col {
	width:200px;
	float:left;
	padding:0 0 0 20px;
}

#right-col h3 {
	font-family:"Trebuchet MS";
	font-size:1.6em;
	color:#3e2627;
	line-height:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}

.detail-intro {float:left; width:480px; margin:20px 0 0 0;}
#work-detail-1, #work-detail-2, #work-detail-3, #work-detail-4, #work-detail-5, #work-detail-6, work-detail-7, #work-detail-8, #work-detail-9, #work-detail-10, #work-detail-10, #work-detail-11, #work-detail-12 {
	height:100%;
}

.freshlink {
	font-size:0.7em;
	color:#999;
	text-decoration:none;
}