/* Reset Browser Defaul Styles --------------------------------*/
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {
	list-style: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {
	text-decoration: none;
	color:#F00;
}
a:hover {
	text-decoration: none;
	color: #600;
	text-align: left;
}


body {
	background:#530600 url(../img/bg_main.jpg) center top repeat-x;
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}
.clear {clear:both}

#top-bar {
	background:url(../img/top-bar.png) center center no-repeat;
	width:1054px;
	height:51px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#bottom-bar {background:url(../img/bottom-bar.png) center center no-repeat; width:1054px; height:51px; margin:0px auto 165px}
#wrapper {background:url(../img/shadow.png) repeat-y; width:1001px; padding:0px 26px 0px 27px; margin:0px auto;}

#content {background:url(../img/bg_content.jpg) left bottom repeat-y; width:1001px; overflow:hidden;}
#header {background:url(../img/header.jpg) no-repeat; height:89px;}


#top-menu {height:48px; font:10px/10px "Times New Roman"; color:#ffffff; padding:24px 0px 0px;text-transform: uppercase; overflow:hidden}
#top-menu li {
	float:left;
	text-align:center;
	width:90px;
	border-right:0px solid #701d11;
	line-height:47px;
	margin-top:1px;
}

#top-menu li.last {border-right:0}

#top-menu li.right {float:right;width:90px;}
#top-menu li.right.last {width:95px}

#top-menu li a, #top-menu li a.active {
	text-align:center;
	color:#ffffff;
	display:block;
}
#top-menu li a:hover, #top-menu li a.active {background:#701d11;text-align:center;}

#top-menu li#logo a {display:block; float:left; width:454px; height:49x; text-indent:-9999px; border:0;}




#main {padding:0px 0px 0px 12px;}

#sidebar {float:left; width:261px; overflow:hidden; margin-right:21px;}
.widget-top {
	background:url(../img/sidebar-widget-top.png) center top no-repeat;
	width:261px;
	height:20px;
	padding-top:40px;
	text-align:center;
}
.widget-middle {background:url(../img/sidebar-widget-middle.png) center top repeat-y; width:195px; padding:0px 40px 0px 26px;}
.widget-middle li {font:13px/17px Verdana, Geneva, sans-serif; color:#747477; padding:10px 0px 8px;}
.widget-middle li a, .widget-middle li.active a {font:13px/20px Verdana, Geneva, sans-serif; color:#747477; display:block; height:20px; overflow:hidden; background:url(../img/arrow.gif) -13px center no-repeat; padding-left:15px;}
.widget-middle li a:hover, .widget-middle li.active a {font:13px/20px Verdana, Geneva, sans-serif; color:#ed3856; background:url(../img/arrow.gif) 0px 4px no-repeat;}
.widget-bottom {background:url(../img/sidebar-widget-bottom.png) center top no-repeat; width:261px; height:47px}

#right {float:left; width:707px;}

#featured-header {background:url(../img/feature-bg.png) left top no-repeat; height:135px; clear:both; padding:10px 0px 0px 10px;}
a#become-feature {display:block; float:left; width:50px; height:135px; margin-right:7px;}
#featured-holder {float:left; width:486px; height:135px; overflow:hidden;}
a#post-listing {float:left; width:138px; height:135px; display:block;}

#copy {background: url(../img/copy-bg.png) left top no-repeat; width:707px; top:-1px; position:relative;}
#copy-main {padding-top:18px; float:left; width:543px;}

#advertise {background:url(../img/advertise-bg.png) left top no-repeat; height:388px; width:138px; float:left; padding:0px 16px 0px 10px; text-align:center; _float:left;}
#advertise-holder {width:138px; height:320px; overflow:hidden; margin-bottom:18px;}
#advertise p {font:13px/28px Arial, Helvetica, sans-serif; color:#ffffff;}
#advertise p img {margin-bottom:5px}
#advertise_freelancer {background:url(../img/advertise-bg.png) left top no-repeat; height:388px; width:138px; float:left; padding:0px 0px 0px 0px; text-align:center}
.paper-top {background:url(../img/paper-top.jpg) left top no-repeat; width:538px; height:28px;}
.paper {width:490px; padding:20px 32px 20px 16px; background:url(../img/paper-mid.jpg) left top repeat-y; margin-bottom:20px; min-height:375px;}
.paper h1 {font:28px/40px "Century Gothic","Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:0px 0px 25px; text-align:center; color:#e72f51}
.paper h4 {font:bold 16px Arial, Helvetica, sans-serif; color:#000000}
.paper p.meta {color:#444d7e;padding-top: 2px;}
.paper .separator {height:1px; clear:both; background:#000000; overflow:hidden; margin-top:5px;}
.paper p.meta a {background:url(../img/arrow-blue.gif) left center no-repeat; padding-left:25px;}
.paper p.meta a:hover {text-decoration:none}
.paper p strong {
	font-size: 11px;
	font-weight: bold;
}

.nopaper-top { width:538px; height:28px;}
.nopaper {width:490px; padding:20px 32px 20px 16px;  margin-bottom:20px;}
.nopaper h1 {
	color:#990000;
	font-size:16px;
	font-family: "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 15px;
}
.nopaper h4 {font:bold 16px Arial, Helvetica, sans-serif; color:#000000}
.nopaper p.meta {color:#444d7e;line-height: 20px;}
.nopaper .separator {height:1px; clear:both; background:#000000; overflow:hidden; margin-top:5px;}
.nopaper p.meta a {background:url(../img/arrow-blue.gif) left center no-repeat; padding-left:25px;}
.nopaper p.meta a:hover {text-decoration:none}
.nopaper {
	font-size: 12px;
}
.nopaper p {
	font-size: 12px;
}
p.belisted{padding:0px 0 20px 365px;}
ul#quick-links {
	margin-bottom:0px;
	font-size:12px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 35px;
	display: block;
}
ul#quick-links li {
	float:left;
	text-align:left;
	width: 33%;
}
ul#quick-links li a {color:#9b8c79}
ul#quick-links li a:hover {
	color:#641F00;
	font-family: Arial, Helvetica, sans-serif;
}
ul#quick-links li.clear {clear:both; width:100%; float:none;}


ul#listings li {
	margin-bottom:40px;
	font-family: Arial, Helvetica, sans-serif;
}

.agency-logo {
	border-bottom:1px solid #000000;
	height:80px;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 80px;
	font-family: Arial, Helvetica, sans-serif;
}

.agency-logo img{
	vertical-align:middle;
	display: table-cell;
} 


.left-details {float:left; width:155px;text-align:right; font-size:12px;}
.left-details p {
	padding:10px 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.left-details p span {color:#a60c1c; font-size:11px;}
.right-details {float:left; width:329px; border-left:1px solid #000000;}
.right-details h4 {padding-left:10px}
.right-details p {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.right-details p.back-link {text-align:right; padding:0px 0px 0px 15px;}
.right-details p.back-link a {color:#000000; border-bottom:1px solid #000000;}

.right-creatives {float:left; width:329px; border-left:1px solid #000000;}
.right-creative h5 {
	padding-left:25px
}
.right-creatives p {padding:10px 0px 0px 15px}
.right-creatives p.back-link {text-align:right; padding:0px 0px 0px 15px;}
.right-creatives p.back-link a {color:#000000; border-bottom:1px solid #000000;}

.freelancers .left-details a {
	font-weight:bold;
	text-transform:uppercase;
	color:#AD1019;
	display:block;
	float:left;
	width:145px;
	text-align:right;
	padding:15px 10px 0px 0px;
}
.freelancers .left-details a:hover {color:#EE334E}
.freelancers .right-details {border-color:#9A8B7D; color:#9A8B7D;}
.freelancers .right-details p {padding:0px 0px 0px 10px}

.printers .left-details a {font-weight:bold; text-transform:uppercase; color:#9A8B7D; display:block; float:left; width:145px; padding:15px 10px 0px 0px;text-align:right;}
.printers .left-details a:hover {color:#EE334E}
.printers .right-details {border-color:#9A8B7D; color:#9A8B7D;}
.printers .right-details p {padding:0px 0px 0px 10px}

/*freelancers*/
.freelancers-details {float:left; width:329px; border-left:1px solid #000000;}
.freelancers h4 {padding-left:15px}
.freelancers p {padding:10px 0px 0px 15px}
.freelancers p.back-link {text-align:right; padding:0px 0px 0px 15px;}
.freelancers p.back-link a {color:#000000; border-bottom:1px solid #000000;}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #CCC;
	padding-top: 5px;
}

.header_link {
	clear:both;
	text-align:right;
	padding-right: 20px;
	position: relative;
}



 /*footlinks*/
.mytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC
} 
.mytext a:link {
	color: #CCC;
	text-decoration: none
} 
.mytext a:visited {
	color: #CCC;
	text-decoration: underline
} 
.mytext a:hover {
	color: #FFF;
	text-decoration: none
} 
.mytext a:active {color: #333333; text-decoration: none} 

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:348px;
	margin-left: 16px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	left: -22px;
	top: -8px;
}
/* rotator image style */	
	div#rotator ul li img {
	padding: 4px;
}
    div#rotator ul li.show {
	z-index:500
}





/* rotator in-page placement */
    div#rotator2 {
	position:relative;
	height:348px;
	margin-left: 16px;
}
/* rotator css */
	div#rotator2 ul li {
	float:left;
	position:absolute;
	list-style: none;
	left: -22px;
	top: -8px;
}
/* rotator image style */	
	div#rotator2 ul li img {
	padding: 4px;
}
    div#rotator2 ul li.show2 {
	z-index:500
}