.body {
	background: url('../header-img/template/background.jpg') repeat-x top center;
	color: #616161;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size: 12px;
}


/* ----------------------------------------------------- */
/* SITE */

div.container {
	margin: 0px auto;
	width: 1000px;
}

div.header {
	height: 140px;
	background: url('../header-img/template/background.jpg') repeat-x top center;
}

div.header h1 {
	height: 90px;
	margin: -5px 0 0 -4px;
	float: left;
	width: 228px;
}

div.header h1 a {
	background: url('../header-img/template/logo.png') no-repeat center bottom;
	display: block;
	height: 140px;
	text-indent: -9999px;
	width: 335px;
}
/* ----------------------------------------------------- */
/* MENU */

div.menu {
	float: right;
	height: 120px;
	width: 607px;
}

div.menu div.top { height: 70px; }

div.menu ul.menu {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	width: 629px;
}

div.menu ul.menu li {
	float: left;
}

div.menu ul.menu li a {
	background: url('../header-img/template/menu.png') no-repeat top left;
	display: block;
	height: 46px;
	line-height: 48px;
	text-indent: -9999px;
	width: 85px;
}

div.menu ul li a#home:hover { background-position: 0px -48px; }
div.menu ul li a#home:active { background-position: 0px -96px; }

div.menu ul li a#blog {
	background-position: -86px 0px;
	width: 77px;
}
div.menu ul li a#blog:hover { background-position: -86px -48px; }
div.menu ul li a#blog:active { background-position: -86px -96px; }

div.menu ul li a#portfolio {
	background-position: -163px 0px;
	width: 78px;
}
div.menu ul li a#portfolio:hover { background-position: -163px -48px; }
div.menu ul li a#portfolio:active { background-position: -163px -96px; }

div.menu ul li a#about {
	background-position: -241px 0px;
	width: 110px;
}
div.menu ul li a#about:hover { background-position: -241px -48px; }
div.menu ul li a#about:active { background-position: -241px -96px; }

div.menu ul li a#apparel {
	background-position: -351px 0px;
	width: 74px;
}
div.menu ul li a#apparel:hover { background-position: -351px -48px; }
div.menu ul li a#apparel:active { background-position: -351px -96px; }

div.menu ul li a#faq {
	background-position: -426px 0px;
	width: 65px;
}
div.menu ul li a#faq:hover { background-position: -426px -48px; }
div.menu ul li a#faq:active { background-position: -426px -96px; }

div.menu ul li a#contact {
	background-position: -491px 0px;
	width: 99px;
}
div.menu ul li a#contact:hover { background-position: -491px -48px; }
div.menu ul li a#contact:active { background-position: -491px -96px; }


/*----------------------------------------*/
/*----- Menu Hover -----*/
/*----------------------------------------*/
a:link {
	color:#040404;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	text-decoration: none;
}

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

div.footer {
	background: url('../images/backgrounds/bg_footer.jpg') repeat-x #343434;
	clear: both;
	color: white;
	height: 317px;
	overflow: hidden;
	width:1000px;
}

div.footer a { color: #add1ee; }
div.footer h3 { color: white; }

div.footer div.twitter {
	float: left;
	margin: 20px 0px 0px 0px;
	width: 310px;
}

div.footer div.twitter div.head {
	height: 85px;
	width: 283px;
}

div.footer div.twitter div.head span.blank {
	display: block;
	height: 20px;
}

div.footer div.twitter div.head h3 {
	margin: 0px 0px 0px 95px;
}

div.footer div.twitter div.head a {
	font-weight: bold;
	line-height: 70px;
	padding: 0px 0px 0px 60px;
	text-shadow: 1px 1px 0px black;
}

div.footer div.twitter div.tweet {
	background: #252525;
	margin: 0px 0px 0px 43px;
	width: 240px;
}

div.footer div.twitter div.tweet p {
	margin: 0px 5px 0px 20px;
	padding: 5px 0px 0px 0px;
}

div.footer div.twitter div.tweet p small {
	color: #909090;
	display: block;
	padding: 7px 0px;
}

div.footer div.twitter div.bottom {
	background: url('../images/backgrounds/bg_twitter_bottom.png') no-repeat top right;
	height: 60px;
	width: 283px;
}

div.footer div.twitter div.bottom a {
	font-size: 10px;
	line-height: 60px;
	padding: 0px 0px 0px 63px;
}

div.footer div.contact {
	float: right;
	font-size: 10px;
	margin: 20px 0 0;
	width: 550px;
}

div.footer div.contact form { margin: 15px 0px 0px 0px;}

div.footer div.contact div.input {
	background: url('../images/backgrounds/bg_input_footer.png') no-repeat center center;
	border: 0px;
	height: 31px;
	margin: 6px 0px;
	width: 229px;
}

div.footer div.contact div.input input {
	border: 0px;
	color: #a7a7a7;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding: 5px 0px 0px 30px;
	text-indent: 0px;
	width: 200px;
}

div.footer div.contact div.input input#name { background: url('../images/icons/icon_name.jpg') no-repeat 10px 9px;}
div.footer div.contact div.input input#email { background: url('../images/icons/icon_email.jpg') no-repeat 10px 9px;}
div.footer div.contact div.input input#website { background: url('../images/icons/icon_website.jpg') no-repeat 10px 9px;}

div.footer div.contact div.message {
	background: url('../images/backgrounds/bg_textarea.png') no-repeat left top;
	border: 0px;
	float: right;
	height: 155px;
	padding: 10px 0px 0px 10px;
	width: 300px;
}

div.footer div.contact div.message textarea {
	background: transparent;
	border: 0px;
	color: #a7a7a7;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size: 11px;
	height: 125px;
	width: 275px;
}

div.footer div.contact div.buttons {
	line-height: 36px;
	text-align: right;
	width: 230px;
}

div.footer div.contact input.clear {
	background: transparent;
	border: 0px;
	color: #9dbcd5;
	cursor: pointer;
	font-size: 10px;
	padding: 0px;
}


input#sendit, input.sendit {
	background: url('../images/button_sendit.png') no-repeat center center;
	border: 0px;
	cursor: pointer;
	height: 36px;
	margin: 0px 0px 0px 5px;
	text-indent: -9999px;
	width: 141px;
}