@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold);
@import url(http://fonts.googleapis.com/css?family=Lobster);

html, body {
	width:100%;
	}

body {
	background:#000 url(images/bg_brick.png) repeat-x;
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	}	

.clear {
	clear:both;
	}	

/* Main Divs ----------------------------------- */
#wrapper {
	position:relative;
	background:url(images/bg_sidewalk.png) bottom center no-repeat;
	padding:0 0 81px 0;
	}

#wrapper .center {
	width:800px;
	margin:0 auto;
	}

.logo {
	height:254px;
	width:536px;
	margin:30px auto 0 auto;
	}	

.storefront {
	position:relative;
	height:523px;
	width:806px;
	margin:0 auto;
	background:url(images/bg_storefront.png) no-repeat;
	}	

/* Sidebar -------------------------------------------------------- */	

#home {
	position:absolute;
	top:-188px;
	left:38px;
	width:114px;
	height: 192px;
	display: block;
	background: url(images/bg_home.png) no-repeat;
	position: absolute;
	margin:0;
	padding:0;
	text-indent: -99999px;
	}

#home .hover {	
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	display:block;
	margin:0;
	padding:0;
	width:114px;
	height: 192px;
	background: url(images/bg_home.png) no-repeat -114px 0px;
	}
	
.sidebar-spacer {
	width:50px;
	height:300px;
	display:block;
	float:left;
	}

.sidebar {
	float:left;
	position:relative;
	width:177px;
	margin:100px 0 0 0;
	background:url(images/bg_nav_board.png);
	border:1px solid #474747;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	color:#999;
	}

.sidebar .header {
	background:url(images/bg_sidebar_header.png) no-repeat;
	width:146px;
	margin:-40px 0 0 -4px;
	padding:50px 20px 0px 20px;
	}			

.sidebar ul {
	margin:0 0 20px 6px;
	width:130px;
	}

.sidebar ul li {
	margin:8px 0;
	}

.sidebar ul li a {
	display:block;
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:22px;
	padding:3px 0 0 8px;
	width:136px;
	height:27px;
	color:#FFF;
	text-decoration:none;
	text-shadow:0px 2px 2px #000;
	text-transform:uppercase;
	letter-spacing:6px;
	}	

.sidebar ul li a:hover {
	text-shadow:0px -2px 2px #000;
	background: url(images/bg_nav_board_hvr.png) no-repeat;
	}	

.sidebar hr {
	height:0;
	border-top:1px solid #000;
	border-bottom:1px solid #666;
	border-left:none;
	border-right:none;
	width:179px;
	margin:0 0 0 -17px;
	}	

.sidebar p {
	line-height:1.7;
	text-shadow:0px -1px 0px #000;
	}

/* Content ------------------------------------------------ */

.content {
	float:left;
	width:500px;
	color:#999;
	margin:0 0 0 30px;
	letter-spacing:1px;
	line-height:1.5;
	font-size:16px;
	font-weight:400;
	}

.content h1 {
	font-family: 'Lobster', Arial, Helvetica, sans-serif;
	color:#a51010;
	font-size:50px;
	font-weight:400;
	}

.content ul, .content ol {
	margin:10px 0 10px 20px;
	}

.content ul li {
	list-style:square;
	}	

.content ol li {
	list-style:decimal;
	} 	

/* Footer ------------------------------------------------- */	
#footer {
	position:relative;
	width:100%;
	min-height:300px;
  	height:auto !important;
  	height:300px;
	background:#000 url(images/bg_road.png);
	padding:0 0 20px 0;
	}	

#footer .center {
	position:relative;
	width:960px;
	margin:0 auto;
	}	

#footer .center .col {
	position:relative;
	width:240px;
	min-height:260px;
  	height:auto !important;
  	height:260px;
	padding:40px 40px 0 40px;
	float:left;
	background:url(images/bg_divder.png) no-repeat left top;
	}

#footer .center .col:first-child {
	background:none;
	}	

.lamp-l {
	width:268px;
	height:618px;
	background:url(images/img_lamp.png) no-repeat;
	position:absolute;
	top:-547px;
	left:-110px;
	}	

.lamp-r {
	width:268px;
	height:618px;
	background:url(images/img_lamp.png) no-repeat;
	position:absolute;
	top:-547px;
	left:800px;
	}	

/* Footer Text & List Styles --------------------------------------- */

#footer h2 {
	font-family: 'Lobster', Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#a51010;
	text-shadow: 0px -2px 0px #000;
	margin:0 0 30px 0;
	}

#footer ul {
	margin:0 0 0 40px;
	}

#footer ul li {
	margin:15px 0;
	}

#footer ul li a {
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:22px;
	color:#FFF;
	text-decoration:none;
	text-shadow:0px 2px 2px #000;
	text-transform:uppercase;
	letter-spacing:6px;
	}	

#footer ul li a:hover {
	color:#a51010;
	text-shadow:0px -2px 2px #000;
	}	

#footer .col p {
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:22px;
	color:#FFF;
	text-shadow:0px 2px 2px #000;
	text-transform:uppercase;
	letter-spacing:6px;
	margin:0 0 0 40px;
	}

#footer a {
	color:#FFF;
	}

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

#footer .col p span {
	display:block;
	line-height:1.7;
	margin:-15px 0 0 0;
	}			

#footer .copyright {
	color:#555;
	text-transform:uppercase;
	letter-spacing:4px;
	text-align:center;
	font-size:12px;
	margin:40px 0 0 0;
	}		

/* Services Page ----------------------------------------------------------------- */

.services {
	float:left;
	border-bottom:1px solid #a51010;
	border-right:1px solid #a51010;
	margin:10px 10px 0 0;
	padding:0 1px 0 0;
	}
	
	
/* Image Rotator Style ------------------------------------------------------------ */

/*--Window/Masking Styles--*/
.window {
	height:371px;
	width: 430px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position:absolute;
	background: url(images/bg_window.png) no-repeat;
	margin:90px 0 0 82px;
}

.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}

.image_reel img {
	float: left;
	margin:15px;
}

/* Paging Styles -----------------------------------------------------------------*/
.paging {
	position: absolute;
	width: 178px;
	height:20px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	left:270px;
	bottom:30px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a {
	display:block;
	float:left;
	margin:5px;
	height:10px;
	width:10px;
	background:url(images/bg_img_rotator.png) 0 0 no-repeat;
}

.paging a.active {
	background:url(images/bg_img_rotator.png) 0 -20px no-repeat;
}

.paging a:hover {
	background:url(images/bg_img_rotator.png) 0 -10px no-repeat;
} 

/* Portfolio Styles ---------------------------------------------------------------- */

ul#portfolio {
	margin:0;
	}

ul#portfolio li {
	float:left;
	display:block;
	width:150px;
	height:150px;
	margin: 0 10px 10px 0;
	border:3px solid #999;
	background:#999 url(images/bg_portfolio_list.png);
	}

#portfolio a {
	display:block;
	width:150px;
	height:150px;
	}

#portfolio a.hidden {
	display:none;
	}

#portfolio a span {
	display:none;
	}
	
#portfolio a.web { background:url(images/portfolio/thumb_web.png) no-repeat; }	
#portfolio a.ad { background:url(images/portfolio/thumb_ad.png) no-repeat; }
#portfolio a.cd { background:url(images/portfolio/thumb_cd_dvd.png) no-repeat; }	
#portfolio a.logos { background:url(images/portfolio/thumb_logo.png) no-repeat; }	
#portfolio a.card { background:url(images/portfolio/thumb_card.png) no-repeat; }		

/* Link & Text styles ------------------------------------------------------------------ */

a { 
	text-decoration:none; 
	color:#a51010;
	}	

a:hover {
	color:#F00;
	}

big {
	font-size:150%;
	}	

small {
	font-size:50%;
	}	

hr {
	height:0;
	border-top:1px solid #000;
	border-bottom:1px solid #333;
	border-left:none;
	border-right:none;
	margin:30px 0;
	}	

.indent {
	margin:0 0 0 30px;
	}	

/* Form Styles ------------------------------------------------------------------------- */

.submit {
	background:url(images/bg_form_submit.png);
	display:inline-block;
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-size:22px;
	padding:6px 10px 6px 14px;
	color:#FFF;
	border:none;
	border-top: 1px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	text-shadow:2px 2px 2px #000;
	text-transform:uppercase;
	letter-spacing:6px;
	}

.submit:hover {
	color:#222;
	text-shadow:0px 1px 1px #CCC, 0px -1px 1px #000;
	background:url(images/bg_form_submit.png) 0 -120px;
	border-top: 1px solid #CCC;
	cursor:pointer;
	}

.text, .select {
	background:url(images/bg_form_elements.png);
	border:1px #333 solid;
	border-bottom:1px solid #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	padding:6px;
	color:#DDD;
	text-shadow:2px 2px 2px #000;
	font-size:16px;
	font-weight:400;
	letter-spacing:1px;
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	width:250px;
	}		

.selectbox {
	position:relative;
	background:url(images/bg_form_select.png) -188px 0px;
	border:1px #333 solid;
	border-bottom:1px solid #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	padding:6px;
	color:#DDD;
	text-shadow:2px 2px 2px #000;
	font-size:16px;
	letter-spacing:1px;
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	cursor:pointer;
	width:250px;
	}

.selectbox:hover {
	background:url(images/bg_form_select.png) -188px -80px;
	cursor:pointer;
	}

.selectbox-wrapper {
	cursor:pointer;
	display:block;
	position:absolute;
	margin:0 0 0 140px;
	*margin:32px 0 0 -260px;
	background:#444;
	border:1px solid #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	}		

.selectbox-wrapper ul {
	margin:0;
	padding:0;
	}
	
.selectbox-wrapper ul li {
	list-style:none;
	padding:2px 2px 2px 10px;
	color:#FFF;
	}	

.selected {
	background:#666;
	}

.select-current {
	background:#a51010;
	}		

form p {
	display:block;
	}	

form p > label {
	display:inline-block;
	vertical-align:top;
	width:120px;
	text-align:right;
	padding:7px 10px 0 0;
	}