@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(img/web-design.jpg) top center no-repeat #58565d;
	font-size:11px;
	color:#323135;
	margin:0px;
	padding:0px;
}

.bghome {
	background:url(img/internet-marketing-firm.jpg) top center no-repeat #58565d;
}
ul li a {
	color:#fff;
	text-decoration:none;
	}
ul li a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
a {
	color:#FD9500;
	text-decoration:none;
	}
a:hover {
	color:#FD9500;
	text-decoration:underline;
	}	
	
img {
	border:none;
}

.spacer {
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

.hrule {
	display:block; 
	background:#cccbcb; 
	height:1px; 
	overflow:hidden; 
	margin:15px 0px; 
	padding:0px;
}

.featured_head {
	position:absolute;
	z-index:0; 
	margin-left:-13px;
}

/********** logo styles ***********/

#logo_holder {
	width:1002px;
	height:1px;
	margin:0px auto;
}

#logo_holder .logo {
	position:absolute; 
	margin-left:-45px; 
	z-index:99;
}

#logo_holder a{
	position:absolute;
	z-index:101;
	display:block;
	width:300px;
	height:140px;
}

/********** header styles ***********/

#header {
	display:block; 
	background:url(img/advertising-firm.gif) top center no-repeat; 
	height:129px; 
	overflow:hidden;
}

#header .wrap {
	width:1002px; 
	margin:0px auto;
}

#header .right {
	float:right; 
	width:595px;
}

#header .head_text {	
	font-size:12px; 
	text-align:right; 
	color:#FFFFFF; 
	padding-top:15px;
}

#header .head_text address{
	font-style:normal;
}

#header .head_text a{
	color:white;
	text-decoration:none;
}

/********** topnav styles ***********/

#topnav {
	display:block;
	padding-top:18px;
	position:relative;
	z-index:98;
}

#topnav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:14px;
	color:#ffffff;
}

#topnav ul li {
	display:block;
	float:left;
	padding:15px 15px 0px;
	background:url(img/marketing-communications.gif) top right no-repeat;
	height:75px;
}

#topnav ul .last {
	background:none;
	padding-right:0px;
}

#topnav ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
	padding-top:10px;
}

#topnav ul li a:hover {
	color:#b7cde5;
	background:url(img/itembg.gif) top repeat-x;
}

#topnav ul .active a {
	color:#b7cde5;
	background:url(img/itembg.gif) top repeat-x;
}

#topnav ul li a span {
	font-size:11px;
	color:#78a3df;
	font-weight:normal;
}

/********** container styles ***********/

#container {
	display:block; 
	width:1002px; 
	margin:0px auto;
	position:relative;
}

#content_top {
	display:block; 
	height:36px; 
	overflow:hidden; 
	font-size:22px; 
	color:#FFFFFF; 
	padding-left:285px; 
	padding-top:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.urbanvoicemedia.com/img/online-advertising.png');
}

div > /**/ #content_top {
	background:url(img/online-advertising.png); 
}

#content_top h1{
	color:white;
	padding:0px;
	margin:0px;
	font-size:20px;
}

#content {
	width:1002px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.urbanvoicemedia.com/img/online-marketing.png');
}

div > /**/ #content {
	background:url(http://www.urbanvoicemedia.com/img/online-marketing.png) repeat-y;
}

#content .wrap {
	display:block; 
	background:url(img/search-engine-optimization.png) repeat-y; 
}

#content .leftcol {
	width:244px; 
	float:left; 
	margin-top:-28px; 
	position:relative;
}

#content .leftcol a {
	position:relative !important;
}

#content .leftcol .transbg {
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.urbanvoicemedia.com/img/utah-advertising.png');
   padding:25px 12px 12px;
   width:222px;
}

div > /**/ #content .leftcol .transbg {
	background:url(img/utah-advertising.png) top left no-repeat;
	padding-top:12px;
}

#content .wrap .leftcol h2 {
	font-size:16px; 
	line-height:15px;
}

#content .wrap .leftcol h3 {
	font-size:14px; 
	margin:0px 0px 10px; 
	padding:0px; 
	color:#004d9f;
}

#content .wrap .leftcol span {
	font-size:14px; 
	color:#0050a1;
}

#content .wrap .leftcol .pads {
	padding:0px 12px; 
	position:relative;
}

#content .wrap .rightcol {
	width:686px; 
	float:right; 
	padding-right:30px; 
	padding-top:15px;
	padding-bottom:40px;
}

#content .wrap .rightcol p {
	margin-top:5px; 
	margin-bottom:15px; 
	line-height:18px;
}

#content .wrap .rightcol a {
	color:#004ea0;
}

#content .wrap .rightcol a:hover {
	text-decoration:none;
}

#content .wrap .rightcol h2 {
	font-size:14px; 
	color:#005aae;
	margin:0px; 
	padding:0px;
}

/********** featured styles (PORTFOLIO) ********/

#featured {
	width:527px; 
	margin:0px auto;
}

#featured .bar {
	display:block; 
	height:35px; 
	background:#58565d; 
	margin-top:-3px;
	margin-bottom: 30px;
}

#featured .bar .title {
	font-size:15px; 
	color:#FFFFFF; 
	font-weight:bold; 
	padding-top:10px; 
	padding-left:20px; 
	float:left;
}

#featured .bar .details {
	font-size:12px;
	color:#FFFFFF; 
	float:right; 
	padding-right:20px; 
	padding-top:10px;
}

#featured .bar .details img {
	vertical-align:middle;
}

#featured .bar .details a {
	color:#FFFFFF; 
	text-decoration:none;
}

#featured .bar .details a:hover {
	text-decoration:underline;
}

#featured .bar .details a.selected {
	text-decoration:underline;
}

.port-list-wraper #featured{
	float:left;
	margin-left:-20px;
}

.port-list-wraper .thumbs{
	float:right;
	width:186px;
	margin-right:-15px;
	position:relative;
}

.port-list-wraper .thumbs .thumbs-header{
	background:url(img/port-bgd.gif);
	color:white;
	padding:10px;
	padding-left:35px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;
}

.port-list-wraper .thumbs .thumbs-thumbs img{
	border:1px solid #e9e8e8;
	float:left;
	margin-left:8px;
	margin-bottom:8px;
}

.port-list-wraper .thumbs .thumbs-thumbs{
	position:absolute;
	left:-8px;
	top:43px;
}

.port-list-wraper .thumbs .thumbs-thumbs img:hover{
	border:1px solid #0053a6;
}

.port-list-wraper .thumbs .thumbs-thumbs img.selected{
	border:1px solid #0053a6;
}

/********** leftnav styles ***********/

.leftnav {
	margin:25px 0px 0px;
	padding:0px;
	list-style:none;
	position:relative;
	z-index:100;
}

.leftnav li {
	display:block;
	background:url(img/utah-marketing-firm.gif) 0px 0px no-repeat;
	font-size:12px;
	padding-left:20px;
	height:25px;
}

.leftnav a {
	color:#58565d;
	text-decoration:none;
}

.leftnav a:hover {
	color:#0050a1;
	text-decoration: underline;
}

.leftnav a:hover {
	text-decoration:underline;
}


/********** clients styles ***********/

.clients {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:12px;
}

.clients li {
	display:block;
	height:20px;
}

.clients li a {
	color:#58565d;
	text-decoration:none;
}

.clients li a:hover {
	text-decoration:underline;
}

/********** columns styles ***********/

#columns {
	display:block; 
	padding:16px; 
	color:#FFFFFF; 
	font-size:12px; 
	margin-top:2px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.urbanvoicemedia.com/img/utah-advertising-firm.png');
	width:970px;
}

div > /**/ #columns {
	background:url(img/utah-advertising-firm.png) repeat-x; 
}

#columns .col {
	width:305px; 
	float:left; 
	line-height:20px; 
	text-align:justify;
}

#columns .mid {
	margin:0px 25px;
}

#columns h1 {
	font-size:16px; 
	color:#fcba54; 
	margin:0px 0px 10px;
    padding:0px;
}

/********** list styles **********/

.list {
	margin:20px 0px 0px 10px;
	padding:0px;
	list-style:none;
}

.list li {
	display:block;
	margin:10px 0px;
	font-size:14px;
	background:url(img/bullet2.gif) no-repeat;
	padding-left:30px;
}

/********** home_top styles **********/

#home_top {
	display:block; 
	height:302px; 
	overflow:hidden;
}

#home_top .right {
	width:368px; 
	float:right; 
	padding:12px; 
	color:#FFFFFF; 
	font-size:16px; 
	height:302px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.urbanvoicemedia.com/img/marketing-firm.png');
}

div > /**/ #home_top .right {
	background:url(img/marketing-firm.png) repeat-x; 
}

#home_top h1 {
	font-size:24px; 
	color:#fd9500; 
	font-weight:normal; 
	margin:0px 0px 15px; 
	padding:0px;
}

#flash_area_mid {
	display:block; 
	height:237px; 
	overflow:hidden; 
	border: none;
	margin-top:-1px;
}

#home_top .left {
	float:left;
}


#home_top .flash_area {
	display:block;
	height:299px;
	margin-left:35px;
	margin-top:-18px;
	position:absolute;
	width:561px;
}
/********** footer styles ***********/

#footer {
	display:block; 
	font-size:12px; 
	color:#FFFFFF;
	padding:30px 0px;
	height:10px;
	overflow:hidden;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
}

#footer  a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#fd9500;
}

/********** form styles ************/

.success {
    color:green;
    font-weight: bold;
}
.error {
	background-color:#FFFF66;
	border:1px solid #990000;
	padding:5px 5px 5px 5px;
    color:#cc0000;
    font-weight: bold;
}
.submit{
	background:url(img/orange-submit-btn.gif);
	width:96px;
	height:21px;
	display:block;
	margin:0px;
	padding:0px;
	color:white;
	padding-top:7px;
	text-align:center;
	font-weight:bold;
}

/******* CTA *********/

.free-quote-btn{
	background:url(img/orange-btn.png);
	width:195px;
	height:37px;
	color:white;
	text-decoration:none;
	display:block;
	font-size:18px;
	text-align:center;
	padding-top:13px;
}

/***** PORTFOLIO ******/

.port_img{
	margin-top:25px;
	margin-bottom:25px;
}