/*	
Theme Name: Urban Art
Version: 2
Author: Perth Web Design
*/


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;
}

.clear {
	clear:both;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	overflow-x:hidden;
	font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;
	background-color:#171516;
	color:#fff;
	margin:40px 0 0 0;
}

#container {
	width:940px;
	margin:0 auto;
	position:relative;
}




/*/////////////////////////////////////////////////////////////////////////////
	The Primray Navigation
/////////////////////////////////////////////////////////////////////////////*/
#primary_navigation {
	width:940px;
	height:68px;
	text-transform:uppercase;
	padding:0;
	position:relative;
	left:210px;
	top:1px;
	z-index:100;
}

#primary_navigation li {
	list-style:none;
	float:left;
	font-size:1.4em;
	margin:0 10px 0 0;
	position:relative;
}

#primary_navigation li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:25px 10px 25px 10px;
}

#primary_navigation li a:hover {
	background-color:#3b3639;
	color:#ffcc33;
}

/*//// Sub menus ///////////////////////////*/
#primary_navigation li ul {
	display:none;
	width:170px;
	font-size:.5em;
	background-color:#3b3639;
}

#primary_navigation li:hover ul {
	display:block;
	position:absolute;
	top:50px;
	left:0;
	z-index:500;
}

#primary_navigation li ul li {
	border-bottom:solid 1px #534c51;
	width:170px;
}

#primary_navigation li ul li a {
	padding:8px 15px 8px 15px;
	display:block;
}


/*/////////////////////////////////////////////////////////////////////////////
	The Homepage Slideshow
/////////////////////////////////////////////////////////////////////////////*/
#slideshow {
    position:relative;
	height:455px;
	width:940px;
	border:solid 13px #3b3639;
}

#slideshow IMG {
	position:absolute;
    left:0;
    opacity:0.0;
}


#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.slide_text {
	position:absolute;
	left:13px;
	top:476px;
	z-index:100;
	height:60px;
	width:940px;
	background:url(images/transparent.png);
}

.slide_text p {
	position:relative;
	left:25px;
	top:15px;
	font-size:2.5em;
	letter-spacing:-0.04em;
}

.banner {
	height:455px;
}


#logo a {
	background:url(images/logo.png) no-repeat top;
	width:320px;
	height:96px;
	position:absolute;
	left:-108px;
	top:-36px;
	z-index:100;
	text-indent:-9999em;
}

#fluff {
	background:url(images/fluff.png) no-repeat top;
	width:350px;
	height:105px;
	position:absolute;
	left:740px;
	top:460px;
	zz-index:100 !important;	
}




/*/////////////////////////////////////////////////////////////////////////////
	Inner Header
/////////////////////////////////////////////////////////////////////////////*/
#inner_header {
    position:relative;
	height:215px;
	width:940px;
	border:solid 13px #3b3639;
	z-index:50;
	background:url(images/cycle/01.jpg) no-repeat top;
}

#inner_header IMG {
	position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	z-index:500;
}


#inner_header IMG.active {
    z-index:10;
    opacity:1.0;
}

#inner_header IMG.last-active {
    z-index:9;
}

.slide_text_inner {
	position:absolute;
	left:13px;
	top:236px;
	z-index:100;
	height:60px;
	width:940px;
	background:url(images/transparent.png);
}

.slide_text_inner p {
	position:relative;
	left:25px;
	top:15px;
	font-size:2.5em;
	letter-spacing:-0.04em;
}

#fluff_inner {
	background:url(images/fluff.png) no-repeat top;
	width:239px;
	height:143px;
	position:absolute;
	left:740px;
	top:210px;
	z-index:100 !important;	
}



/*/////////////////////////////////////////////////////////////////////////////
	The 3 Boxes on the homepage
/////////////////////////////////////////////////////////////////////////////*/
#boxes {
	min-height:125px;
	width:1100px;
	padding:35px 0 35px 0;
	position:relative;
	left:-30px;
	color:#ccc;
	font-size:1.2em;
}

#boxes div {
	width:290px;
	border-right:solid 1px #2d282a;
	height:150px;
	float:left;
	position:relative;
	padding:0 30px 0 30px;
}

#boxes div:hover {
	color:#fff;
}

#boxes div h2 {
	color:#fff;
	font-size:1.5em;
}

#boxes div:hover h2 {
	color:#ffcc33;
}

#boxes div:last-child {
	width:294px;
	border-right:0px !important;
}

#boxes h2 {
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 15px 0;
	letter-spacing:-0.03em;
}

#boxes img {
	float:left;
	border:solid 5px #453d41;
	margin:0 15px 0 0;
}

#boxes a {
	text-decoration:none;
	color:#000;
	background:#c1cd00;
	padding:3px 6px;
	font-size:.9em;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	top:15px;
}

#boxes a:hover {
	background:#ffcc33;
}

#boxes .last_box {
	border-right:0;
}


/*/////////////////////////////////////////////////////////////////////////////
	Newsletter invite on homepage
/////////////////////////////////////////////////////////////////////////////*/
#newsletter_notice {
	margin:25px 0 0 0;
	background:url(images/newsletter.gif) no-repeat left;
	background-position:0 6px;
	padding:0 0 0 35px;
	width:230px !important;
}

#newsletter_notice strong {
	color:#c1cd00;
	display:block;
	font-size:1.2em;
	font-weight:normal;
}

#newsletter_notice em {
	font-size:.9em !important;
	font-style:normal;
}

#newsletter_notice a {
	padding:0 !important;
	background:none !important;
	color:#fff !important;
	position:relative;
	top:0;
}

/*/////////////////////////////////////////////////////////////////////////////
	Newsletter sign-up
/////////////////////////////////////////////////////////////////////////////*/
.newsletter input {
	width:303px;
	height:28px;
	border:none;
	background:url(images/input_text.png) no-repeat top left;
	margin:0 0 5px 0;
	color:#606060;
	padding:3px;
}

.subscribe_me {
	background:url(images/submit.png) repeat-x !important;
	border:none !important;
	width:90px !important;
	height:30px !important;
	color:#333 !important;
	margin:15px 0 15px 115px !important;
	float:left;
	cursor:pointer !important;
}




/*/////////////////////////////////////////////////////////////////////////////
	Selection box on the homepage
/////////////////////////////////////////////////////////////////////////////*/
#selection_box li {
	list-style:none;
	cursor:pointer;
}

#selection_box li ul {
	width:262px;
	height:150px;
	overflow-y:scroll;
	display:none;
	cursor:pointer;
	position:absolute;
	top:75px;
}

#selection_box li:hover ul {
	display:block;
	z-index:9999 !important;
}

#selection_box li:hover ul li a {
	background:url(images/selections.gif) repeat-x top;
	border-bottom:solid 1px #000;
	padding:7px 20px 7px 20px;
	display:block;
	text-decoration:none;
	color:#fff;
	position:relative !important;
	top:0 !important;
}

#selection_box li:hover ul li:hover a {
	color:#ffcc33;
	background-position:bottom;
}

.selector {
	border:0 !important;
	height:45px;
	background:url(images/selection.gif) no-repeat left;
}



/*/////////////////////////////////////////////////////////////////////////////
	Homepage Content
/////////////////////////////////////////////////////////////////////////////*/
#home_content {
	border-top:solid 1px #2d282a;
	padding:20px 0 20px 0;
	margin:25px 0 0 0;
	font-size:1.2em;
	width:960px;
	min-height:260px;
}

#home_content h2 {
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
	margin:0 0 15px 0;
	text-transform:uppercase;
}

#home_content p {
	margin:12px 0 12px 0;
	color:#ccc;
}



/*/////////////////////////////////////////////////////////////////////////////
	Homepage Contact Details
/////////////////////////////////////////////////////////////////////////////*/
#contact_home {
	width:268px;
	float:right;
	padding:0 0 0 20px;
	height:150px;
	border-left:solid 1px #2d282a;
	font-size:.9em;
	margin:10px 0 0 20px;
}

#contact_home img {
	border:solid 5px #453d41;
	float:left;
	margin:5px 10px 15px 0;
}

#contact_home img:hover {
	border:solid 5px #62575e;
}

.contact_maps {
	border:solid 5px #453d41;
	margin:10px 0 25px 0;
}

.contact_maps:hover {
	border:solid 5px #62575e;
}



/*/////////////////////////////////////////////////////////////////////////////
	Inner Header
/////////////////////////////////////////////////////////////////////////////*/
#content {
	font-size:1.2em;
	color:#fff;
	margin:20px 0 20px 0;
}

#content h2 {
	font-size:1.8em;
	font-weight:normal;
	color:#fff;
	margin:0 0 15px 0;
	text-transform:uppercase;
}


#content p {
	margin:10px 0 10px 0;
}

#content ul {
	margin:0 0 20px 35px;
}

#content li {
	list-style-image:url(images/li.gif);
}

#content a {
	color:#ffcc33;
}

#content a:hover {
	color:#FF9900;
}

#content hr {
	border:none;
	border-bottom:solid 1px #333;
	margin:20px 0 10px 0;
}


.edit a {
	background-color:#FF9900;
	color:#000 !important;
	padding:5px;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.edit a:hover {
	background-color:#ffcc33;
}


/*/////////////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////////////*/
#footer {
	height:145px;
	background:url(images/background_footer.gif) no-repeat center bottom;
	border-top:solid 1px #2d282a;
}

.footer_content {
	width:940px;
	margin:0 auto;
	position:relative;
	top:30px;
}

.footer_content p {
	clear:both;
	color:#717171;
	margin:15px 0 5px 0;
}

.footer_content li {
	list-style:none;
	float:left;
	margin:0 25px 0 0 ;
}

.footer_content li a {
	text-decoration:none;
	color:#fff;
}

.footer_content li a:hover {
	color:#ffcc33;
}

.footer_content strong a {
	background:url(images/urban_logo_small.gif) no-repeat top;
	display:block;
	width:101px;
	height:30px;
	text-indent:-9999em;
}

.footer_content .pwd a {
	background:url(images/pwd_logo.gif) no-repeat top;
	width:131px;
	height:18px;
	display:block;
	text-indent:-9999em;
	position:absolute;
	top:35px;
	right:0;
}






/*/////////////////////////////////////////////////////////////////////////////
	The Contact Form
/////////////////////////////////////////////////////////////////////////////*/
.formcontainer {
	float:left;
	width:550px;
}

fieldset .form-label {
	float:left;
	width:100px;
}

fieldset legend {
	margin:0 0 10px 0;
	color:#ffcc33;
	font-size:1.3em;
	font-weight:normal;
}

fieldset .text {
	width:303px;
	height:28px;
	border:none;
	background:url(images/input_text.png) no-repeat top left;
	margin:0 0 5px 0;
	color:#606060;
	padding:3px;
}

#ec_message {
	width:303px;
	height:178px;
	border:none;
	background:url(images/input_textarea.png) no-repeat top left;
	margin:0 0 5px 0;
	color:#606060;
	padding:3px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

.required {
	color:#ff0000;
}

#ec_math_a {
	width:35px;
}


.button {
	background:url(images/submit.png) repeat-x;
	border:none;
	width:90px;
	height:30px;
	color:#333;
	margin:15px 0 15px 100px;
	cursor:pointer;
}

.paypal {
	float:left;
	border:solid 5px #453d41;
	margin:0 15px 0 0;
}