but @charset "UTF-8";
/*reset */
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, 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;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: baseline;}



/* -- BASICS -- */
body { background:#000 url(../media/styles/body_bg.jpg) repeat-x top left; background-attachment: fixed; color:#000; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; font-size: 12px; }
h1{font-size: 20px; text-transform: uppercase; line-height: 1em; display: block; text-align: center; margin-bottom: 10px;}
h2{font-size: 18px; text-transform: uppercase; line-height: 1em;}
h3{font-size: 16px; text-transform: uppercase; line-height: 1em;}
h4{font-size: 14px; text-transform: uppercase; line-height: 1em;}
a{color: #cc0000;}

/* -- LAYOUT -- */ 
#wrapper {width:980px; margin: 0px auto; background: #7e7e7e; padding: 0px 10px 10px 10px;}

#header{ }
	#masthead{height: 23px; width: 960px; background:transparent url(../media/styles/masthead_bg.jpg) repeat-x top left; border-left: 1px solid #ff0000; border-bottom: 1px solid #ff0000; border-right: 1px solid #ff0000; padding: 100px 0 0 20px; font-size: 130%; font-weight: bold;}

	#nav{background:transparent url(../media/styles/nav_bg.jpg) repeat-x top left; height: 50px; width: 980px; text-align: center; border: 1px solid #ff0000; margin-top: 10px;}
		#nav ul{margin-top: 15px;}
		#nav ul li{padding:0px 10px; text-align: center; display: inline; color: #ff0000;font-size: 20px;}
		#nav ul li a{text-transform:uppercase; color: #fff; font-weight: bold;text-decoration: none;}
		#nav ul li a:hover{color: #ff0000;}


#footer{background:#000; width: 980px; text-align: center; margin-top: 10px;padding: 10px 0px; color: #ff0000;}
		#footer ul li{padding:0px 2px; text-align: center; display: inline; font-size: 10px; font-weight: bold; color: #fff;}
		#footer ul li a{text-transform:uppercase; color: #fff; text-decoration: none;}
		#footer ul li a:hover{color: #ff0000;}
	
/* -- CONTENT AREA -- */
#content{width: 100%; margin-top: 10px;}
	#content ul{padding-left: 20px;}
	#content p{margin-top: 10px;}



/* -- HOME -- */
#homePhotoSlideshow{float: left; width: 720px; height: 320px; margin-left: 10px; border: 1px solid #ff0000; background: #fff;}

#homeSidebar{width: 25%; height:320px; float: left; border: 1px solid #ff0000; background: #dcdcdc;}
#homeSidebar h2{text-align: center;text-transform: uppercase;}

#homeMain{width: 720px; float: right; border: 1px solid #ff0000; background: #dcdcdc;margin: 10px 0px 0px 10px;}
#homeMain div, #homeSidebar div{padding: 10px;}



/* -- GENERAL LOWER LEVER -- */
#main{padding: 20px; border: 1px solid #ff0000; background: #dcdcdc; height: auto;}
#photoSlideshow{float: right; width: 400px; height: 300px; margin-left: 10px; border: 1px solid #ff0000; background: #fff;}
	
/* -- PORTFOLIO -- */
.project { padding-bottom: 15px; margin:0px 30px 30px 0px; float: left; width: 265px; height:170px;}
.project img { float: left; margin: 0 10px 10px 0; }
.project p { clear: both; }

.category {font-size:16px; display:block; text-align:center; margin:5px auto; background-color:#000; color:#fff; padding:3px 0;}
.category a {color:#fff; text-decoration:none;}
.category a:hover {color:#cc0000;}

/* -- CONTACT FORM -- */
#contactForm label{float: left; font-size: 16px; line-height: 20px; width: 150px;}
#contactForm input, #contactForm textarea{font-size: 14px; padding: 2px; width: 200px; border: 1px solid #000; margin-bottom: 5px;}
#contactForm textarea{height: 250px; width: 300px;}
#contactForm #submitBttn{text-transform: uppercase; margin-left: 150px;}


/*-- NEWS -- */
.newsImage{height: 125px;float: right; margin: 0 0 10px 10px;}

/* -- MISC -- */
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#000 !important;}



/* Portfolio photo gallery*/
/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:940px;
	margin:0 auto;
	padding:0;}
.pika_main{
	width:600px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:1px solid #222; width:100px;}
#pikame a {margin-right:10px;}
#pikame a:hover{color:#000;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer; width:100px;}
.pika_main img{border:5px solid #222; width:600px; height:400px;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;font-size: 12px;color:white;text-decoration: none; background-color:#ff0000; padding:3px 5px; border:1px solid #000;}
.pika_play a:hover{background-color:#000;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none; cursor:pointer; background-color:#ff0000; padding:3px 5px; border:1px solid #000;}
.pika_navigation a:hover{background-color:#000;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}