html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	font-family:'Century Gothic', AppleGothic, 'Apple Gothic', sans-serif, Verdana, Tahoma, Arial;	
}	

body {
	background: #eee;
	height:100%;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


header{ border-bottom:1px solid #ccc; }

footer {
	float:left;
	clear:both;
	border-top: solid 1px #ccc;
	padding-top: 10px;
	text-align: center;
	font-size:80%;
	color: #777;
}

h1{
	color:#333;
	letter-spacing:4px;
	text-align: left;
	float:left;
	font-weight:normal;
	width:100%;
	padding:5px;
	padding-bottom:10px;
}


.x-outer-box{
	width:800px;
	height:100%;
	background: #fff;
}
.x-outer{
	float:left;
	width:800px;
	border:0px none;
	text-align:top;
	height:100%;
	background: #fff;
	padding:5px;
} 


	#flashcontent {
		float:left;
		height: 390px;
		width:100%;
	}



#category li{
	display:inline;
	text-align:right;
	padding-right:15px;
	font-weight:400;
}

article {

	float:left;
	padding-top:5px;
	text-align:left;
	font-size:90%;
}

article #description, #description p, #description img, #description h2{
	width:200px;
	padding-left:10px;
	padding-right:15px;
}

article #content, #content div{
	padding-top:15px;
	width:570px;
	float:left;
}

article #content div img{
	width:60px;
	margin-top:2px;
	float:left;
}




.x-banner{
	float:left;
	width:800px;
	border:0px none;
	padding-left:0px;
	padding-bottom:5px;
	text-align:center;
}

.x-right{

	float:left;
	width:500px;
	border:0px none;
	padding-left:10px;
	padding-top:5px;
}



img.thumb{
	width:100px;
	margin-top:2px;
	border:3px solid #fff;
}

img.thumb:hover{
	-webkit-transform:scale(2);
	-webkit-box-shadow:0px 0px 30px #ccc;
}

img.large{
	border:5px solid #fff;
	margin-top:5px;
}

a {
	color:#777;
	font-weight: normal;
   	text-decoration: none;
}

a:hover{
	color:#a50021;
}

#left-panel{
width:380px;
padding:10px 10px 0px 10px;
float:left;
}

#contactForm{
width:380px;
padding:10px 10px 0px 10px;
float:right;
}

#contactForm label{
width:200px;
text-align:left;
float:left;
}

#contactForm input{
text-align:left;
width:363px;
margin-bottom: 10px;
}

#contactForm #submit{
text-align:center;
font-size:100%;
margin:2px;
width:200px;
}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}