/*----- TAGS ------*/

body {
	background-color: #4F3B2B;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-image:url(../images/background_1.jpg);
	font-family: Verdana, Geneva, sans-serif;
}
h1 {
	color: #666;
}
h2 {
	color: #666;
}
h3 {
	color: #333;
}
.itemTitle {
}
a:hover {
	color: #C62E42;
}

/*----- GENERAL ------*/

#wrapper {
	width: 916px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/*----- HEADER ------*/

#headerBox {
	height: 195px;
	width: 916px;
	position: relative;
	float: left;
}
#logo {
	height: 107px;
	width: 311px;
	position: absolute;
	left: 10px;
	top: 25px;
	background-image: url(../images/logo_header.png);
}
#logo a {
	text-indent: -1000px;
	height: 107px;
	width: 311px;
	overflow: hidden;
	display: block;
}
#logoTag {
	background-image: url(../images/logo_tag.png);
	height: 25px;
	width: 160px;
	position: absolute;
	text-indent: -1000px;
	overflow: hidden;
	left: 280px;
	top: 90px;
}


/*------SOCIAL MENU--------*/

#socialMenuBox {
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 48px;
	width: 400px;
}

#socialMenuBox ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#socialMenuBox ul li {
	display: block;
	float: left;
}
#socialMenuBox ul li a {
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
}
#socialMenuBox ul li a.followUs {
	height: 48px;
	width: 168px;
	background-image: url(../images/social_menu_sprite.png);
	background-position: 0px 0px;
}
#socialMenuBox ul li a.facebookButton {
	height: 48px;
	width: 125px;
	background-image: url(../images/social_menu_sprite.png);
	background-position: -168px 0px;
}
#socialMenuBox ul li a.facebookButton:hover {background-position: -168px -48px;}
#socialMenuBox ul li a.twitterButton {
	height: 48px;
	width: 107px;
	background-image: url(../images/social_menu_sprite.png);
	background-position: -293px 0px;
}
#socialMenuBox ul li a.twitterButton:hover {background-position: -293px -48px;}



/*-------MAIN MENU------*/

#mainMenuBox {
	float: left;
	position: relative;
	left: 0px;
	top: 135px;
	height: 73px;
	width: 916px;
	z-index: 100;
}
#mainMenuBox ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainMenuBox ul li {
	float: left;
	display: block;
}
#mainMenuBox ul li a {
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
}
 #mainMenuBox ul li a.homeButton {
	height: 54px;
	width: 84px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: 0px 0px;
}
#mainMenuBox ul li a.homeButton:hover {background-position: 0px -54px;}
#mainMenuBox ul li a.homeButtonDown {
	height: 73px;
	width: 84px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: 0px -108px;
}
#mainMenuBox ul li a.aboutButton {
	height: 54px;
	width: 109px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -84px 0px;
}
#mainMenuBox ul li a.aboutButton:hover {background-position: -84px -54px;}
#mainMenuBox ul li a.aboutButtonDown {
	height: 73px;
	width: 109px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -84px -108px;
}
#mainMenuBox ul li a.webButton {
	height: 54px;
	width: 95px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -193px 0px;
}
#mainMenuBox ul li a.webButton:hover {background-position: -193px -54px;}
#mainMenuBox ul li a.webButtonDown {
	height: 73px;
	width: 95px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -193px -108px;
}
#mainMenuBox ul li a.brandButton {
	height: 54px;
	width: 104px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -288px 0px;
}
#mainMenuBox ul li a.brandButton:hover {background-position: -288px -54px;}
#mainMenuBox ul li a.brandButtonDown {
	height: 73px;
	width: 104px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -288px -108px;
}
#mainMenuBox ul li a.printButton {
	height: 54px;
	width: 103px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -392px 0px;
}
#mainMenuBox ul li a.printButton:hover {background-position: -392px -54px;}
#mainMenuBox ul li a.printButtonDown {
	height: 73px;
	width: 103px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -392px -108px;
}
#mainMenuBox ul li a.productButton {
	height: 54px;
	width: 124px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -495px 0px;
}
#mainMenuBox ul li a.productButton:hover {background-position: -495px -54px;}
#mainMenuBox ul li a.productButtonDown {
	height: 73px;
	width: 124px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -495px -108px;
}
#mainMenuBox ul li a.sketchbookButton {
	height: 54px;
	width: 154px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -619px 0px;
}
#mainMenuBox ul li a.sketchbookButton:hover {background-position: -619px -54px;}
#mainMenuBox ul li a.sketchbookButtonDown {
	height: 73px;
	width: 154px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -619px -108px;
}
#mainMenuBox ul li a.contactButton {
	height: 54px;
	width: 143px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -773px 0px;
}
#mainMenuBox ul li a.contactButton:hover {background-position: -773px -54px;}
#mainMenuBox ul li a.contactButtonDown {
	height: 73px;
	width: 143px;
	background-image: url(../images/main_menu_sprite.png);
	background-position: -773px -108px;
}

/*--------CONTENT BOX----------*/

#contentBox {
	float: left;
	width: 916px;
	position: relative;
	left: 8px;
	top: 0px;
}
#slider {
	float: left;
	height: 506px;
	width: 900px;
	position: relative;
	left: 0px;
	top: 0px;
}
#rightColumnBox {
	float: left;
	height: 380px;
	width: 215px;
	position: relative;
	left: 10px;
	top: 0px;
	overflow: hidden;
	background-image: url(../images/wood_texture.jpg);
}
#rightColumnHeader {
	background-image: url(../images/right_column_bg.png);
	text-indent: -1000px;
	float: left;
	height: 66px;
	width: 215px;
	overflow: hidden;
	position: relative;
}
#mainBox {
	float: left;
	height: auto;
	width: 900px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	background-image: url(../images/center_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#centerColumn {
	position: relative;
	height: auto;
	width: 550px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom: 30px;
}
#centerColumn li {
	margin-bottom: 10px;
}
#centerColumn h1 {
	background-image: url(../images/title_sprite.gif);
	height: 40px;
	width: 550px;
	text-indent: -1000px;
	display: block;
	position: relative;
	margin-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-repeat: no-repeat;
}
#centerColumnWide {
	position: relative;
	height: auto;
	width: 600px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom: 30px;
	left: 40px;
	top: 0px;
}
#centerColumnWide li {
	margin-bottom: 10px;
}
#centerColumnWide h1 {
	background-image: url(../images/title_sprite.gif);
	height: 40px;
	width: 600px;
	text-indent: -1000px;
	display: block;
	position: relative;
	margin-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-repeat: no-repeat;
}
.about {background-position: 0px 0px;}
.web {background-position: 0px -40px;}
.brand {background-position: 0px -80px;}
.print {background-position: 0px -120px;}
.product {background-position: 0px -160px;}
.sketchbook {background-position: 0px -200px;}
.contact {background-position: 0px -240px;}

.subHeaderBox {
	height: 61px;
	width: 900px;
	position: relative;
	background-image: url(../images/header_content.jpg);
}
.subHeaderBox p {
	display: block;
	position: absolute;
	left: 200px;
	top: 10px;
	height: 15px;
	width: 400px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	margin: 0px;
	padding: 0px;
}
.subHeaderBox p a:link {color: #999;}
.subHeaderBox p a:visited {color: #999;}
.subHeaderBox p a:hover {color: #FFF;}

#leftColumn {
	float: left;
	height: 380px;
	width: 200px;
	position: relative;
}
#leftColumn ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	left: 30px;
	top: 100px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	height: auto;
	width: 140px;
}
#leftColumn ul li+li {margin-top: 10px;}
#leftColumn ul li a {
	color: #000;
	text-decoration: none;
}
#leftColumn ul li a:visited {color: #666;}
#leftColumn ul li a:hover {
	color: #BA7524;
}

/*--------NIVO SLIDER----------*/

.nivoSlider {
    position:relative;
    width:675px; /* Change this to your images width */
    height:380px; /* Change this to your images height */
    background:url(images/nivo_slider/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}


/*---------CAPSULE BOX--------------*/

#capsuleBox {
	height: 170px;
	width: 900px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	margin-top: 10px;
	background-image: url(../images/wood_texture.jpg);
	background-repeat: repeat;
	display: none;
}
#capsuleBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#capsuleBox ul li {
	display: block;
	float: left;
}
#capsuleBox ul li a {
	display: block;
	float: left;
	height: 130px;
	width: 200px;
}
#capsuleBox ul li a.capsuleOne { position: absolute; left: 20px;top: 20px; }
#capsuleBox ul li a.capsuleTwo { position: absolute; left: 240px;top: 20px; }
#capsuleBox ul li a.capsuleThree { position: absolute; left: 460px;top: 20px; }
#capsuleBox ul li a.capsuleFour { position: absolute; left: 680px;top: 20px; }




/*-------------FOOTER BOX-------------*/


#footerBox {
	background-color: #1C1C1C;
	float: left;
	height: 100px;
	width: 900px;
	position: relative;
	left: 8px;
	top: 0px;
	margin-top: 10px;
}
#copyrightBox {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #595959;
	position: absolute;
	height: 15px;
	width: 300px;
	top: 10px;
	right: 20px;
	text-align: right;
}
#ceTagBox a {
	background-image: url(../images/ce_tag_sprite.png);
	background-position: 0px 0px;
	text-indent: -1000px;
	float: left;
	height: 25px;
	width: 250px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 12px;
}
#ceTagBox a:hover {background-position: 0px -25px;
}


/*---------CLASSES--------------*/

.clearfloat {
	clear: both;
}
.formLabel {
	text-align: right;
	vertical-align: top;
}
.reqText {
	color: #F00;
}
.floatRight {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: right;
}
.floatLeft {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
.discoBox {
	position: relative;
	height: auto;
	width: 430px;
	margin-bottom: 40px;
}
.discoBox h2 {
	font-size: 16px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	display: block;
	margin: 0px;
	height: auto;
	width: 250px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: right;
}
.discoBox p.description {
	display: block;
	height: auto;
	width: 250px;
	position: relative;
	float: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.discoBox p.links {
	height: auto;
	width: 250px;
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}
.boxGlow {
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.shipText {
	font-size: 12px;
	font-style: italic;
	color: #999;
}
.productBox {
	position: relative;
	height: auto;
	width: 430px;
}
.productItemBox  {
	height: auto;
	width: 250px;
	position: relative;
	float: right;
}
.addButtonRight {
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: auto;
	width: auto;
	right: 0px;
	bottom: 0px;
}
.lightUnderline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}



.subtext {
	font-size: 11px;
}
.projectTitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	margin-top: 5px;
}
#preHeader {
	background-color: #221F1A;
	position: relative;
	height: 40px;
	width: 100%;
}
.imageHangLeft {
	position: absolute;
	left: -180px;
}
.hidden {
	display: none;
}
.galleryThumb {
	vertical-align: middle;
	margin-right: 20px;
	margin-bottom: 30px;
}
.imageCaption {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}