/* Trixon Drums Style Sheets */

/********** reset ***********/

body,div,dl,dt,dd,li,ol,h1,h2,h3,h4,h5,h6,pre,blockquote,th,td{margin:0;padding:0;border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

q:before,q:after{content:'';}
abbr,acronym {border:0;}


/********** layout ***********/

html {
	background: url(../images/bg.png) 0 0 repeat-x #FF6600;
}

body {
	padding-bottom: 30px;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/shadows.png) top center no-repeat;
	color: #fff;      
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 29px;
	background:#000 url(../images/pageBottom.png) bottom left no-repeat;
}

#header {
	float: left;
	margin: 0 auto;
	padding: 0px;
	padding-right:60px;
	width: 900px;
	background: #000;
}

#page {
	padding: 15px;
	width: 930px;
	background: #000;
	xborder-bottom: 1px solid #cc3300;
	clear: both;
}
.left_col {
	background:url(../images/leftcol.png) top no-repeat;
	padding: 0px;
	width: 230px;
	float: left;
}

.left_col2 {
	padding: 0px;
	width: 530px;
	float: left;
}

.leftTxt {
	padding:10px;
}

.right_col {
	padding: 0px 0 15px 50px;
	width: 630px;
	float: left;
}

.right_col2 {
	padding: 0px 0 15px 50px;
	width: 330px;
	float: left;
}



/********** header styles ***********/

a.logo {
	float: left;
	height: 100px; 
	width: 378px;
	padding-right:60px;
	background: url(../images/logo.jpg) top left no-repeat;
	display: block;
}
a.logo:visited {
	float: left;
	height: 100px; 
	width: 378px;
	padding-right:60px;
	background: url(../images/logo.jpg) top left no-repeat;
	display: block;
}


/********** about styles ***********/

img.about {
	padding: 0 0 0 10px;
	float: right;	
}

/********** bottom header styles ***********/

.bottomHeader {
	margin: 0 auto;
	padding: 0px;
	padding-right:30px;
	width: 930px; 
	background: #000;
	color: #fff;
	float: left;
}
.bottomHeader dl {
	padding: 15px 30px;
	float: left;
}

.bottomHeader dl dt {
	padding: 0 0 15px 0;
	font-size: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 3px;
	color: #000;
}
.bottomHeader dl dd {
	line-height: 160%;
}


/********** box styles ***********/

.boxHolder {
	clear: both;
}
/*3 wide*/
.box {
	margin: 15px;
	width: 280px;
	float: left;
	display: inline;
}
.box img {
	margin: 0px;
}
.box dl {
	width: 280px;
	padding-bottom: 15px;
}
.box dl dt {
	padding: 0 15px 12px 15px;
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	color: #fff;
}
.box dl dd { 
	margin-left: 15px;
	padding: 3px 15px 3px 25px;
}


.imgPadBottom {
	padding-bottom:15px;
}

.imgLeft {
	float:left;
	padding-right:10px;
}

.imgRight {
	float:right;
	padding-left:10px;
}

.alignLeft {
	float:left;
}
.alignRight {
	float:right;
}

.prodalignLeft {
	float:left;
	width:445px;
}
.prodalignRight {
	float:right;
	width:445px;
}

/********** contact styles ***********/

#contactFormArea {
	margin: 15px;
	width: 300px;
	float: left;
	display: inline;
	background: url(../images/contactTop.png) top left no-repeat #000;
}
#contactFormArea h2 {
	margin: 10px;
}
#contactFormArea form {
	padding-bottom: 12px;
	float: left;
}
fieldset { 
	padding: 0 15px;
	background:transparent;
}
label { 
	padding: 0 0 5px 0;
	display:block; 
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.text, textarea { 
	margin-bottom: 5px;
	padding: 4px 5px;
	width: 238px;
	font:12px/12px 'courier new',courier,monospace;
	color:#000;
	border: 1px solid #0099CC;
}

input.submit { 
	margin: 3px 0 3px 0;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	cursor: pointer;
}
#copyright {
	width: 930px;
	margin: 0 auto;
	padding: 15px 15px 0 15px;
	font-size: 10px;
	text-align: left;
	background: #000;
	clear: both;
}
#copyright ul li {
	display: inline;
	padding: 0 5px;
}

/********** common styles ***********/

p {
	margin-bottom: 15px;
	line-height: 160%;
}

h1, h2, h3, h4 {
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 160%;
	color: #fff;
}
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

a { padding: 1px 0; color: #fff; text-decoration: none; outline: none; }
a:visited { padding-right: 17px; color: #fff; background: url(../images/icon_visited.gif) center right no-repeat; text-decoration: none;  }
a:hover { color: #f8d25f; text-decoration: none; }

.clear {
	clear: both;
}

/********** cocktail elite ***********/
.eliteLeft {
	float:left;
	margin:0 0 20px 0;
}
.eliteLeft h3 {
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 160%;
	color: #fff;
}
.eliteRight {
	float:right;
	margin:0 0 20px 0;
}
.eliteRight h3 {
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 160%;
	color: #fff;
}