/* Style by TigerOneMedia
   www.tigeronemedia.com 
   for Distinct Customs OKC */

html, body, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
h1 img {
	display: block;
}
img {
	border: 0px;
}
a {
	color: #FF7F00;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #FFA405;
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

.textmiddle {
	vertical-align:middle;
	}
	
.center {
	text-align:center;
	}

body {background-color:; 
	background-image:url(images/bg.jpg); 
	background-position:Top Center; 
	background-attachment:fixed; 
	background-repeat:repeat-y;
	text-align: center;
	font: 12px arial, sans-serif;
	color: #989898;}
	
#gallery-main {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height:360px;
	/*height: 550px;*/
	background: url(images/about_bg.jpg) no-repeat;
}
	
#gallery-main ul {
	position:relative;
	top:10px;
	margin:0px;
	list-style-type:none;
	}
	
#gallery-main li {
	position:relative;
	margin:0px;
	font-size:18px;
	left:50px;
	}
	
#gallery-main img {
	vertical-align:middle;
	padding:0px 10px 0px 10px;
	}
	
#gallery-main .headertext {
	padding:0px 0px 0px 20px;
	position:relative;
	}
	
#wrapper {
	text-align: left;
	margin: auto;
	width: 778px;
	background: #101010;
}
#body {
	position: relative;
	margin-left: 4px;
	
}
#head {
	position: absolute;
	top: 0px;
	left: 401px;
	width: 370px;
	height: 266px;
	background: url(images/header.jpg) no-repeat;
}
#topnav {
	position: absolute;
	top: 41px;
	left: 22px;
}
#topnav a {
	font-weight: normal;
	color: #989898;
}
#topnav a:hover {
	color: white;
}
#left-box {
	position: absolute;
	top: 271px;
	left: 0px;
	width: 285px;
	height: 425px;
	background: #131212 url(images/leftbox_bg.jpg) no-repeat; 
}

#left-box .inner {
	padding: 0px 0px 0px 8px;
}

#left-box .twitter {
	position: relative;
	top: 0px;
	left: 8px;
}

#left-box h2 {
	margin: 10px 0px 0px 0px;
}
#left-box p.date {
	font-weight: bold;
}
#left-box p {
	margin: 3px 2.5em 1em 1.3em;
}
#nav {
	position: absolute;
	top: 260px;
	left: 285px;
	width: 490px;
}

#nav2 {
	position: absolute;
	top: 271px;
	left: 386px;
	width: 480px;
}

#nav img {
	float: left;
}

#content {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 360px;
	/*background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;*/
	background: url(images/about_bg.jpg) no-repeat;
}

#content-bot {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 360px;
	width: 490px;
	margin-left: 1px;
	overflow: auto;
}

#content .inner {
	padding: 10px 27px;
}

/* Style for Home page */
#content-home {
	position: absolute;
	top: 336px;
	left: 275px;
	width: 486px;
	height: 360px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-bot-home {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 360px;
	margin-left: 1px;
	overflow: hidden;
}

#content .inner-home {
	padding: 5px 0px;
	position: relative;
	left: -39px;
}

#footer-home {
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 425px;
	position: relative;
}

/* Style for Mobile page */
#content-mobile {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 560px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-bot-mobile {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 560px;
	width: 485px;
	margin-left: 1px;
	overflow: hidden;
}

#footer-mobile{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 625px;
	position: relative;
}

/* Style for Category 3 page */
#content-cat3 {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 560px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-bot-cat3 {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 560px;
	width: 485px;
	margin-left: 1px;
	overflow: hidden;
}

#footer-cat3{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 625px;
	position: relative;
}

/* Style for Gallery Pages PWI */
#content-gallery {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 600px;
	/*background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;*/
}

#content-bot-gallery {
	/*background: bottom url(images/body_bg.gif) repeat-x;*/
	background: url(images/about_bg.jpg) no-repeat;
	height: 600px;
	width: 485px;
	margin-left: 1px;
	background-color:#1e1e1e;
	overflow: hidden;
}

#footer-gallery{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 665px;
	position: relative;
}

/* Style for Store page */
#content-store {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 750px;
	/*background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;*/
}

#content-bot-store {
	/*background: bottom url(images/body_bg.gif) repeat-x;*/
	background: url(images/about_bg.jpg) no-repeat;
	height: 750px;
	width: 485px;
	margin-left: 1px;
	background-color:#1e1e1e;
	overflow: hidden;
}

#footer-store{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 815px;
	position: relative;
}

/* Style for Catergory 4 page */
#content-cat4 {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 760px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-bot-cat4 {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 760px;
	width: 485px;
	margin-left: 1px;
	overflow: hidden;
}

#footer-cat4{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 825px;
	position: relative;
}

/* Style for Catergory 5 page */
#content-cat5 {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 960px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-bot-cat5 {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 960px;
	width: 485px;
	margin-left: 1px;
	overflow: hidden;
}

#footer-cat5{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 1025px;
	position: relative;
}

/* Style for Catergory 6 page */
#content-cat6 {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 1160px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-bot-cat6 {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 1160px;
	width: 485px;
	margin-left: 1px;
	overflow: hidden;
}

#footer-cat6{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 1225px;
	position: relative;
}

/* Style for About page */
#content-about {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 550px;
	background: url(images/about_bg.jpg) no-repeat;
}

#content-bot-about {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 550px;
	width: 490px;
	margin-left: 1px;
	overflow: hidden;
}

#content-about .inner-about {
	padding: 10px 27px;
	left: -39px;
}

#footer-about {
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 615px;
	position: relative;
}

/* Style for Register page */

#content-register {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 900px;
	background: url(images/register_bg.jpg) no-repeat;
}

#content-bot-register {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 900px;
	width: 490px;
	margin-left: 1px;
	overflow: hidden;
}

#footer-register {
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 965px;
	position: relative;
}

/* Style for Links page */
#content-links {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 675px;
	background: #1E1E1E url(images/about_bg.jpg) no-repeat;
}

#content-bot-links {
	background: bottom url(images/body_bg.gif) repeat-x;
	height: 675px;
	width: 490px;
	margin-left: 1px;
	overflow: hidden;
}

#content-links .inner-links {
	padding: 10px 27px;
	left: -39px;
}

#footer-links {
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 740px;
	position: relative;
}

/* Style for Gallery */
#content .inner-gallery {
	padding: 5px 0px;
	background: (images/bs_gallery_bg.jpg) no-repeat;
}

/*Style for Gallery Page 7 Rows */
#content-7rows {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 600px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-bot-7rows {
	/*background: bottom url(images/body_bg.gif) repeat-x;*/
	background: #1E1E1E;
	height: 600px;
	width: 490px;
	margin-left: 1px;
	overflow: auto;
}

#footer-7rows{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 665px;
	position: relative;
}

/*Style for Gallery Page Multiple */
#content-multi {
	position: absolute;
	top: 336px;
	left: 285px;
	width: 490px;
	height: 700px;
	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}

#content-multi {
	/*background: bottom url(images/body_bg.gif) repeat-x;*/
	background: #1E1E1E;
	height: 700px;
	width: 490px;
	margin-left: 1px;
	overflow: auto;
}

#footer-multi{
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 765px;
	position: relative;
}

#content .date {
	margin-top: 0.5em;
}

#content p {
	margin: 0.9em;
}
#tray {
	margin-top: 430px;
	position: relative;
	border: 1px solid #181818;
}
#tray .redbox {
	float: left;
	width: 217px;
	_height: 450px;
	min-height: 332px;
	background: #800000 url(images/red_bg.jpg) repeat-x;
	margin-left: 11px;
	padding-top: 19px;
	padding-left: 16px;
	padding-right: 16px;
	color: #CFCFCF;
}
#tray .first {
	margin-left: 0px;
}
#tray p {
	margin-top: 1em;
	margin-bottom: 1.4em;
	padding-left: 2px;
}

ul {
	margin: 0px 1em 0px 2em;
	padding: 0px;
}
li {
	padding: 0px;
	margin: 1em 0px;
}
.divider {
	background: bottom url(images/footer_bg.gif) repeat-x;
	height: 26px;
	margin-right: 5px;
	position: relative;
}
#details {
	margin-top: -1.4em;
	margin-bottom: -4em;
	float: right;
}
#footer {
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 18px 15px 15px 15px;
	margin-top: 425px;
	position: relative;
}

/* START Style for Mouse-Over Main Menu */
/* get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}
/* make the list horizontal */
#menu li {float:left;}
/* initial images */
#menu li.list1 {background:transparent url(images/m1.gif);}
#menu li.list2 {background:transparent url(images/m2.gif);}
#menu li.list3 {background:transparent url(images/m3.gif);}
#menu li.list4 {background:transparent url(images/m4.gif);}
#menu li.list5 {background:transparent url(images/m5.gif);}
/* general link styling */
#menu a {display:block; width:97px; height:0; padding-top:130px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:130px; he\ight:0;}
/* separating the images */
#menu li {float:left; margin-right:1px;}
/* hover images */
#menu a#item1 {background:transparent url(images/m1_over.gif) -130px -90px no-repeat;}
#menu a#item2 {background:transparent url(images/m2_over.gif) -130px -90px no-repeat;}
#menu a#item3 {background:transparent url(images/m3_over.gif) -130px -90px no-repeat;}
#menu a#item4 {background:transparent url(images/m4_over.gif) -130px -90px no-repeat;}
#menu a#item5 {background:transparent url(images/m5_over.gif) -130px -90px no-repeat;}
/* hover style */
#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
* html #menu a:hover {height:130px; he\ight:0;}
/* clearing the float */
#menu {display:block; width:490px; height:67px;}
/* END Style for Mouse-Over Main Menu */