/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
base-min.css version: 2.8.0r4
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}
/*
reset-min.css version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body{
	background: #f6f6f6 url(../img/bg_body.gif) repeat-x top left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.5;
	padding-top: 14px;
}
a{
	color: #c33;
}
a:hover{
	color: #630;
}
a:visited{
	color: #333;
}
h3{
	color: #333;
	font-size: 130%;
	margin-top: 25px;
}
h4{
	color: #333;
	font-weight: bold;
}
strong{
	font-weight: bold;
}
div#wrapper{
	background: #fff url(../img/bg_page_corner.gif) no-repeat top right;
	margin: 0 auto;
	width: 885px;
	
}
div#content{
	padding: 50px 45px;
}
h1#logo a{
	background: #fff url(../img/logo_men.gif) no-repeat top left;
	display: block;
	height: 129px;
	width: 78px;
	text-indent: -999em;
	float: left;
	overflow: hidden;
}

ul#nav{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 60px;
	margin-top: 54px;
	padding: 12px 0 12px 325px;
}
ul#nav li{
	list-style-type: none;
	float: left;
	display: inline;
	margin: -5px 0 0;
}
ul#nav li a{
	background: #fff url(../img/sprite_nav.gif) no-repeat top left;
	display: block;
	float: left;
	text-indent: -999em;
	width: 82px;
	height: 15px;
	overflow: hidden;
}
ul#nav li#home a{
	width: 43px;
}
body#home ul#nav li#home a,
ul#nav li#home a:hover{
	background-position: 0 -15px;
}
ul#nav li#about a{
	background-position: -42px 0;
	width: 83px;
}
body#aboutus ul#nav li#about a,
ul#nav li#about a:hover{
	background-position: -42px -15px;
}
ul#nav li#prods a{
	background-position: -125px 0;
	width: 88px;
}
body#products ul#nav li#prods a,
ul#nav li#prods a:hover{
	background-position: -125px -15px;
}
ul#nav li#advert a{
	background-position: -420px 0;
	width: 87px;
}
body#advert ul#nav li#advert a,
ul#nav li#advert a:hover{
	background-position: -420px -15px;
}
ul#nav li#works a{
	background-position: -211px 0;
	width: 110px;
}
body#workwithus ul#nav li#works a,
ul#nav li#works a:hover{
	background-position: -211px -15px;
}
ul#nav li#cntct a{
	background-position: -321px 0;
	width: 95px;
}
body#contactus ul#nav li#cntct a,
ul#nav li#cntct a:hover{
	background-position: -321px -15px;
}

div#copy{
	color: #999;
	clear: left;
	margin: 50px 0;
}
div#copy h2{
	color: #333;
	text-align: center;
	font-size: 300%;
	font-family: Georgia, serif;
	margin-bottom: 30px;
}
div#copy p{
	margin-bottom: 15px;
}
p.footer{
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	clear: both;
	color: #999;
	padding: 3px 0;
	text-align: center;
}

img.magnify,
img.microphone{
	width: 408px;
	height: 398px;
	float: right;
}
img.microphone{
	width: 434px;
	height: 191px;
}

.clear{
	clear: both;
}

/* laptop showreel */
div#laptop-showreel{
	position: relative;
	width: 753px;
	height: 397px;
	margin: 0 auto;
}
div#laptop-showreel img.laptop{
	position: absolute;
	top: 0;
	left: 0;
}
div.carousel-container{
	left: 238px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	width: 277px;
	z-index: 10;
}
div.showcase ul li{
	width: 277px;
	height: 185px;
	list-style-type: none;
}
span.next,
span.prev{
	width: 41px;
	height: 41px;
	background: #fff url(../img/button_right.jpg) no-repeat top left;
	display: block;
	position: absolute;
	z-index: 20;
	top: 100px;
	left: 600px;
	cursor: pointer;
	text-indent: -999em;
}
span.prev{
	background-image: url(../img/button_left.jpg);
	left: 110px;
}
img.ratecard{
	float: left;
	margin-right: 10px;
	width: 102px;
	height: 72px;
}
div#copy ul{
	margin-left: 40px;
}

ul.supplements li{
	color: #333;
    float: left;
    font-weight: bold;
    list-style-type: none;
	margin-bottom: 15px;
    margin-right: 70px;
    text-align: center;
    width: 150px;
}
ul.supplements li span{
	color: #999;
	font-size: 11px;
	font-weight: normal;
}