/* @group General */

body {
	background: #000 url(../images/bcg.jpg) no-repeat center top;
}

.container {
	overflow: hidden;
}

p {
	font-size: 1.2em;
	color: #454545;
}

.wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.content {
	border-width: 1px;
	border-style: solid;
	margin: 0;
	padding: 0;
	width: 960px;
	background-color: #000;
}



/* @end */

/* @group Header & Navigation */

.header {
	height: 145px;
	width: 960px;
}

img.logo {
	margin-top: 70px;
	float: left;
	margin-left: 40px;
}

.header ul {
	float: right;
	width: 705px;
	margin: 90px 0 0;
	padding: 0;
	overflow: hidden;
}

.header ul li {
	list-style-type: none;
	display: inline;
	float: left;
}

.header ul li a {
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -1000px;
	overflow: hidden;
}

.header ul li a.nav-home {
	width: 50px;
	background: url(../images/navigation.png) no-repeat 0 0;
}

.header ul li a.nav-home:hover {
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

.header ul li a.nav-home.sel {
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
.header ul li a.nav-interiors {
	width: 130px;
	background: url(../images/navigation.png) no-repeat -579px 0;
}
.header ul li a.nav-interiors:hover {
	background-repeat: no-repeat;
	background-position: -579px -30px;
}

.header ul li a.nav-interiors.sel {
	background-repeat: no-repeat;
	background-position: -579px -30px;
}
.header ul li a.nav-projects {
	width: 130px;
	background: url(../images/navigation.png) no-repeat -50px 0;
}

.header ul li a.nav-projects:hover {
	background-repeat: no-repeat;
	background-position: -50px -30px;
}

.header ul li a.nav-projects.sel {
	background-repeat: no-repeat;
	background-position: -50px -30px;
}

.header ul li a.nav-studio {
	width: 130px;
	background: url(../images/navigation.png) no-repeat -180px 0;
}

.header ul li a.nav-studio:hover {
	background-repeat: no-repeat;
	background-position: -180px -30px;
}

.header ul li a.nav-studio.sel {
	background-repeat: no-repeat;
	background-position: -180px -30px;
}

.header ul li a.nav-products {
	width: 130px;
	background: url(../images/navigation.png) no-repeat -310px 0;
}

.header ul li a.nav-products:hover {
	background-repeat: no-repeat;
	background-position: -310px -30px;
}

.header ul li a.nav-products.sel {
	background-repeat: no-repeat;
	background-position: -310px -30px;
}

.header ul li a.nav-contact {
	width: 130px;
	background: url(../images/navigation.png) no-repeat -440px 0;
}

.header ul li a.nav-contact:hover {
	background-repeat: no-repeat;
	background-position: -440px -30px;
}

.header ul li a.nav-contact.sel {
	background-repeat: no-repeat;
	background-position: -440px -30px;
}



/* @end */

/* @group Banner */

img.banner {
	margin: 0;
	padding: 0;
}



/* @end */

/* @group Project Gallery */

.gallery-slider {
	height: 280px;
	background: white url(../images/projects-gallery-bcg.png) no-repeat 0 bottom;
}

.gallery-slider h2 {
	margin: 0;
	padding: 20px 0 10px 90px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
}

div.gallery-slider a.jFlowPrev {
	float: left;
	width: 46px;
	height: 46px;
	background: url(../images/gallery-btn.png) 0 0;
	margin-left: 30px;
	overflow: hidden;
	margin-top: 60px;
	cursor: pointer;
	text-indent: -100px;
}

div.gallery-slider a.jFlowPrev:hover {
	background-position: 0 -46px;
}

div.gallery-slider a.jFlowNext {
	float: right;
	width: 46px;
	height: 46px;
	background: url(../images/gallery-btn.png) -46px 0;
	margin-right: 30px;
	overflow: hidden;
	margin-top: 60px;
	cursor: pointer;
	text-indent: -100px;
}

div.gallery-slider a.jFlowNext:hover {
	background-position: -46px -46px;
}

a.slide-link {
	float: left;
}

div#jFlowSlide {
	margin-left: 8px;
	float: left;
}



/* @end */

/* @group Studio */

.studio h2 {
	font-weight: bold;
	color: #e5e5e5;
	padding-left: 80px;
	padding-top: 30px;
}

.studio img {
	padding-bottom: 20px;
}



/* @end */

/* @group Contact */

.contact {
	background: #ebebeb url(../images/contact-bcg.png) no-repeat 0 top;
	padding-bottom: 20px;
	position: relative;
}

.contact h2 {
	font-weight: bold;
	padding-top: 30px;
	padding-left: 0;
}

span.phone-num {
	font-weight: bold;
	font-size: 1.3em;
	color: #1a1a1a;
}

a.email {
	color: #1a1a1a;
}

p.addy {
	color: #808080;
	font-size: .9em;
	float: left;
}

p.addy a {
	color: #181818;
}

.contact ul {
	margin: 0;
	list-style-type: none;
	float: left;
	display: block;
	padding: 0 0 0 250px;
}

.contact ul li {
	display: inline;
	padding-right: 20px;
}



/* @end */

/* @group Footer */

p.footer {
	margin-top: 30px;
	font-size: .8em;
	color: #252525;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 30px;
}



/* @end */

/* @group Project Detail */

.car-title {
	padding-top: 70px;
	height: 120px;
	width: 800px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 40px;
}

.car-title h1 {
	float: left;
	font-size: 5em;
	margin: 0;
	padding: 0;
	color: #666;
	font-weight:bold;
}

.car-title img {
	margin: 0;
	padding: 9px 0 0 10px;
	float: left;
}

.car-title h2 {
	float: left;
	clear: left;
	color: #202020;
	font-size: 1.6em;
}

.car-desc h3 {
	color: #cdcdcd;
}

.car-gallery img {
	padding-right: 20px;
	padding-bottom: 10px;
}

.car-gallery {
	padding-bottom: 40px;
}



/* @end */

/* @group Products */

.product {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 50px;
}

.products-title {
	padding-top: 70px;
	height: 210px;
	width: 800px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 40px;
}

.products-title p {
	float: left;
	width: 410px;
	clear: both;
	padding: 0;
}

.products-title h1 {
	float: left;
	font-size: 5em;
	margin: 0;
	padding: 0;
	color: #666;
	clear: left;
 	font-weight:bold;
}

ul.products-navi {
	margin: 0;
	padding: 20px 0 0;
	float: left;
	list-style-type: none;
	clear: left;
	width: 800px;
}

ul.products-navi li {
	display: inline;
}

ul.products-navi li a {
	padding: 0 10px 0 0;
	text-decoration: none;
	color: white;
}

ul.products-navi li a:hover {
	color: #818181;
}

a.backtop {
	text-decoration: none;
	font-size: .9em;
	color: #252525;
}
a.link {
	text-decoration: none;
	font-size: 18px;
	color: #cdcdcd;
}
a.more {
	text-decoration: none;
	font-size: 16px;
	color: #cdcdcd;
}

a.backtop:hover {
	color: #808080;
}



/* @end */