/*///// Reset Styles ////*/

/*Reset*/

* {
padding:0;
margin:0;
border:none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	font-size:70%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 140%;
	color: ##6B4E40;
	background: #FFFFFF;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p {
1em;
line-height: 1.6em;
color: #6B4E40
}

/* Above Resets to Basic Styles */




/* Typography */

p.indent {
text-indent: 2.6em;
}

a {
text-decoration: none;
color: #6B4E40;
font-weight: bold;
}

a.more {
background:url(/images/arrow_small.gif) right 2px no-repeat;
width:4.5em;
float: right;
clear: both;
color: #444;
padding: 0 0 0 0;
height: 16px;
text-align: left;
display: block;
position: relative;
right: 10px;
}

h1 {
font-size: 2.5em;
font-weight: normal;
color: #fff;
}

h2, h2 a, a.more_proj, h2.recent_head, h2.recent_head a {
font-size: 18px;
color: #6B4E40;
word-spacing: -0.1em;
text-autospace: true;
text-transform: capitalize;
font-weight: normal;
}

h4 {
text-transform: uppercase;
font-weight:bold;
color: #333;
font-size: 1em;
}


/* Main Layout */

html {
background:#fff;
}

body {
text-align: center;
background: url(/images/main_bgd.jpg) center -400px no-repeat;
font-family: Helvetica, Verdana, Arial, sans-serif;

}

div.wrap {
width: 759px;
margin: 0 auto;
text-align: left;
position: relative;
font-size: 1em;
background: #fff;
}

div.masthead {
background:url(/images/masthead_bgd.jpg) -3px top no-repeat;
height: 18px;
position: relative;
width:755px;
}

div.masthead a {
height: 43px;
position: relative;
cursor: pointer;
display: block;
}

div.left_col {
background:#fff url(/images/left_col_bgd.jpg) 0px 0 no-repeat;
width:759px;
float: left;
clear: none;
padding-top: 4px;
}

div.right_col {
background: url(/images/right_col_bgd_rpt.jpg) 0 0 no-repeat;
width: 190px;
min-height: 500px;
float: right;
clear: none;
position: relative;
right: 5px;
}

div.wrap > div.right_col {
right:14px;
}

div.body_text {
padding:10px 100px;
float: left;
clear: both;
}

div.body_text_blog {
float: left;
clear: both;
position: relative;
top:30px;
left:100px;
width:575px;
}

div.blog_entry {
margin: 0 0 50px 0;

}

div.body_text_blog p {
padding: 0 0 1em 0;
text-align: justify;
color: #6B4E40;
}

div.body_inner {
padding: 20px 0;
}

div.body_inner p {
padding: 1em 0;
}

hr.force-clear {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.hide {
display: none;
}

/* Left Column */

h1.header a {
height: 150px;
width:200px;
float: left;
clear: both;
display: inline
}

h5.tagline {
display:none;
}

a.read_more {
color: #666;
background: url(/images/arrow_small.gif) 0 1px no-repeat;
padding: 1px 0 0 20px;
height: 15px;
}

a.get_quote_link span {
display: none;
}

a.get_quote_link {
background: url(/images/get_quote-trans.png) 0 0 no-repeat;
height: 50px;
display: block;
clear: both;
position: relative;
z-index: 5000;
cursor: pointer;
width:347px;
float: right;
left: 8px;
clear: right;
}

a.get_quote_link:hover {
background-position-y: -52px;
}

div.help h2 {
height: 1.25em;
word-spacing: -0.1em;
}

div.help {
width: 300px;
float: left;
position: relative;
clear: both;
left:57px;
}

div.help p {
line-height: 1.65em;
color: #444;
font-size: 1em;
}

div.help a.read_more {
float: right;
color: #473433;
}

div.help a.read_more:hover {
color: #a1a1a1;
}

div.section_thumbs a img {
padding: 3px;
border: #fff solid 1px;
display: none;
}

div.section_thumbs a img:hover {
border: yellow solid 1px;
background-color: #fff;
}

div.section_thumbs span {
position: relative;
top:2px;
left:5px;
font-size:1em;
}

div.section_thumbs {
float: right;
display: inline;
height: 125px;
right: 20px;
position: relative;
clear: none;
width:400px;
}

div.section_thumbs a {
border-left: #aaa solid 1px;
display: block;
float: right;
clear: none;
margin: 0px 15px;
padding: 11px 2px 5px 2px;
width:30px;
position: relative;
top: -4px;
}

div.section_thumbs a:hover, div.section_thumbs a.active {
border-color: #bb9c9a;
color: #bb9c9a;
font-weight: bold;
}

h2.recent_head, a.more_proj {
margin: 0px 0 0 60px;
}

h2.recent_head a {
}

div.foot {
float: left;
clear: both;
position: relative;
left: 50px;
z-index: 1;
}

div.foot ul {
}

div.foot ul li {
display: inline;
}

div.foot ul li a {
color: #473433;
padding: 20px 10px;
height: 30px;
top:10px;
position: relative;
}

div.foot ul li a:hover {
color: #797979;
}


p.blog_title strong {
font-size: 1.5em;
padding-right: 1em;
}

a.blog_read_more {
position: relative;
top: 0.5em;
}


/* Portfolio Images */

div.thumb {
float: left;
clear: both;
width: 680px;
border:#ccc 1px solid;
background-position: 3px 3px;
background-repeat: no-repeat;
margin: 15px 0 0 20px;
background-color: #fff;
height: 103px
}

div > div.thumb {
margin: 15px 0 0 40px;
}

div.inner_thumb {
border-bottom: #fff 3px solid;
}

div.thumb img {
float: right;
position: relative;
top: -2px;
right: -1px;
}

div.thumb span {
display: none;
}

div.thumb_title {
float: left;
clear: left;
display: inline;
top:-10px;
left:30px;
position: relative;
z-index: 5000;
}

a.proj_hide, a.proj_show {
background: #666 url(/images/thumb_title_left.jpg) -2px -35px no-repeat;
height: 21px;
color: #fff;
display: block;
padding: 8px 12px 0 72px;
width:160px;
}

a.proj_hide:hover, a.proj_show:hover {
background: #744b39 url(/images/thumb_title_left.jpg) -2px -2px no-repeat;
}

a.proj_hide {
background: #666 url(/images/thumb_title_left-open.jpg) -2px -35px no-repeat;
}

a.proj_hide:hover {
background: #744b39 url(/images/thumb_title_left-open.jpg) -2px -2px no-repeat;
}

div.thumb_title a.proj_hide {
display: none;
}


div.proj_desc {
display: none;
padding: 20px;
width:500px;

}

div.proj_desc p {
padding: 5px;
width:400px;
float: left;
clear: both;
}


p.no_results {
position: relative;
top:50px;
left:100px;
font-weight: bold;
}

p.pagination {
display: block;
clear: both;
padding: 40px 70px;
}

p.pagination a {
padding: 2px 5px;
border: #2b241c 2px solid;
margin: 2px;
background: #2b241c;
color: #ba9c7a;
}

p.pagination b, p.pagination a:hover {
padding: 2px 5px;
border: #ba9c7a 2px solid;
margin: 2px;
background: #ba9c7a;
color: #2b241c;
}


/* Get a Quote */

div.contact_text {
width: 230px;
border-right: 1px #452b1b solid;
float: left;
clear: both;
margin-left: 0px;
}

div.contact_text p {
padding: 1em 20px 0 1em;
}

/* FORMS */


label {
text-transform: uppercase;
font-weight:bold;
color: #333;
font-size: 1em;
float: left;
clear: left;
}

div.form * {
float: left;
clear: both;
}

div.form {
display: inline;
float: right;
clear: none;
padding: 0 40px
}

div.form p {
padding: 10px;
width:200px;
}

div.form select, .select {
margin-top: 10px;
float: left;
clear: both;
}

input.text, textarea {
padding: 2px 5px;
border: #2b241c 2px solid;
margin: 2px;
background: #2b241c;
color: #ba9c7a;
width:200px;
float: left;
clear: left;
}

input.submit {
padding: 4px 7px;
border: #ba9c7a 1px solid;
margin: 2px 2px 2px 20px;
background: #2b241c;
color: #ba9c7a;
cursor: pointer;
float: left;
clear: both;
}

textarea {
height: 200px;
}



/* Comment Form */

div.comment_form input.text {
width:300px;
}

div.comment_form textarea {
width:300px;
}

p.notify {
position: relative;
left:10px;
top:-5px;
float: left;
clear: both;
display: inline;
width: 200px;
}

div.comment_form {
position: relative;
left: 120px;
}

div.comment_form * {
float: left;
clear: left;
}

div.comment_form p {
display: block;
padding: 10px;
}

span.comment_date {
font-family: "Times New Roman", Times, serif;
color: #452b1b;
font-style: italic;
}

div.comment_name {
text-align: right;
float: left;
width: 100px;
border-right: 1px #452b1b solid;
height: 50px;
overflow: visible;
float: left;
clear: left;
}

div.comment_name p {
padding: 10px;
}

div.comment_text {
float: left;
clear: none;
width: 400px;
min-height: 50px;
margin-bottom:20px;
}

div.comment_text {
padding:10px 30px;
}

/* Sort by Media/Industry Navigation */

div.list {
float: right;
position: relative;
left: -20px;
top:-12px;
z-index: 5000;
}

/* Son of Suckerfish Dropdown */

#sort_media_nav, #sort_media_nav ul, #sort_industry_nav, #sort_industry_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sort_media_nav a, #sort_industry_nav a {
	display: block;
	width: 10em;
}

#sort_media_nav li, #sort_industry_nav li {
	float: left;
	width: 10em;
}

#sort_media_nav li ul, #sort_industry_nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#sort_media_nav li:hover ul, #sort_industry_nav li:hover ul {
	left: auto;
}

#sort_media_nav li:hover ul, #sort_media_nav li.sfhover ul, #sort_industry_nav li:hover ul, #sort_industry_nav li.sfhover2 ul {
	left: auto;
}

/* Drop Down Customization */

div.list ul li ul li a {
background: #fff;
padding: 8px 5px 3px 5px;
position: relative;
top:8px;
color: #473433;
}

div.list ul li ul li a:hover {
background:#473433;
color: #fff;
}

div.list ul li ul {
position: relative;
top: 13px;
}

ul#sort_media_nav, ul#sort_industry_nav  {
display: block;
float: right;
clear: none;
width:11.5em;
}

a.sort_nav_head {
color:#C7B299;
background: url(/images/arrow_down-trans.png) 0 0 no-repeat;
padding:0 10px 0 17px;
height: 13px;
width:200px;
cursor: pointer;
}

/* Right Column */

div.right_col p {
width: 175px;
}

div.recommend a, div.twitter a {
float: left;
clear: both;
padding: 10px;
}

div.recommend, div.twitter {
padding-left: 30px;
}

 div.twitter p {
 position: relative;
 left: -10px;
 width:165px;
 }

div.recommend h3, div.twitter h3, div.quote h3 {
//background:url(/images/right_col_title_bgd.gif) 0 0;
height: 1.65em;
width: 172px;
margin:25px 0 10px 0;
padding: 6px 0 0px 10px;
float: left;
clear: both;
color: #6B4E40;
border-bottom: 1px #C7B299 solid;
font-weight: bold;
position: relative;
left: -20px;
font-size: 1.1em;
letter-spacing: 0.075em;
}

div.quote {
background: url(/images/right_col_top_bgd.jpg) 0 0 no-repeat;
width: 191px;
height: 174px;
float: left;
clear: none;
position: relative;
}

div.quote img.start_quote {
position:relative;
top:15px;
left: -15px;
float: left;
}

div.quote img.end_quote {
position:relative;
top:58px;
left: -15px;
float: right;
display: none;
}

div.quote p {
color: #6B4E40;
float: left;
clear: none;
line-height: 1.6em;
font-size: 1em;
width:154px;
padding: 0 0 0.7em 0;
top:-12px;
position: relative;
}

div.quote h3 {
top:-10px;
position: relative;
}

div.quote div {
padding:0px 15px 1em 30px;
}

div.right_col_blog {
float: left;
clear: left;
position: relative;
left: 10px;
}

div.right_col_blog p {
padding: 0.5em 11px;
line-height: 1.7em;
color: #6B4E40;
font-size: 1em;
width:160px;
}

div.right_col_blog h3 {
color: #6B4E40;
border-bottom: 1px #C7B299 solid;
height: 2.1em;
width: 182px;
margin-bottom: 0.75em;
padding: 10px 0 1px 0;
color: #6B4E40;
}

div.right_col_blog a {
position: relative;
z-index: 5000;
}

div.right_col_blog h3 a {
color: #6B4E40;
position: relative;
top:5px;
left: 10px;
font-size: 1.1em;
letter-spacing: 0.075em;
display: block;
//background: url(/images/arrow_small_dark_bgd.gif) 145px 0px no-repeat;
width: 171px;
height: 25px;
}

div.right_col h4 {
margin: 2em 1.5em 0.5em 1.5em;
float: left;
clear: left;
}

a.rss_icon img {
top:1px;
position: relative;
}