html {

	y-overflow: none;

}

body {

	background-color: #232323;

	margin: 0;

	padding: 0;

	color: #FFF;

}

a {

	color: #FFF;	

}

a:hover {

	color: #B1FC03; 	

}



#top-panel {

	background-color: #000;

	width: 100%;

	height: 84px;

}

#nav-panel {

	float: right;

	padding: 30px 0 0 0;

	width: 460px;

}

#top-panel #logo {

	margin-right: 650px;

}



#top-panel #logo h1 {

	text-indent: -12000em;

	margin-left: 50px;

	padding-top: 2px;

}

#top-panel #logo h1 a {

	background: transparent url(/img/skynsin-logo.gif) 0 0 no-repeat;

	width: 177px;

	height: 76px;

	display: block;

}

#content-wrap,

#nav-panel,

#bottom-panel {

	margin: 0 50px;

}



#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	float: right;

	font: 11px Arial;

	text-transform: uppercase;	

}

#nav a {

	display: block;

	width: 8em;

	height: 20px;

	text-decoration: none;

	padding-top: 5px;

	color: #DFDFDF

}

#nav a:hover {

	color: #D8FE01;	

}

#nav li { /* all list items */

	float: left;

	width: 7.5em; /* width needed or else Opera goes nuts */

	margin-right: 1px;

}

#nav li.collections {

	margin-right: 28px;

}

#nav li ul { /* second-level lists */

	position: absolute;

	background-color: #333333;

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	padding-left: 10px;

	border: 1px solid #000;

}

#nav li ul a {

	padding-right: 25px;	

}



#nav li ul ul { /* third-and-above-level lists */

	margin: -20px 0 0 9em;

}

#nav li ul ul li a { /* third-and-above-level lists */

	width: 10em;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}









#content-panel {

	 background: #232323 url(/img/skynsin_bg_grey.jpg) 0 0 repeat-x;

	 width: 100%;

	 min-height: 450px;

}

body#homepg #content-panel #content-wrap {

	display: block;

	width: 900px;

	padding-top: 18px;

}

#content-panel #side-b {

	width: 410px;

	height: 480px;

	float: right;

	padding-top: 10px;

	text-align: right;

	display: inline;

}

#content-panel #side-a {

	margin-right: 430px;

	padding-top: 18px;	

}





#content-panel #side-b #showcase-panel {

	width: 400px;

	height: 500px;

}

#content-panel #side-a div#scrollPanel {

	height: 440px;

	margin-right: 10px;

}





















.roundcont {

	width: 460px;

	background-color: #333333;

	color: #fff;

	font: 9px/1.4em Verdana, Helvetica, sans-serif;

	text-align: justify;

}

.roundcont h2 {

	margin: 0 10px 10px 20px;

	font: 14px 'Verdana';	

	text-transform: uppercase;

}

.roundcont h2 div.subhead {

	font-size: 11px;

	color: #C0C0C0;

}

.roundcont h3 {

	margin: 13px 10px 2px 20px;

	font: 12px 'Trebuchet MS', Lucida Console, Monaco, monospace;

}

.roundcont h3 a {

	text-decoration: none;

}

.roundcont h3 span {

	font: 9px Arial;

}

.roundcont p {

	margin: 0 10px 0 20px;

}

.roundcont ul {

	list-style: square;	

	margin-left: 15px;

}

.roundcont ul li {

	margin: 0 10px 4px 20px;

}

.roundcont ul li ul {

	list-style: square;	

	margin-left: 10px;

	margin-top: 4px;

}

.roundcont ul li ul li {

	margin: 0 10px 4px 20px;

}



.roundtop { 

	background: url(/img/tr.gif) no-repeat top right; 

}

.roundbottom {

	background: url(/img/br.gif) no-repeat top right; 

}

img.corner {

   width: 15px;

   height: 15px;

   border: none;

   display: block !important;

}



#office-address {

	float: right;

	width: 160px;

	display: block;

	margin-top: -42px;

}

#office-address p,

#office-address h3 {

	margin-left: 0;	

}

#enquiry-form {

	margin-right: 180px;

}

#enform {

	

}

#enform label {

	width: 70px;

	display: block;

	float: left;

	display: table-cell;

	vertical-align: middle;

	line-height: 2em; 	

	

}

#enform input.boxes,

#enform textarea.boxes,

#enform select.boxes {

	padding: 3px 2px 5px 2px;

	font: 11px Verdana;

	background-color: #3d3d3d;

	border: 1px solid #232323;

	color: #FFF;

}

#enform input.boxes {

	width: 150px;	

}

#enform textarea.boxes {

	width: 220px;

	overflow: auto;

}

#enform input.btn {

	width: 100px;

	background-color: #3d3d3d;

	border: 2px solid #808080;

	padding: 2px 5px;

	color: #B1FC03

}

.form-row {

	margin-bottom: 3px;

	display: block;	

}







#bottom-panel {

	font: 12px/1.3em 'Trebuchet MS', Helvetica, sans-serif;

	color: #C0C0C0;

	clear: both;

}

.foot-wrap {

	font: 10px Arial;	

}

.foot-wrap ul li {

	float: left;

	text-align: center;

}

.foot-wrap ul li.copy {

	width: 200px;

	border-right: 1px solid #808080;	

}

.foot-wrap ul li.policy {

	width: 90px;

	border-right: 1px solid #808080;	

}

.foot-wrap ul li.terms {

	width: 130px;

}

.foot-wrap a {

	text-decoration: none;

	color: #C0C0C0;

}

.foot-wrap a:hover {

	color: #FFF;

}	



/*

body#homepg        div#nav-panel ul li.home        a,

body#aboutpg       div#nav-panel ul li.about       a,

body#collectionspg div#nav-panel ul li.collections a,

body#presspg       div#nav-panel ul li.press       a,

body#contactpg     div#nav-panel ul li.contact     a {

	background: url("/img/slide-door.gif") no-repeat top right;

} 



body#homepg        div#nav-panel ul li.home        a span,

body#aboutpg       div#nav-panel ul li.about       a span,

body#collectionspg div#nav-panel ul li.collections a span,

body#presspg       div#nav-panel ul li.press       a span,

body#contactpg     div#nav-panel ul li.contact     a span {

	background: url("/img/slide-door.gif") no-repeat top left;

}

*/