html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #282828 url(img/solaris/bg.png) repeat-x; color: #000; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */
a, embed, object {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; }
p {margin: 0 0 25px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
dl {display: block; margin-bottom: 30px;}
	dt {display: block; clear: left; float: left; width: 80px; margin-bottom: 5px;}
	dd {display: block; float: left; width: 150px; margin-bottom: 5px;}
/* Colours */
.orange {color: #fc6209;}
.white {color: #fff;}
.black {color: #000;}

/* Links */
a	{color: #000; text-decoration: none;}
a:hover	{text-decoration: underline;}

a.orange-arrow-right {padding-left: 8px; background:url(img/solaris/arrow_orange_right.gif) 0 50% no-repeat;}
a.orange-arrow-right:hover  {color: #fc6209;text-decoration: none;}

a.orange-arrow-left {padding-left: 8px; background:url(img/solaris/arrow_orange_left.gif) 0 50% no-repeat; color: #FFF;}
a.orange-arrow-left:hover  {color: #fc6209;text-decoration: none;}
a.orange-arrow-left-black {padding-left: 8px; background:url(img/solaris/arrow_orange_left.gif) 0 50% no-repeat; color: #000;}
a.orange-arrow-left-black:hover  {color: #000;}

#callpad { float: right; width: 245px; padding-top: 41px;}
#callus {display: block; text-indent: -9999px; overflow: hidden; height: 29px; width: 245px; background: url(img/solaris/butt_call.gif) no-repeat;}
#frontline {display: block; text-indent: -9999px; overflow: hidden; height: 70px; width: 205px; background: url(img/solaris/frontline.gif) no-repeat;}

/* Headings */
h1 {}
h2 {font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 15px;}
div.orangetop h2 {padding: 8px 20px; margin-bottom: 0;}
/* Lists */
ul.auxnav {padding: 0; margin: 0; list-style: none; float: right; width: 600px;}
	ul.auxnav li {display: inline; float: right; padding: 0 0 0 10px; background:url(img/solaris/header_div.gif) 0 50% no-repeat; margin: 0 0 0 10px;}
	ul.auxnav li a {color: #FFF;}
	ul.auxnav li a:hover  {color: #fc6209;text-decoration: none;}

ul.list-orgbulls {padding: 0; margin: 0 0 25px 0; list-style: none;}
ul.list-orgbulls li {padding: 0 0 15px 15px; background:url(img/solaris/bullet_disc_orange.gif) 0 0.5em no-repeat;}

ul.list-quicklinks {padding: 0; margin: 15px 0 0 0; list-style: none;}
ul.list-quicklinks li {padding: 0 0 0 10px; background:url(img/solaris/arrow_orange_right.gif) 0 0.4em no-repeat;}

ul.offloc {display: block; margin: 0;  padding: 0; list-style: none;}
 ul.offloc li  {display: block; float: left; width: 180px; margin: 0 25px 0 0;  padding: 0; list-style: none; font-size: 1.2em; line-height: 1.4em;}
ul.offloc h5 {font-size: 1.2em; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #ff7800;}

ul.promo-list {display: block; margin: 0;  padding: 0; list-style: none; width: 222px; overflow: hidden; }
ul.promo-list li {margin: 0 0 1px 0; padding: 8px 8px 8px 25px; background: #1b1d1b url(img/solaris/bullet_arrow_orange.gif) 9px 12px no-repeat; font-style:italic;}

ol.orgnum {display: block; margin: 0; padding: 0 35px 15px 60px;}
ol.orgnum li {color: #fc6209; font-weight: bold; font-size: 1.6em; margin-bottom: 15px;}
ol.orgnum li span {font-size: 0.7em; }

#contact-panel ul {display: block; padding: 0; margin: 0; list-style: none !important;}
#contact-panel ul li {display: block; padding: 25px 3px 25px 60px; margin: 0; border-bottom: 1px solid #c7c7c7; background-repeat: no-repeat; background-position: 15px 50%; list-style: none; font-size: 1.2em;}
#contact-panel ul li a {color: #000 !important; text-decoration: none;}		
#contact-panel ul li a:hover {color: #fc6209 !important; text-decoration: none;}		
#contact-panel ul li.phone {background-image: url(img/solaris/opsto_contact_phone.gif);}
#contact-panel ul li.email {background-image: url(img/solaris/opsto_contact_email.gif);}

/* Tables */

table.tbl-system {width: 100% padding: 0; border: 0}
table.tbl-system th, table.tbl-system td {padding: 0 10px 10px 10px;}
table.tbl-system th {font-size: 1.2em; font-weight: bold; color: #437091;}
table.tbl-system span.orange {font-size: 1.1em; font-weight: bold; }
table.tbl-system ul.list-orgbulls {padding: 0; margin: 0; list-style: none;}
table.tbl-system ul.list-orgbulls li {padding: 0 0 3px 15px; background:url(img/solaris/bullet_disc_orange.gif) 0 0.5em no-repeat;}
table.tbl-system a.orange-arrow-right {font-size: 1.2em; font-weight: bold; padding-left: 12px;}


/* Forms */


/* Superstructure  */
#outer-shield{background: url(img/solaris/bg_foot.png) 0 100% repeat-x;}
#shield {width: 896px; margin: 0 auto;}
#header {height: 27px; overflow: hidden; padding: 6px 40px 0 40px; font-size: 1.1em; font-weight: bold;}
#brand {height: 70px; padding: 0 40px; overflow: hidden; }
#base {height: 139px; background:url(img/solaris/bg_base.png) no-repeat; overflow: hidden; padding: 20px 50px;}
#footer {color: #FFF; padding: 10px 40px 30px 40px;font-size: 1.1em; font-weight: bold;}
#main {background:url(img/solaris/bg_panel.png) repeat-y; padding: 0 8px;}
	#opsto #main {background:url(img/solaris/bg_panel_silver.png) repeat-y; }
#main-inner {background:url(img/solaris/bg_innergrad.png) repeat-x; }
	#opsto #main-inner {background:url(img/solaris/bg_panel_silver.jpg) 0 227px no-repeat; }
#content {width: 821px; margin-left: 30px;}
#masthead img {display: block;}
#intropanel {background: url(img/solaris/bg_intropanel.gif) repeat-y; padding: 15px 25px; font-size: 1.8em; color: #FFF; line-height: 1.4em; font-weight: bold;}
	#intropanel strong, #intropanel a {color: #fc6209;}	
	#intropanel-foot {height: 16px; background:url(img/solaris/bg_intropanel_foot.gif) no-repeat;}
	#intropanel-foot-black {height: 16px; background:url(img/solaris/bg_intropanel_foot_black.gif) no-repeat;}
#content-panel {min-height: 300px; height:auto !important; height:500px; padding: 20px 20px 10px 20px; font-size: 1.4em; line-height: 1.4em;}	
	div.bg-white #content-panel {background-color: #FFF;}
	div.bg-black #content-panel {background-color: #000; padding: 15px;}
	div.bg-silver #content-panel {background-color: #FFF; padding: 5px 15px 15px 15px;}
#content-foot {height: 50px; }	
	div.bg-white #content-foot {background: #343434 url(img/solaris/bg_content_foot_white.gif) no-repeat;}
	div.bg-black #content-foot {background: #343434 url(img/solaris/bg_content_foot_black.gif) no-repeat;}
	div.bg-silver #content-foot {background: #b0b2b4 url(img/solaris/bg_content_foot_silver.gif) no-repeat;}	
	#home #content-foot {height: 105px; background: #343434 url(img/solaris/bg_content_foot_grey.png) no-repeat;}		
#sidebar {float: right; width: 176px;}
#article {float: left; width: 580px; padding-top: 10px; }

#opsto #sidebar {float: right; width: 244px;}
#opsto #article {float: left; width: 537px; padding-top: 0; }

/* Infrastructure  */

#slideshow  {position: relative; display: block;   width: 880px; height: 292px; overflow: hidden;}
#slideshow img {position: absolute;   width: 880px; height: 292px;}
#slidecurrent {z-index: 50;}
#slidenext {z-index:97;}


#sidebar a.banner {display: block; margin-bottom: 15px;}	

#home-promos {width: 790px; margin-bottom: 15px; background: url(img/solaris/home_promo.gif) no-repeat;  }
#home-promos div.home-promo-row {clear: left; margin-bottom: 20px; }
#home-promos div.home-promo {float: left; width: 222px; margin-right: 17px; padding: 0 15px; color: #FFF; font-size: 0.9em; line-height: 1.3em;}
#home-promos div.graded {float: left; background:url(img/solaris/home_promo_grad.gif) repeat-y; }
#home-promos div.graded div.home-promo {width: 202px;  padding: 10px 25px; font-size: 1.2em;}
#home-promos div.role div.home-promo {width: 202px;  padding: 10px 25px 0 25px; }
#home-promos div.role strong { font-size: 1.4em;  line-height: 1.5em;}
	


#home-promos-foot {clear: left; background:url(img/solaris/home_promo_foot.gif) 0 100% no-repeat; height: 5px;}

div.box-grey {background: #f1f1f1; margin-bottom: 25px; }
	div.box-grey div.top {background: url(img/solaris/bg_corner_grey_tl.gif) 0 0 no-repeat;}
	div.box-grey div.top div {height: 15px; background: url(img/solaris/bg_corner_grey_tr.gif) 100% 0 no-repeat;}
	div.box-grey div.orangetop {background: #fd8c00 url(img/solaris/bg_corner_orange_tl.gif) 0 0 no-repeat; color: #FFF;}
	div.box-grey div.orangetop div {min-height: 15px; height:auto !important; height:15px; background: url(img/solaris/bg_corner_orange_tr.gif) 100% 0 no-repeat;}
	div.box-grey div.bottom {background: url(img/solaris/bg_corner_grey_bl.gif) 0 100% no-repeat;}
	div.box-grey div.bottom div {height: 15px; background: url(img/solaris/bg_corner_grey_br.gif) 100% 100% no-repeat;}
	div.box-grey div.content {padding: 5px 20px; font-size: 0.9em;}
	
div.hr-orange {border-top: 1px solid #fc6209; height: 25px;}	

/* Open Storage */
#opsto #sidebar a.banner {display: block; margin-bottom: 10px;}	
#opsto .banner {display: block; margin-bottom: 15px;}	
div.bordered {border: 1px solid #c7cbcc; padding: 1px;}
div.opsto-title {background: #437091 url(img/solaris/bg_opsto_bluegrad.gif) repeat-x; padding: 15px; color: #FFF; font-size: 1.4em; font-weight: bold;}
div.opsto-content {background: url(img/solaris/bg_opsto_greygrad.jpg) repeat-x; padding: 15px 5px 5px 5px; }
div.opsto-pad {padding: 15px;}
div.opsto-row {min-height: 400px; height:auto !important; height:400px; }
span.blue-title {font-size: 1.2em; font-weight: bold; color: #437091;}

#contact-panel {border-top: 2px solid #f79f00; }
	#contact-panel div.contact-title {color: #000; padding: 20px 15px; font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #c7c7c7;}