/* BASIC STUFF */
body {margin:0; padding:0; color:#171717; background:#E8E8E8 url(images/body-background.png) repeat-x top left;}
.main-width {width:960px; margin:0 auto}
#wrap {background: url(images/main-background.png) no-repeat top left}
#main-container {padding:0 80px}
img {border:none}


/* BASIC TYPOGRAPHY AND LINKS */
body {font: 14px/16px Arial, Helvetica, sans-serif;}

h1 {font-size:34px; padding:0; line-height:40px; font-family: Bebas, Impact, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; padding-bottom:10px; width:500px;}
h2 {font-size:1.8em; padding:2px 0; font-family: Bebas, Impact, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}
h3 {font-size:1.5em; padding:2px 0}
h4 {font-size:1.3em; padding:2px 0}
h5 {font-size:1.2em; padding:2px 0}
h6 {font-size:1em; padding:2px 0}
.cufon { margin-right: 5px; } 

p {margin:20px 0}

ul, ol {margin:15px 30px; padding:0}
ul li, ol li {margin:2px 0; padding:0}

table {border-spacing:0; border-collapse:collapse;}
table td, table th {padding:3px 7px; border:1px solid #FFF; text-align:left}
table thead tr {background:#C50001; color:#FFF}
table tr.even {background:#F4F4F4}

a {color:#0093DF; text-decoration:underline}
a:hover {color: #00689F}

textarea {font:14px/18px Arial, Helvetica, sans-serif;}

.clear {clear:both;}

canvas {position:relative; z-idex:3}

/* STYLING */

#header {height: 180px; position:relative}
#logo {
	position:absolute;
	top:16px;
	left: -37px
}
#search_form {position:absolute; top:35px; right:0px; padding:0; margin:0}
#search_field {margin:0; padding:3px 5px 3px 5px; border:none; background: url(images/search-field-background.png) top left; width:127px; height:19px; font-size:13px; color: #AFAFAF}
#search_button {margin:0; padding:0; vertical-align:bottom}
#web2links {position:absolute; top:75px; right:0}

#header-menu {
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	position:absolute;
	top:133px;
	left:0px;
	width:801px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase
}
#header-menu li {float:left; margin:0; padding:0;}
#header-menu li a {
	color:#D5D5D5;
	text-decoration:none;
	display:block;
	border-right: 1px solid #D96162;
	padding: 1px 15px 1px 0;
	margin-right:15px;
	line-height:11px;
	position:relative
}
#header-menu li a.last {border:none}
#header-menu li a.active, #header-menu li a:hover {
	color:#FFFFFF
}
#header-menu li span.menu-item-description {
	position:absolute;
	top:27px;
	text-transform:lowercase;
	color:#848484;
	font-weight:normal;
	width: 334px;
	height: 24px;
}

#footer-content {text-align:left; width:790px; margin:0 auto; height:50px; font-size:11px; line-height:50px; color: #5B626D; font-weight:bold; position:relative; text-transform:uppercase}
#footer-menu {list-style:none; margin:19px 0 0 0 !important; padding:0 !important; float:right; height:11px;}
#footer-menu li {float:left; padding:0; margin:0}
#footer-menu li a {color:#FFF; text-decoration:none; display:block; border-right: 1px solid #4F5155; padding: 0 7px; line-height:11px}
#footer-menu li a.last {border:none}

#up-button {position:absolute; top:16px; right:-40px}

#main {margin-top:30px;}

#content {float:left;}
.content-narrow {width:590px}

#sidebar {float:right; border-left: 1px solid #C5C5C5; padding-left:24px; width:170px;}
#sidebar h3 {font-size:16px; text-transform:uppercase; border-bottom: 1px solid #C5C5C5; padding-bottom:15px;}
#sidebar h4 {font-size:14px;}
#sidebar-list {margin:0 !important; padding:0; list-style:none}
#sidebar-list li {margin: 0 0 20px 0}

#sidebar span.date {float:right; color:#979797; font-size:12px}

.sidebar-news-item {clear:both; padding-top:15px;}


#recent-work img {margin:5px 5px 0 0}
#recent-work img.even {margin:5px 0 0 0}
#recent-works-container {padding-top:10px}


.formtable {}
.formtable td {border:0; border-bottom:10px solid #E8E8E8}
.formtable tr.text-input-row td {background:url(images/input-back-left.png) repeat-x; padding:3px 7px; height:26px; line-height:26px;}
.formtable td.text-input-cell {background:url(images/input-back.png) repeat-x !important;}
.formtable td.text-input-right {background:url(images/input-back-right.png) no-repeat top right !important; padding:3px 0 !important; width:3px;}
.formtable td.required {background:none !important; font-weight:bold; font-size:20px; color:#C80001}
.formtable label {font-weight:bold; font-size:12px; color:#3D3D3D; text-transform:uppercase; padding-left:2px;}
.formtable td.text-input-cell input {background:none; border:0; font-size:14px; color: #AFAFAF; width:200px; padding-left:2px;}

.textarea-input {background: #FFF url(images/textarea-background.png) repeat-x top left; border:0; padding: 6px 10px; margin:0; width:560px; height:200px; resize:none; color: #AFAFAF}
.textarea-tl, .textarea-bl {width:577px; height:3px; margin:0; font-size:0; line-height:0}
.textarea-tr, .textarea-br {width:3px; height:3px; display:block; float:right; margin-right:-3px; font-size:0; line-height:0}
.textarea-tl {background: url(images/textarea-tl.png);}
.textarea-tr {background: url(images/textarea-tr.png);}
.textarea-bl {background: url(images/textarea-bl.png);}
.textarea-br {background: url(images/textarea-br.png);}
.send-button {float:right; margin:20px 10px}


#featured-items-wrapper {width:800px; height:321px; position:relative}
#featured-tl {height:5px; background:url(images/featured-tl.gif); font-size:0; line-height:0}
#featured-bl {height:5px; background:url(images/featured-bl.gif); font-size:0; line-height:0}
#featured-tr, #featured-br {height:5px; width:4px; display:block; float:right; font-size:0; line-height:0}
#featured-tr {background: url(images/featured-tr.gif)}
#featured-br {background: url(images/featured-br.gif)}

ul#featured-items {background: #FFF url(images/featured-back.gif) repeat-x bottom left; height:311px; margin:0 !important; padding:0 !important; list-style:none; overflow:hidden;}
ul#featured-items li {margin:0 !important; padding:40px 370px 40px 50px !important; width: 380px; position:relative}
ul#featured-items li h1 {margin:0 !important; padding:0 !important}



ul#featured-items li p {margin-right:40px}
.featured-item-image {
	position:absolute;
	top:23px;
	right:50px;
}
.featured-item-notes {color: #9E9E9E; font-style:italic; font-size:12px; padding-top:10px; border-top:1px solid #D6D6D6;}

#featured-item-prev, #featured-item-next {position:absolute; top:122px; z-index:10}
#featured-item-prev {left:-3px;}
#featured-item-next {right:-3px;}


.home-half-width-item {float:left; width:365px; padding: 0 30px 0 0; margin: 30px 39px 0 0; border-right: 1px solid #ccc;; position:relative;}
.home-half-width-item-even {border:0; margin-right:0; padding:0 !important}
.home-half-width-item h2, .home-full-width-item h2 {
	padding-left:0px
}
.topic-icon {position:absolute;}

.home-full-width-item {padding-top:30px; position:relative;}
.home-full-width-item h2 img {vertical-align:middle; margin-right:15px;}

.open-quote {float:left; margin: 0 30px 10px 0}
.close-quote {vertical-align:bottom; float:right; margin: 10px 0 0 30px}

.author {float:right}
.rating, .author-location  {font-style:italic; color: #9E9E9E;}





* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 80px;}  /* must be at least the same height as the footer */

#footer {position: relative; margin-top: -50px; /* negative value of footer height */ height: 50px; clear:both; background-color: #2D3034; text-align:center; z-index:1;} 

/* CLEAR FIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */