::selection {
	background: #ffffbb;
}
::-moz-selection {
	background: #ffffbb;
}

/*--- Layout ---*/
body{
	/*background: #f5f5f9;*/
	
	background: #f6f6f6 url(../images/body-bg.png) top center repeat-y;
}
#container{
	width: 740px;
	margin: 0 auto;
}
#header{
	background: #0089cf;
	
}
#headerinner{
	padding: 0 0 0 10px;
}
#headerinner h1{
	margin: 0;
	display: block;
	float: left;
	width: 36px;
	height: 50px;
	text-indent: -1500em;
	background: url(/images/soplogo-small.png) top no-repeat;
}
#header h1 a{
	display: block;
	width: 36px;
	height: 50px;
}
#header h2{
	margin: 0;
	display: block;
	float: right;
	width: 250px;
	height: 50px;
	background: url(/images/soplogotext-small.png) top no-repeat;
	text-indent: -1500em;
}

/* Navigation */
a.skipnav { 
      position:absolute;  
      top: 0;
      left: 0; 
      height: 5px;
      width: 5px;
      text-indent: -1500em;
}
a.skipnav:focus,
a.skipnav:hover,
a.skipnav:active { 
      position:absolute; 
      width: 120px;
      height: 15px;
      text-indent: 0;
}

#menu {
	border-top: 1px solid #00609e;
	border-bottom: 1px solid #dca000;
	background: #ffdd00;
}
#nav-one{
	display: block;
	width: 740px;
	margin: 0 auto;
}
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
	z-index: 100;
	position: relative;
}
.nav li {
	/*border-left: 1px solid #000;*/
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	/*background: #565656;*/
	color: #377cab;
	display: block;
	padding: 3px 9px;
	text-decoration: none;
}

.nav li a:hover {
	background: #0089cf;
	color: #fff;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
	background: #0089cf;
	color: #fff;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	background: #ffdd00;
	color: #377cab;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	background: #0089cf;
	color: #fff;	
}

.nav ul {
	background: #ffdd00;
	border-bottom: 1px solid #dca000;
	list-style: none;
	margin: 0;
	width: 160px;
	position: absolute;
	top: -999em;
	left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
	border: 1px solid #dca000;
	top: 22px;
	padding-bottom: 5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}
.nav ul li {
	border: 0;
	float: none;
}
.nav ul a {
	border-bottom: 0;
	padding-right: 20px;
	white-space: nowrap;
}
.nav ul a:hover {
	background: #ccc;
	color: #000;
}
#nav-one a.currentsection{
	background: #ffc600;
	color: #00457e;
}
#pagemenu{
	border-bottom: 1px solid #f8b2dc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#pagemenu ul{
	display: inline;
	margin: 0;
	padding: 0;
}
#pagemenu li{
	list-style-type: none;
	display: inline;
}
#pagemenu a{
	margin-right: 10px;
	color: #aaa;
}
#pagemenu a:hover,
#pagemenu a.currentpage {
	color: #666;
}
/* End Navigation */

#pagebody{
	/*border: 1px solid #f00;*/
	background: #fff;
}
#pagebodyinner{
	width: 740px;
	margin: 0 auto;
	position: relative;
}
#contentintro{
	padding: 0;
	position: relative;
	height: 250px;
	background: url(/images/conveyer.jpg) top left no-repeat;
}
#introslide:hover{
	background-color: #ddf3ff;
}
#contentintro h2{
	font-family: Blair, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	width: 700px;
	bottom: 0;
	left: 0;
	background: #000;
	color: #fff;
	margin: 0;
	padding: 8px 20px 8px;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: rgb(0, 69, 126);/* The Fallback */
	background: rgba(0, 69, 126, 0.8);
	font-size: 2em;
	z-index: 10000;
}
#contentintro p{
	color: #0089cf;
	font-size: 1.1em;
	padding: 20px 0;
	line-height: 1.8;
	margin: 0 0 0 505px;
}
#contentintro img{
	float: left;
	margin-right: 15px;
}
/*.conveyer{
	
	height: 250px;
}*/
.article{
	background: url(/images/bg_news.png) top right no-repeat;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 15px;
}
.multicol2{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	clear: both;
}
#col1{
	width: 470px;
	padding: 20px 0;
	float: left;
}
#col1 h1,
#col1 h2,
#col1 h3,
#col1 h4{
	color: #0089cf;
}
#col1 p,
#col1 ul,
#col1 ol,
#col1 dl{
	color: #666;
}
#col2{
	background-color: #005e9e;
	background-position: -60px 100%;
	background-repeat: no-repeat;
	width: 210px;
	float: right;
	padding: 20px 20px;
}
#col2 h1,
#col2 h2,
#col2 h3,
#col2 h4{
	color: #ffdd00;
}
#col2 p,
#col2 ul,
#col2 ol,
#col2 dl{
	color: #fff;
	/*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
}
#col2 a{
	color: #ffdd00;
	text-decoration: underline;
}
#col2 a:hover{
	color: #ff9900;
}
#col2 h3 a{
	font-weight: normal;
}
#col3{
}
.paperrolls{
	background-image: url(/images/col2-bg-paperrolls.jpg);
}
.greenearth{
	background-image: url(/images/col2-earth.jpg);
}
.widesidebar #col1{
	width: 225px;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
.widesidebar #col2{
	width: 465px;
	background-position: right bottom;
}


#footer{
	/*border: 1px solid #000;*/
	background: #005e9e url(/images/bg_footer2.png) top repeat-x;
	color: #ddd;
}
#footerinner{
	padding: 30px 10px;
}
.copy{
}
.clear{
	clear: both;
}
/*.left{
	float: left; 
	padding: 4px; 
	border: 1px solid #ddd; 
	margin: 0 10px 10px 0;
}*/
.leftfloat{
	float: left; 
	padding: 4px; 
	border: 1px solid #ddd; 
	margin: 0 10px 10px 0;
}
/*
.testpattern1{
	position: absolute;
	top: 40px;
	left: -60px;
	width: 21px;
	height: 152px;
	background: url(/images/test-pattern.png) top left no-repeat;
}
.testpattern2{
	position: absolute;
	bottom: 40px;
	right: -60px;
	width: 21px;
	height: 152px;
	background: url(/images/test-pattern2.png) top left no-repeat;
}
*/
table.tabular1{
	border-top: 1px solid #ddd;
}
table.tabular1 th,
table.tabular1 td{
	border-bottom: 1px solid #ddd;
}
th.windows{
	background: url(/images/windows-logo.png) center left no-repeat;
	padding: 15px 3px 15px 55px;
}
th.apple{
	background: url(/images/apple-logo.png) center left no-repeat;
	padding: 15px 3px 15px 55px;
}
tr.submittr th,
tr.submittr td{
	border-top: 1px solid #ddd;
	padding-top: 15px;
}
li.pdf{
	list-style-image: url(/images/pdf-icon.png);
	list-style-position: 5px 30px;
}
#clientnav li{
	list-style-type: none;
	
}

#clientpubs{
	float: left;
}
#clientpubs img{
	padding: 10px; 
	border: 1px solid #ddd; 
}
#clientnav a.activeSlide { color: #94005a }
form th{
	text-align: right;
	vertical-align: top;
	
}

#col1 p.required,
#col1 p.error,
.required,
.error {
	color: #ff0000;
}