/*========================
Cascading Style Sheets
for Jupi Corporation
www.jupicorp.com

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
html, body {height:100%;}
html {overflow-y:scroll;}
body {
	font:10px Verdana, Arial, Helvetica, serif;
	margin:0;
	background:#000;
	color:#fff;
}
h1, h2 {
	filter:alpha(opacity=80);
	zoom:1;
	opacity:0.8;
	background:#424242;
	color:#fff;
	letter-spacing:-1px;
	font-weight:100;
	font-family:"Trebuchet MS", Helvetica, Arial, Verdana, serif;
	text-transform:uppercase;
}
h1 {
	margin:8px 8px 0 0;
	padding:3px 0 3px 35px;
	text-transform:uppercase;
	font-size:36px;
	background:#1C1B1A;
}
h2 {
	margin:0;
	padding:0 6px;
	font-size:30px;
}
h3 {
	margin:0;
	font-size:12px;
	font-weight:700;
}
h4 {
	margin:0;
}
h5 {
	margin:5px 40px;
	font-size:12px;
}
h6 {
	margin:0;
}
a:link, a:visited {text-decoration:none;color:#C3C3C3;}
a:hover {text-decoration:none;color:#878787;}
a:active {color:#CE7474;}

::-moz-selection {background: #333;color:#fff;}
::selection {background: #333;color:#fff;}

ul, ol {margin:0;padding:0;}
li {margin:0;padding:0;}
ul li {
	list-style-type:none;
	background:url(../images/bullet.gif) no-repeat 0 7px;
	padding-left:10px;
}
p {margin:10px 0;}
em {font-style:italic;font-weight:700;}
table {font-size:10px;border-collapse:collapse;}
td {vertical-align:top;padding:3px;}

.box {border:solid 16px #1E1C1D;color:#8F8585;background:url(../images/bg_trans.png) repeat;}
.headerImg {float:left;width:438px;height:273px;}
.clear {clear:both;}

#content-wrap img {padding:2px;border:solid 1px #222;}
.rightImg {float:right;margin:5px 0 5px 5px;}
.leftImg {float:left;margin:5px 0 5px;}

/*====Header Images====*/
#acestar {background:url(../../Images/headers/acestar.jpg) no-repeat;}
#drrey {background:url(../../Images/headers/drrey.jpg) no-repeat;}
#jackson {background:url(../../Images/headers/jackson.jpg) no-repeat;}
#mensfit {background:url(../../Images/headers/mensfit.jpg) no-repeat;}
#morrissey {background:url(../../Images/headers/morrissey.jpg) no-repeat;}
#priscilla {background:url(../../Images/headers/priscilla.jpg) no-repeat;}
#schiavi {background:url(../../Images/headers/schiavi.jpg) no-repeat;}

/*====Layout====*/
#flashBg {position:relative;z-index:-1;}
#flashBg #flash {position:absolute;right:0;}
#outter-wrap {
	margin:0 auto;
	width:1000px;
	z-index:100;
	padding:28px 30px 0;
}
#header {margin-bottom:20px;}
#home #header h1, #brands #header h1, #header h1 {
	background:url(../images/logo_jupi.png) no-repeat;
	width:219px;
	height:43px;
	padding:3px 0;
	opacity:1;
	filter:alpha(opacity=100);
}
#header h1 span {display:none;}
#content-wrap {float:left;overflow:hidden;}
#internal #content-wrap {
	min-height:400px;
	height:auto !important;
	height:400px;
}
#footer {clear:both;height:40px;width:1000px;padding-top:30px;}
#footer span {display:none;}
#footer #cstech {
	position:absolute;
	background:url(../images/logo_cornerstone.png) no-repeat;
	display:block;
	width:118px;
	height:12px;
}
#footer #copyright {
	position:absolute;
	/*right:220px;*/
	right:150px;
	background:url(../images/text_copyright.png) no-repeat;
	width:167px;
	height:10px;
}
#footer #facebook {
	position:absolute;
	right:150px; margin-top:-12px;
	background:url(../images/facebook_logo.png) no-repeat;
	width:30px;
	height:29px;
}

/*====Navigation====*/
#nav {float:left;width:154px;margin-right:81px;}
#nav ul {
	margin:0;
	padding:0;
	width:175px;
	list-style:none;
	font:700 11px "Trebuchet MS", Helvetica, Arial, Verdana, serif;
}
#nav li {text-transform:uppercase;margin:1px 0;padding:0;background:none;}
#nav li a:link, #nav li a:visited {
	display:block;
	color:#C4C0C0;
	padding:4px 6px;
	height:16px;
	background:#0D0D0D;
}
#nav li a:hover {color:#fff;text-decoration:none;}
#nav li.selected a:link, #nav li.selected a:visited {background:#4D4645;color:#fff;}
#nav ul ul {padding:5px 0 0 10px;width:165px;}
#nav ul ul li {border-bottom:solid 1px #232222;margin:0;}
#nav ul ul li a:link, #nav ul ul li a:visited, #nav li.selected li a:link, #nav li.selected li a:visited {
	color:#929191;
	font-size:11px;
	padding:0;
	height:14px;
	padding:2px 0;
	background:none;
	text-transform:none;
}
#nav li.selected li.selected a:link, #nav li.selected li.selected a:visited {color:#fff;}
#nav ul ul li a:hover, #nav li.selected li a:hover {color:#fff;}
#nav ul ul li:last-child {border:none;}

/*====Flash Splash====*/
#splash {text-align:center;}

/*====Default Pages====*/
#content-wrap {background:url(../images/bg_trans-grey.png) repeat;width:580px;padding:0 5px 5px 0;overflow:hidden;height:100%;}
#content-wrap p, #content-wrap h3, #content-wrap h4, #content-wrap ul  {margin-left:35px;margin-right:15px;}
#content-wrap img  {margin-left:10px;margin-right:10px}
#content-wrap li {margin-left:10px;}
#content-wrap table {margin:10px auto;}
#content-wrap table * {margin-left:0;}

/*====Home====*/
#home #content-wrap {width:390px;margin:115px 0;}
.announcement-list {margin:15px 15px 0px 35px;}
#content-wrap .announcement-list h3, #content-wrap .announcement-list img {margin-left:0px;}

/*====Brands====*/
#brands, .noFlashBG {background:#000 url(../images/bg.jpg) no-repeat top right;}
#brands #content-wrap {width:791px;background:none;}
#brands h1 {padding-top:0;padding-bottom:0;background:#424242;}
#brands #content-wrap * {margin-left:0;}
#brands #content-wrap p {margin-left:0;}
#brands #nav {margin-right:38px;}
#brands #content h1 {font-size:30px;margin-left:-26px;text-transform:none;}
#brands #content {
	width:327px;
	height:236px;
	padding:0 0 5px 10px;
	border-right:none;
	float:left;
}
#brands #content h1.small {font-size:21px;}
#brands #scroll {width:319px;height:183px;overflow:auto;outline:none;padding:6px 0;}
#brands #feature {margin-top:5px;clear:both;}
#brands #feature .featureBox {width:300px;float:left;margin:8px 8px 5px;display:inline;}
#brands #feature #gallery h2 {margin-left:-24px;padding-left:24px;}
#brands #feature #videos {width:186px;}
#brands #feature #stockists {font-weight:700;font-size:11px;width:241px;}
#brands #feature #stockists h2 {margin-right:-24px;}
#brands #feature #stockists img {margin:30px auto 0;display:block;border:none;}
#brands #feature .content {padding:3px 0 0;overflow:hidden;}
#brands #feature .item {
	float:left;
	width:85px;
	height:46px;
	margin:2px 3px 5px;
	display:inline;
}
#brands #feature .item img {width:85px;height:46px;padding:0;}
#brands #feature .left {margin-left:0;}

/*====Gallery====*/
#content-wrap table.photogalleryTable {width:100%;margin:0 auto;}
#content-wrap table.photogalleryTable td {text-align:center;vertical-align:middle;padding:2px 3px 3px;}
#content-wrap table.photogalleryTable img, #content-wrap .media-item img {padding:0;border:none;}
#content-wrap .media-item img {width:110px;height:73px;}
#content-wrap .media-item {margin:0 41px 8px 32px;float:left;display:inline;}

/*====Contact Form====*/
#content-wrap .webform {width:200px;}
#content-wrap .webform td {padding:0;}
#content-wrap input.cat_textbox, #content-wrap textarea.cat_listbox, #content-wrap select.cat_dropdown, #content-wrap select.cat_listbox {
	width:150px;
	border-top:solid 1px #6F7777;
	border-left:solid 1px #6F7777;
	border-bottom:solid 1px #919999;
	border-right:solid 1px #919999;
	font:10px Verdana, Arial, Helvetica, serif;
}
#content-wrap .webform textarea {height:100px;}
#content-wrap .webform .cat_button {
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-bottom:solid 1px #333;
	border-right:solid 1px #333;
	background:#6F7072;
	color:#fff;
	text-transform:uppercase;
}
#contact td {padding:0 0 25px;}


#facebook {
	position:relative; float:left; clear:both;
	margin:20px 0px 0px;
	padding:13px 0px 0px 35px;
	background:url(../images/facebook_logo.png) no-repeat;
	width:auto;	height:16px;
} #facebook span {display:none;}
a#facebook, a#facebook:hover {color:#C4C0C0;text-decoration:none;} a#facebook:hover {color:#FFFFFF;}