/*  
Theme Name: Wernick
Theme URI: http://www.verynewmedia.com
Description: Custom WordPress theme developed for wernick.net
Author: Very New Media
Author URI: http://www.verynewmedia.com

*/

html,body {
	background-color: 		#000000;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					11px;
	color: 						#B2B2B2;
	margin:	 					0px;
}

/* MAIN IDs AND CLASS DEFINITIONS */

#container {
	width:						auto;
	background-image:			url('./img/pagebg.png');
	background-repeat:		repeat-y;
	background-position:		top center;
}

#column {
	position:					relative;
	width:						800px;
	margin-left:				auto;
	margin-right:				auto;
	background-color:			transparent;
	background-image:			url('./img/columntop.png');
	background-repeat:		no-repeat;
	background-position:		top center;
	padding-top:				20px;
	clear:						both;
}

#headerbg {
	width:						auto;
	height:						149px;
	background-image:			url('./img/headerbg.png');
	background-repeat:		no-repeat;
	background-position:		top center;
}

#header {
	position:					relative;
	width:						800px;
	height:						149px;
	margin-left:				auto;
	margin-right:				auto;
	background-image:			url('./img/bubinga/header.png');
}

#header #menu {
	float:						right;
	width:						550px;
	height:						80px;
	margin-top:					39px;
}

#header #home {
	position:					absolute;
	top:							35px;
	left:							5px;
	width:						240px;
	height:						105px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

#header #toggle {
	position:					absolute;
	top:							42px;
	left:							670px;
	width:						125px;
	height:						25px;
}

#header #styleswitch {
	width:						125px;
	height:						25px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

#header .address {
	width:						100%;
	height:						28px;
	text-align:					right;
	vertical-align:			bottom;
	color:						#8D8D8D;
	margin-top:					0px;
	line-height:				30px;
}

#sidebar {
	float:						left;
	width:						168px;
}

#sidebar div {
	clear:						both;
}

#sidebar div div {
	clear:						none;
}

#sidebar .ordering {
	width:						163px;
	height:						28px;
	background-image:			url('./img/bubinga/ordering.png');
	background-repeat: 		no-repeat;
}

#sidebar .waiting {
	width:						163px;
	height:						28px;
	background-image:			url('./img/bubinga/wait_time.png');
	background-repeat: 		no-repeat;
}

#sidebar .testimonials {
	width:						163px;
	height:						28px;
	background-image:			url('./img/bubinga/testimonials.png');
	background-repeat: 		no-repeat;
}

#sidebar .links {
	width:						163px;
	height:						28px;
	background-image:			url('./img/bubinga/qlinks.png');
	background-repeat: 		no-repeat;
}

#sidebar .text {
	width:						143px;
	margin:						10px 0px 10px 15px;
}

#sidebar .calendartext {
	margin-bottom:				10px;
}

#sidebar .text ul, #linkslist {
	margin:						0px;
	padding:						0px;
	list-style-type:			none;
}

#sidebar .text ul li, #linkslist li {
	margin-bottom:				5px;
}

#sidebar .text ul a, #linkslist a {
	display:						block;
}

#sidebar .calendar {
	float:						left;
	width:						50px;
	padding-top:				45px;
	background-image:			url('./img/calendar.png');
	background-repeat:		no-repeat;
	color:						#C5AB88;
}

#sidebar .calendartext {
	float:						right;
	width:						90px;
}

#sidebar .text .name {
	color:						#C5AB88;
	font-style:					italic;
}

#maincontent {
	float:						right;
	display:						inline;
	margin-right:				25px;
	width:						590px;
}

#footcontent {
	width:						800px;
	margin-left:				auto;
	margin-right:				auto;
	background-image:			url('./img/bubinga/sitemap.png');
	background-position:		top center;
	background-repeat:		no-repeat;
	padding-top:				35px;
	text-align:					center;
}

#footcontent ul {
	margin:						0px;
	padding:						0px;
	list-style-type:			none;
}

#footcontent ul li {
	display:						inline;
}

#footcontent a {
	margin-left:				2px;
	margin-right:				2px;
}

#footcontent a:visited {
	color:						#C5AB88;
}

#footcontent .address {
	float:						left;
	display:						inline;
	margin-left:				15px;
	color:						#8D8D8D;
}

#footcontent .vnmlink {
	float:						right;
	display:						inline;
	margin-right:				15px;
	color:						#8D8D8D;
}

#footcontent .vnmlink a {
	margin:						0px;
}

#footer {
	width:						auto;
	height:						210px;
	background-image:			url('./img/bg_foot.png');
	background-repeat:		no-repeat;
	background-position:		top center;
}

/* INDEX PAGE DEFINITIONS */

#products {
	position:					relative;
	width:						589px;
	height:						188px;
	clear:						both;
}

#products a {
	position:					absolute;
	top:							0px;
	left:							0px;
	height:						188px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

#products .xylobub {
	position:					relative;
	float:						left;
	width:						196px;
	height:						188px;
	background-image:			url('./img/xylo_bub_pic.png');
	background-repeat:		no-repeat;
}

#products .xylobub a {
	width:						196px;
	background-image: 		url('./img/xylo_bub_but.png');
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#products .xylobub a:hover {
	background-image: 		url('./img/xylo_bub_but.png');
	background-repeat:		no-repeat;
	background-position:		right bottom;
}

#products .xylobirch {
	position:					relative;
	float:						left;
	width:						196px;
	height:						188px;
	background-image:			url('./img/xylo_bir_pic.png');
	background-repeat:		no-repeat;
}

#products .xylobirch a {
	width:						196px;
	background-image: 		url('./img/xylo_bir_but.png');
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#products .xylobirch a:hover {
	background-image: 		url('./img/xylo_bir_but.png');
	background-repeat:		no-repeat;
	background-position:		right bottom;
}

#products .notepad {
	position:					relative;
	float:						left;
	width:						197px;
	height:						188px;
	background-image:			url('./img/notepad_pic.png');
	background-repeat:		no-repeat;
}

#products .notepad a {
	width:						197px;
	background-image: 		url('./img/notepad_but.png');
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#products .notepad a:hover {
	background-image: 		url('./img/notepad_but.png');
	background-repeat:		no-repeat;
	background-position:		right bottom;
}

/* ACCESSORIES PAGE */

.accessory {
	width:						590px;
	padding-top:				10px;
	margin-top:					15px;
	background-image:			url('./img/maincontentsep.png');
	background-repeat:		repeat-x;
	background-position:		top left;
	clear:						both;
}

.accessory img {
	float:						left;
	width:						300px;
	margin-bottom:				10px;
}

.accessory .text {
	float:						right;
	width:						280px;
	text-align:					left;
}

.accessory .text i {
	color:						#C5AB88;
}

/* NEWS IDs & CLASSES */

.newsnav {
	position:					relative;
	height:						25px;
}

.newsnav a {
	position:					absolute;
	top:							0px;
	left:							0px;
	height:						25px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

#next {
	float:						right;
	width:						45px;
}

#next a {
	width:						45px;
	background-image:			url('./img/next.png');
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#next a:hover {
	background-image:			url('./img/next.png');
	background-repeat:		no-repeat;
	background-position:		left top;
}

#prev {
	float:						right;
	width:						85px;
}

#prev a {
	width:						85px;
	background-image:			url('./img/prev.png');
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#prev a:hover {
	background-image:			url('./img/prev.png');
	background-repeat:		no-repeat;
	background-position:		left top;
}

#readmore {
	float:						right;
	width:						80px;
	background-image:			url('./img/readmore.png');
	background-repeat:		no-repeat;
}

#readmore a {
	width:						80px;
	background-image:			url('./img/readmore.png');
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#readmore a:hover {
	width:						80px;
	background-image:			url('./img/readmore.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

.newsheader {
	display:						block;
	vertical-align:			bottom;
}

.newstitle {
	float:						left;
	height:						25px;
	font-family:				Times New Roman;
	font-style:					italic;
	font-size:					18px;
	color:						#BEA086;
	margin:						0px;
}

.date {
	float:						left;
	height:						20px;
	font-weight:				bold;
	color:						#FFFFFF;
	line-height:				25px;
}

.date u {
	text-decoration:			none;
	color:						#BEA086;
}

.newsitem img {
	float:						left;
	margin-right:				20px;
	margin-bottom:				10px;
}

/* CONTACT PAGE DEFINITIONS */

form {
	width:						550px;
	margin-left:				auto;
	margin-right:				auto;
	border:						none;
}

.formfield {
	width:						535px;
	font-weight:				bold;
	padding-bottom:			5px;
	margin-top:					5px;
	text-align:					justify;
}

.formfield .fieldlabel {
	float:						left;
	width:						80px;
	color:						#FFFFFF;
	text-align:					right;
	padding-top:				2px;
}

.formfield .fieldlabel u {
	text-decoration:			none;
	color:						#BEA086;
}

.buttondiv {
	width:						475px;
	text-align:					right;
}

.inputfield {
	float:						left;
	width:						405px;
	height:						25px;
	font-weight:				normal;
	background-image:			url('img/inputbg.png');
	background-repeat:		no-repeat;
}

.inputfield input {
	width:						395px;
	margin:						2px 0px 0px 3px;
	color:						#FFFFFF;
	border: 						none;
	background:					none;
	font-family: 				Trebuchet MS;
	font-size:					11px;
}

.textfield {
	float:						left;
	width:						405px;
	height:						170px;
	background-image:			url('img/textareabg.png');
	background-repeat:		no-repeat;
}

.textfield textarea {
	width:						395px;
	height:						160px;
	margin:						2px 0px 0px 3px;
	color:						#FFFFFF;
	border: 						none;
	background:					none;
	font-family: 				Trebuchet MS;
	font-size:					11px;
	overflow:					hidden;
}

button {
	width:						36px;
	height:						19px;
	border:						none;
	cursor:						pointer;
	text-align:					center;
	padding:						0px;
}

button span {
	position:					relative;
	display:						block;
	white-space:				nowrap;
	padding:						0px;
	margin:						-3px;
}

button.sendbutton {
	width:						40px;
	height:						25px;
	background-image:			url('./img/sendbutton.png');
	background-position:		left top;
	background-repeat:		no-repeat;
}


button.sendbutton span {
	height:						25px;
	width:						40px;
	line-height:				0px;
	font-size:					0px;
	background-image:			url('./img/sendbutton.png');
	background-position:		left top;
	background-repeat:		no-repeat;
}

button.sendbutton:hover {
	background-image:			url('./img/sendbutton.png');
	background-position:		left bottom;
	background-repeat:		no-repeat;
}

button.sendbutton:hover span {
	background-image:			url('./img/sendbutton.png');
	background-position:		left bottom;
	background-repeat:		no-repeat;
}

/* TECHNOLOGY PAGE DEFINITIONS */

.pdfdoc {
	height:						35px;
	background-image:			url('/img/pdf.png');
	background-repeat:		no-repeat;
	background-position:		top left;
	padding-left:				30px;
	line-height:				25px;
	border-bottom:				1px dotted #1A1A1A;
}

/* PRICE TABLE */

.prices {
	font-size: 					12px;
	width: 						590px;
	text-align: 				left;
	background-color: 		#C5AB88;
	border:						none;
	margin:						10px 0px 10px 0px;
}

.prices .title {
	font-weight:				bold;
	color:						#FFFFFF;
}

.prices .desc {
	width:						200px;
}

.prices td {
	background-color:			#000000;
	margin:						1px;
	padding:						5px;
}

/* REGULAR CLASSES */

#maincontent .sep {
	background-image:			url('./img/maincontentsep.png');
	background-repeat:		repeat-x;
	width:						582px;
	height:						2px;
	margin-top:					11px;
	margin-bottom:				11px;
	clear:						both;
}

.clear {
	clear:						both;
}

/* BASE ELEMENTS */

a:link {
	color:						#C5AB88;
}

a:hover, a:visited {
	color:						#C5AB88;
}

h1 {
	font-family:				Times New Roman;
	font-size:					20px;
	color:						#8D8D8D;
	margin:						0px;
}

h3 {
	font-family:				Times New Roman;
	font-style:					italic;
	font-size:					18px;
	color:						#BEA086;
	margin:						0px;
}

h4 {
	font-family:				Times New Roman;
	font-style:					italic;
	font-size:					18px;
	color:						#BEA086;
	margin:						0px;
	display:						block;
}

img {
	border:						0px;
}