@import "reset.css";
/* Main CSS Start */
body {
	background: url(../images/body-bg.gif) no-repeat center top #000;
	font-size: 16px;
	font-family: "Century Gothic", Verdana, Geneva, sans-serif;
	color: #dbdbdb;
}
#wrap-a {
	width: 930px;
	margin: 0 auto;
	background: url(../images/wrap-a.gif) repeat-y;
}
#wrap-b {
	width: 864px;
	background: url(../images/wrap-b.gif) no-repeat top;
	padding: 0 30px 0 36px;
}
/* Main CSS End */


/* Header CSS Start */
#header {
	height: 188px;
}
#header h2 {
	display: none;
}
.logo {
	width: 597px;
	height: 124px;
	padding: 22px 0 0 38px;
}
.logo a {
	width: 597px;
	height: 124px;
	display: block;
	text-indent: -9000px;
	background: url(../images/logo.gif) no-repeat;
}
/* Header CSS End */


/* Menu CSS Start */
#menu {
	height: 29px;
	padding: 14px 0 0 41px;
}
#menu ul li {
	float: left;
	padding: 0 30px 0 0;
	background: url(../images/menu-separator.gif) no-repeat right;
}
#menu ul li.last {
	padding: 0 0 0 0;
	background: none;
}
#menu ul li a {
	display: block;
	height: 19px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
#menu ul li a:hover {
	background-position: bottom !important;
}
#menu ul li a.home {
	width: 64px;
	background: url(../images/home.gif) no-repeat top;
}
#menu ul li a.about-us {
	width: 101px;
	background: url(../images/about-us.gif) no-repeat top;
}
#menu ul li a.blog {
	width: 57px;
	background: url(../images/blog.gif) no-repeat top;
}
#menu ul li a.portfolio {
	width: 116px;
	background: url(../images/portfolio.gif) no-repeat top;
}
#menu ul li a.store {
	width: 64px;
	background: url(../images/store.gif) no-repeat top;
}
#menu ul li a.faq {
	width: 53px;
	background: url(../images/faqs.gif) no-repeat top;
}
#menu ul li a.contact-us {
	width: 127px;
	background: url(../images/contact-us.gif) no-repeat top;
}
/* Menu CSS End */


/* Content CSS Start */
#content {
	padding: 10px 0 25px 0;
	line-height: 25px;
}
#col-1 {
	width: 512px;
	float: left;
}
#col-1 p {
	padding: 0 0 12px 0;
}
#col-2 {
	width: 345px;
	float: right;
}
.welcome {
	width: 511px;
	height: 223px;
	position: relative;
	padding: 0 0 9px 0;
}
.title-1 {
	position: absolute;
	top: 134px;
	left: 0;
}
.title-store {
	position: absolute;
	top: 135px;
	left: 0;
}
.title-about {
	position: absolute;
	top: 126px;
	left: 0;
}
.content-text {
	background: #454242;
	padding: 10px 17px 0 17px;
}
.side-box {
	width: 324px;
	height: 144px;
	position: relative;
	padding: 7px 0 0 21px;
	margin: 0 0 25px 0;
}
.side-box-frame {
	width: 266px;
	height: 39px;
	padding: 112px 0 0 79px;
	background: url(../images/side-box-frame.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.side-link-1 {
	width: 234px;
	height: 30px;
	background: url(../images/side-link-1.png) no-repeat top;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	display: block;
}
.side-link-1:hover {
	background-position: bottom;
}
.side-link-2 {
	width: 255px;
	height: 30px;
	background: url(../images/side-link-2.png) no-repeat top;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	display: block;
}
.side-link-2:hover {
	background-position: bottom;
}
.side-link-3 {
	width: 251px;
	height: 30px;
	background: url(../images/side-link-3.png) no-repeat top;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	display: block;
}
.side-link-3:hover {
	background-position: bottom;
}
/* Content CSS End */


/* Footer CSS Start */
#footer {
	height: 100px;
}
/* Footer CSS End */


/* Misc CSS Start */
.wrap-end {
	width: 930px;
	height: 16px;
	display: block;
	line-height: 0;
	font-size: 0;
	background: url(../images/wrap-c.png) no-repeat;
	margin: 0 auto;
}
/* Misc CSS End */

a{
	color:#fff;
}