/* SBC Advertising SCREEN Style Sheet */
html, body, div, span, applet, object, 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, iframe {background: transparent; border: none; margin: 0; outline: none; padding: 0;}
body {background: #fff; color: #7F7977; font: 12px/15px Arial, Helvetica, sans-serif;}
body#home {background: #fff;}
a:link, a:visited {color: #f7a11a;}
a:hover, a:active {color: #e31836;}
p, h1, h2, h3, h4, ul {padding-bottom: 16px;}
ul ul, ul ul ul {padding-bottom: 0;}
p {font: 12px/16px Arial, Helvetica, sans-serif;}
h1 {color: #aca4a2; font: bold 50px/50px Arial, Helvetica, sans-serif; text-transform: lowercase;}
h2 {color: #e31836; font: normal 16px/20px Arial, Helvetica, sans-serif;}
h3 {color: #e31836; font: bold 20px/24px Arial, Helvetica, sans-serif; text-transform: lowercase;}
h4 {color: #e31836; font: bold 12px/16px Arial, Helvetica, sans-serif;}
ul {margin-left: 30px;}
li {line-height: 16px;}
#container {height: auto; margin: 0 auto; padding: 0 1px 20px 1px; position: relative; width: 960px;}
sup {font-size: 12px;}
/***** HEAD *****/
#head {height: 130px; position: relative; width: 960px;}
#logo {height: 100px; left: 0; position: absolute; top: 0; width: 135px;}
/***** NAV *****/
#nav {color: #f7a11a; float: right; font: bold 17px/17px Arial, Helvetica, sans-serif; height: 24px; padding-top: 42px; position: relative; text-transform: lowercase; width: 620px;}
#nav ul {text-align: right;}
#nav li {display: inline; padding-left: 20px;}
#nav a:link, #nav a:visited {color: #aca4a2; text-decoration: none;}
#nav a:hover, #nav a:active {color: #f7a11a; text-decoration: none;}
#nav li.selected a:link, #nav li.selected a:visited {color: #f7a11a; text-decoration: none;}
#nav li.selected a:hover, #nav li.selected a:active {color: #e31836; text-decoration: none;}
#nav-on {background: url(../../images/nav-glow.png) top left no-repeat; height: 46px; position: absolute; top: 0; width: 135px; z-index: -1000;}
/***** SUBNAV *****/
#subnav {color: #e31836; float: right; font: normal 15px/15px Arial, Helvetica, sans-serif; height: 64px; position: relative; text-transform: lowercase; width: 620px;}
#subnav ul {text-align: right;}
#subnav li {display: inline; padding-left: 20px;}
#subnav a:link, #subnav a:visited {color: #f7a11a; text-decoration: none;}
#subnav a:hover, #subnav a:active {color: #e31836; text-decoration: none;}
#subnav li.selected a:link, #subnav li.selected a:visited {color: #aca4a2; text-decoration: none;}
#subnav li.selected a:hover, #subnav li.selected a:active {color: #e31836; text-decoration: none;}
/***** CONTENT *****/
#home #flash-content {margin-bottom: 30px;}
.toggler-sort {background: #e31836 url(../../images/toggle-sort.png) no-repeat right center; color: #fff; display: block; font: bold 1.5em/30px Arial, Helvetica, sans-serif; margin: 1px 0 31px 0; padding: 5px 20px; text-transform: lowercase;}
.toggler-sort:hover {background: #aca4a2 url(../../images/toggle-sort.png) no-repeat right center; cursor: pointer;}
#content-full { height: auto !important; height: 420px; margin-bottom: 20px; min-height: 420px; position: relative; width: 960px;}
#column1 {display: inline; float: left; height: auto !important; padding-right: 30px; position: relative; width: 280px;}
#column1 em a:link, #column1 em a:visited, #column1 em a:hover, #column1 em a:active {display: block; font-style: normal; height: 20px; padding: 4px 0 0 26px; text-decoration: none;}
#column1 em a:link, #column1 em a:visited {background: url(../../images/link-arrow-left.gif) left center no-repeat;}
#column1 em a:hover, #column1 em a:active {background: url(../../images/link-arrow-left-on.gif) left center no-repeat;}
#column2 { border-left: #E0DDDC 1px solid; display: inline; float: right; height: auto !important; height: 400px; margin-bottom: 30px; min-height: 400px; padding-left: 29px; position: relative; width: 620px;}
/***** HOME *****/
#home .thirdbox {clear: right; display:inline; float:left; margin-bottom:32px;}
#home #work {width:279px;}
#home #blog {border-left:solid 1px #e0dddc; border-right:solid 1px #e0dddc; height:auto !important; height:275px; margin:0 30px 32px 30px; min-height:275px; padding:0 30px 32px 30px; width:280px;}
#home #twitter {width:279px;}
#home #twitter ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#home #twitter li {margin-bottom:15px;}
#home #twitter li span a {clear:none; display: inherit;}
#home #twitter li a {background:none; clear:both; display:block; padding-right:0;}
#twitter-link {text-align:left;}
#home .thirdbox a:link, #home .thirdbox a:visited {background: url(../../images/link-arrow.png) right center no-repeat; padding-right: 12px;}
#home .thirdbox a:hover, #home .thirdbox a:active {background: url(../../images/link-arrow-roll.png) right center no-repeat; padding-right: 12px;}
/***** TOGGLE LIST *****/
#togglelist {clear: both; width: 620px;}
#togglelist a {color: #fff;}
#togglelist p a {color: #f7a11a;}
/***** CLIENTS *****/
#logos {clear: both; margin-bottom: -25px; overflow: auto; position: relative; top: -15px; width: 620px;}
#logos .column4, #logos .column4-end {clear: right; display: inline; float: left; padding: 0 10px 0 0; position: relative; width: 147px;}
#experience {width: 620px;}
#experience .column4, #experience .column4-end {clear: right; display: inline; float: left; overflow: auto; padding: 0 10px 0 0; position: relative; width: 136px;}
#experience li {padding-left: 10px; text-indent: -10px;}
#logos .column4-end, #experience .column4-end {padding-right: 0;}
#logos .column4 ul, #logos .column4-end ul, #experience .column4 ul, #experience .column4-end ul {list-style: none; margin-left: 0;}
/***** PORTFOLIO *****/
.portfolio-tn, .portfolio-tn-end {background: #E0DDDC; display: inline; float: left; height: 190px; margin-bottom: 10px; margin-right: 10px; position: relative; width: 200px;}
.portfolio-tn-end {margin-right: 0;}
.portfolio-tn p, .portfolio-tn-end p {height: 16px; padding: 12px 11px;}
.portfolio-tn a:link, .portfolio-tn a:visited, .portfolio-tn-end a:link, .portfolio-tn-end a:visited {color: #7f7977; cursor: pointer; display: block; text-decoration: none;}
.portfolio-tn a:hover, .portfolio-tn a:active, .portfolio-tn-end a:hover, .portfolio-tn-end a:active {background: #f7a11a; color: #e31836; cursor: pointer; display: block; text-decoration: none;}
/***** SLUG *****/
#slug h4 {color: #7f7977; font-size: 11px; padding-bottom: 0; padding-top: 16px; text-transform: uppercase;}
#slug p {font-size: 11px; line-height: 15px; padding-bottom: 0;}
/***** CONTACT *****/
#column2a {border-right: #E0DDDC 1px solid; display: inline; float: left; height: auto !important; height: 550px; margin-right: 30px; min-height: 550px; padding-right: 29px; position: relative; width: 297px;}
#column2b { display: inline; float: right; height: auto !important; height: 544px; min-height: 544px; position: relative; width: 260px;}
input#name, input#email, input#phone, select#topic, textarea#message {width: 99%;}
input#submit {background: #e31836; border: none; color: #fff; float: right; font: bold 20px/24px Arial, Helvetica, sans-serif; height: 40px; text-transform: lowercase;}
#column-foot { /*background: blue;*/border: 1px solid #E0DDDC; clear: both; display: inline; float: left; position: relative; width: 618px;}
.contact-tn {background: #E0DDDC; display: inline; float: left; height: 206px; position: relative; width: 206px;}
.contact-tn p, .contact-tn-end p {padding: 10px;}
.contact-tn:hover, .contact-tn-end:hover {background: #f7a11a; color: #fff; cursor: pointer;}
form input, form textarea {font:12px/15px Arial, Helvetica, sans-serif;}
.social {/*height:50px;*/ float:left; padding-bottom:16px; width:130px;}
.social ul {margin:0; padding:0;}
.social li {height:20px; line-height:16px; list-style:none; padding-left:24px;}
.social li#facebook {background:url(../../images/facebook-icn.png) left top no-repeat;}
.social li#twitter {background:url(../../images/twitter-icn.png) left top no-repeat;}
.social li#youtube {background:url(../../images/youtube-icn.png) left top no-repeat;}
.social li#blogger {background:url(../../images/blogger-icn.png) left top no-repeat;}
.social li#linkedin {background:url(../../images/linkedin-icn.png) left top no-repeat;}
.social p {height:20px; line-height:16px; list-style:none; padding-bottom:0; padding-left:24px;}
/***** FOOT *****/
#foot {clear: both; margin-bottom: 30px; position: relative; width: 960px;}
#foot #bar {background: #aca4a2; color: #fff; height: 27px; padding: 13px 20px 0 20px; position: relative; width: 920px; z-index: 20;}
#foot p {float: left; padding-bottom: 0;}
#foot ul {float: right; margin-left:0; padding-bottom:0;}
#foot li {display: inline; padding-left: 20px;}
#foot a:link, #foot a:visited {color: #fff; text-decoration: none;}
#foot a:hover, #foot a:active {color: #e31836; text-decoration: none;}
#foot #collage {display: inline; height: 275px; left: -81px; position: absolute; top: -184px; width: 350px; z-index: 10;}
.capitalize {text-transform: capitalize;}
/***** FOOT SOCIAL *****/
#foot #links {float:right;}
#foot #links ul {float:left;}
#foot #links #social {
	border-left:1px solid #fff;
	float:left;
	margin-left:20px;
	padding-left:10px;
}
#foot #social ul {
	display:block;
	height:16px;
	list-style:none;
	margin-left:0;
	padding-bottom:0;
	padding-left:0;
	overflow:hidden;
	text-indent:-999em;
	width:130px;
}
#foot #social ul li {
	display:inline;
	float:left;
	height:16px;
	line-height:16px;
	margin-left:10px;
	padding-left:0;
	width:auto;
}
#foot #social ul li a {
	background:url(../../images/social-media-icns.png) left top no-repeat;
	display:block;
	width:16px;
}
#foot #social ul li a:hover {
	background-position: left -48px;
}
#foot #social ul li a.selected, #foot #social ul li a.selected:hover {
	background-position:left -16px;
}
#foot #social ul li a#blogger {background-position:left -32px;}
#foot #social ul li a#blogger:hover {background-position:left -16px;}
#foot #social ul li a#facebook {background-position:-16px -32px;}
#foot #social ul li a#facebook:hover {background-position:-16px -16px;}
#foot #social ul li a#linkedin {background-position:-32px -32px;}
#foot #social ul li a#linkedin:hover {background-position:-32px -16px;}
#foot #social ul li a#twitter {background-position:-48px -32px;}
#foot #social ul li a#twitter:hover {background-position:-48px -16px;}
#foot #social ul li a#youtube {background-position:-64px -32px;}
#foot #social ul li a#youtube:hover {background-position:-64px -16px;}
/***** UTILITY *****/
.capitalize {text-transform: capitalize;}