body{
	margin:0;
	padding:0 0 <length> 0;
	text-align: center;
	font-weight: 100;
	font-weight: 16px;
	font-family:"Futura Book", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:300; font-style:normal;
	background: #fff;
 }

/* div { font-family:"Futura Medium", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal; } */


a {
	color: #000;
}

a:visited {
	color: #000;
}

.bluelink a:link, .bluelink a:visited {
	color: #1595d3;
	text-decoration: underline;
}

.bluelink a:hover {
	color: #1595d3; 
	text-decoration: none;
}

div#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height: 40px;
	z-index: 200;
 }
 div#footerG{
	bottom:0;
	left:0;
	padding-top: 20px;
	width:100%;
	height: 40px;
	z-index: 200;
 }

div#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 200;
 }

@media screen{
body>div#header{
	position: fixed;
}
}

@media screen{
body>div#footer{
	position: fixed;
}
}

* html body{
	overflow:hidden;
} 

* html div#content{
	height:100%;
	overflow:auto;
}


#headinterior {
	width: 900px;
	height: 140px;
	display: block;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#coninterior {
	width: 860px;
	padding: 160px 20px 80px 20px;
	display: block;
	margin: 0 auto;
	text-align: left;
	background: #fff; position:relative;
}

#coninterior2 {
	width: 860px;
	padding: 160px 20px 80px 20px;
	min-height: 800px;
	display: block;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#coninterior3 {
	width: 860px;
	padding: 160px 20px 120px 0px;
	margin-bottom: 1800px;
	display: block;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#copy {
	width: 380px;
	padding: 8px 0px 40px 6px;
	float: left;
	display: block;
	color: #000;
}

#copy p {
	color: #3e3e3e;
}

#copy ul {
	margin: 8px 0 8px 0;
	padding-left: 35px;
}

#copy ul li {
	color: #3e3e3e;
	margin: 5px 0 5px 0;
}

#copyhome { /*home page only*/
	width: 380px;
	padding: 78px 0px 40px 0px;
	float: right;
	display: block;
}

#coninterior p {
	font-size: 13px;
	font-weight: 100;
	line-height: 18px;
	letter-spacing: 1px;
}

#coninterior3 p {
	font-size: 13px;
	font-weight: 100;
	line-height: 18px;
	letter-spacing: 1px;
}

#prevbut {z-index: 100; position:absolute; top: 400px; left:125px;} 
#nextbut {z-index: 100; position:absolute; top: 400px; left:735px;}

#coninterior h3 {
	background:#ffffff url('img/bullet.gif') no-repeat left 4px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 900;
	padding-left: 15px;
	line-height: 1.2em;
}

#coninterior h4 {
	font-family: 'Gill Sans';
	
	margin: 15px 0 -10px 0;
}

#coninterior3 h3 {
	background:#ffffff url('img/bullet.gif') no-repeat left 4px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 900;
	padding-left: 14px;
	line-height: 1.2em;
}

#coninterior2 h3 {
	background:#ffffff url('img/bullet.gif') no-repeat left 4px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 900;
	padding-left: 14px;
	line-height: 1.2em;
}


#coninterior ul {
	margin: 5px 0 5px 0;
	/*margin: -10px 0px 16px 0px;*/
	color: #3e3e3e;
}


#coninterior li {
	font-size: 13px;
	letter-spacing: 1px;
	padding: 0 0 2px 0;
}

#coninterior3 ul {
	margin: -10px 0px 16px 0px;
}

#coninterior3 li {
	font-size: 13px;
	letter-spacing: 1px;
	color: #000;
}

.grey {
		font-size: 13px;
		letter-spacing: 1px;
		color: #3e3e3e;
}

.notgrey {
		font-size: 13px;
		letter-spacing: 1px;
		color: #000;
}

#imgpad {
	margin-top: 30px;
	float: left;
}

#slider {
	margin-top: 30px;
	float: left;
}

#slider img {
	padding: 0px;
	margin: 0px;
}

#homeflash {
	margin-top: 30px;
	float: left;
	padding: 0px;
}

#footinterior {
	width: 900px;
	height: 40px;
	border-top: 5px solid #333;
	display: block;
	margin: 0 auto;
	background: #fff;
	z-index: 200;
}

#footaddleft {
	font-size: 12px;
	display: block;
	float: left;
	padding: 8px 0px 0px 0px;
	color: #666;
}

#footaddright {
	font-size: 12px;
	display: block;
	float: right;
	padding: 8px 0px 0px 0px;
	color: #666;
}

#footaddright a {
	color: #666;
}

#logo {
	float: left;
	padding: 0px 0px 0px 20px;
}

#topbuttons {
	float: right;
	padding: 20px 0px 0px 0px;
}

#topbuttons a img {
	box-shadow: 3px 3px 4px #ccc;
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

#topbuttons a:hover img {
	box-shadow: 3px 3px 4px #999;
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

.clear {
	clear: both;	
}

#hidden_link {
	display: none;
}

#corp1 {
	display: block;
	width: 140px;
	float: left;
	font-size: 11px;
	padding: 15px 12px 0px 20px;
}

#corp1 li {
	line-height: 16px;
	padding-bottom: 4px;
}

#corp1 li ul {
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
}

.techimg {
	width: 283px;
	display: block;
	float: left;
}

#caption1 {
	width: 283px;
	display: block;
	float: left;
	font-size: 11px;
	text-align: center;
	margin-bottom: 40px;
}

#linone {
	list-style: none;
	padding: 10px 0px;
}

#innotable {
	display: block;
	width: 850px;
	border-collapse: collapse;
}

#innotable td {
	width: 150px;
	padding: 4px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
}

#grey {
	background: #666;
	color: #FFF;
}

#toprow {
	height: 30px;
	font-weight: 500;
}

#toprow1 {
	height: 60px;
}

#tabbor {
	border: 1px solid #333;
}

#strong2 {
	font-weight: 900;
	letter-spacing: 0px;
	font-size: 11px;
}

#strong {
	font-weight: 900;
	letter-spacing: 0px;
}

#pophead {
	/*background:#ffffff url('img/popuphead.gif') no-repeat left 4px;
	height: 75px;
	width: 550px;
	margin: 0;
	padding: 0;*/
}

#popbody {
	/*background:#ffffff url('img/SPF-Pop-Up.jpg') no-repeat 0px 0px;
	display: block;
	height: 379px;
	width: 532px;
	padding-top: 75px;
	padding-left: 10px;*/
	border-left: 4px solid #617993;
	border-right: 4px solid #617993;
	border-bottom: 4px solid #617993;
	margin-top: -5px;
	padding: 10px;
	width: 522px;
	clear: left;
	position: relative;
}

#popbody * {
	text-align: left;
	/*display: block;
	width: 240px;
	font-size: 13px;
	text-align: left;
	margin-top: 10px;*/
}

#popbody label { display: inline-block; color: #666; width: 150px; font-size: 13pt; font-weight: 500; }
#popcontainer {
	/*display: block;
	height: 570px;
	width: 560px;*/
	padding: 10px;
}

#cei-thumb { 
	display: block; 
	position: absolute; 
	bottom: 50px; 
	right: 50px;

}
/*#middletext {
	display: block;
	width: 240px;
	float: left;
}*/

#bottomtext {
	display: block;
	width: 450px;
	float: left;
}

#emailcontainer {
	width: 450px;
	display: block;
	margin: 0 auto;
	text-align: left;
}

#emailmessage {
	display: block;
	width: 450px;
	margin: 0 auto;
/*	border: 1px solid #000;*/
	clear: both;
	padding: 10px 10px 10px 0px;
}

#formcontact {
	font-size: 13px;	
}


#formleft {
	width: 200px;
	display: block;
	float: left;
	text-align: left;
	padding: 4px 0px;
	color: #666;
}

#formright {
	width: 200px;
	display: block;
	float: left;
	text-align: left;
	padding: 4px 0px;
}

#formleft1 {
	width: 130px;
	display: block;
	float: left;
	text-align: left;
	padding: 4px 0px;
	color: #666
}

#formright1 {
	width: 730px;
	display: block;
	float: left;
	text-align: left;
	padding: 4px 0px;
}

#formtextrow {
	width: 800px;
	display: block;
	float: left;
	text-align: left;
	padding: 4px 0px;
	color: #666;
}

#menubar {
	display: block;
	background: #333;
	width: 900px;
	height: 31px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
}

#menubar li {
	padding-left: 1px;
	padding-right: 1px;
}

#submenubar {
	display: block;
	width: 900px;
	height: 15px;
	text-align: right;
	padding: 5px 0 5px 0;
	position: relative;
	background: #fff;
}

#submenubar ul {
	list-style: none;
	height: 15px;
	margin: 0;
	padding: 0;
	padding-right: 25px;
}

#submenubar li a {
	float: right;
	margin-left: 15px;
	text-decoration: none;
	list-style: none;
}



.fp {
	text-align: justify;
	color: #3e3e3e;
	margin-top: -14px;
}

#gutter {
	width: 50px;
	float: left;
	padding: 30px 0px 0px 26px;
	text-align: center;
}

#rnd {
	width: 350px;
	border: 1px solid #333;
	display: block;
	margin-right: 25px;
	margin-bottom: 20px;
	padding: 10px;
	float: left;
}

#rnd1 {
	width: 450px;
	display: block;
	float: left;
}

#rnd2 {
	width: 450px;
	display: block;
	padding-bottom: 80px;
	float: left;
}

#rnd1 h4 {
	margin-top: 0px;
}

#rnd2 h4 {
	margin-top: 0px;
}

#spacer {
	width: 860px;
	height: 4px;
	margin: 15px 0px 15px 0px;
	border-top: 1px solid #000;
	border-bottom: 3px solid #000;
	display: block;
	clear: both;
}

#share {
	width: 350px;
	height: 18px;
	display: block;
	/*	border: 1px solid #000;*/
	font-size: 10px;
	text-transform: uppercase;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.blue {
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	color: #7fa0b3;
	letter-spacing: 3px;
}
.red {
	font-size: 28px;
	color: #cd2332;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 3px;
}
.plum {
	color: #c75889;
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 3px;
}

.purple {
	color: #772079;
	text-transform: lowercase;
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 3px;
}

.orange {
	color: #FBAA34;
	text-transform: lowercase;
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 3px;
}

.maroon {
	color: #B1005D;
	text-transform: lowercase;
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 2px;
}
.lightpurple {
	color: #bf8fb2;
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 3px;
}
.teal {
	color: #79a49e;
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 3px;
}
.gold {
	font-size: 28px;
	font-weight: 100;
	color: #c5ab77;
	margin-bottom: -20px;
	letter-spacing: 3px;
}
.big {
	font-size: 16px;
	font-weight: 100;
	color: #000000;
	margin-bottom: -20px;
	letter-spacing: 0px;
}

.green {
	color: #859A42;
	text-transform: lowercase;
	font-size: 28px;
	font-weight: 100;
	margin-bottom: -20px;
	letter-spacing: 3px;
}

h5 {
	margin-bottom: -5px;
}

#rnd1 ul {
	margin-top: 10px;
}

/* SLIDESHOW */

#whole {
	margin: 0px auto;
	width: 720px;
	height: 600px;
	display: block;
}

div.controls {
	height: 23px;
	width: 388px;
	float: right;
	clear: both;
	font-size: 13px;
	margin: 5px 11px 0px 55px;
}
div.controls a {
	padding: 5px;
	text-decoration: none;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
	padding-right: 10px;
}

#slideshow {
	width: 420px;
	float: right;
	background-color: #fff;
	text-align: center;
}

#slideshow a {
/*	background-color: #ff0000;
	border: 2px solid #ff00ff; */
	text-decoration: none;
}

#slideshow img {
	border: 15px solid #000;
}

#caption {
	width: 400px;
	padding-left: 0px;
	min-height: 50px;
	float: right;
	text-align: left;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	width: 280px;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}

a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}

ul.b {
	list-style-type:none;
	margin-left: 2;
	padding-left: 3em;
	text-indent: -10px;
}
ul.b li:before {  
    content: " - ";  
}  

ul.thumbs li.selected a.thumb {
	background: #000;
}

a.thumb:focus {
	outline: none;
}

ul.thumbs img {
	border: none;
	display: block;
}

#thumbs.navigation {
	width: 280px;
	float: left;
	font-size: 13px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
	text-decoration: none;
}

div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

.caption2 {
	color: #666;
	font-size: 13px;
}

.greysub {
	color: #666;
	margin-top: -15px;
}
#newgallery img {padding-bottom: 2px;}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.no-gutter { margin-bottom: 0; }
#popup-content>.teal { color: #009DAB; margin: 0; font-size: 28pt;}
.orange { color: #DE7D33; margin: 0; font-size: 12pt;}
#popup p:last-child  { padding: 0; margin: 0; }

ul#tech li { 
	position: relative;
	line-height: 20px;
	margin-bottom: 20px;
}
ul#tech li span { 
	display: block;
	border-bottom: 1px solid #848685;
	height: 114px;
	width: 670px;

}
ul#tech li img {
	position: absolute;
	right: 0;
	top: 0;
	height: 95%;
}