body { 
    margin: 0px;
    padding: 0px; 
	padding-top: 50px;
	/*font-family: Helvetica, Arial, sans-serif;  */
	font-family: Helvetica, Arial, sans-serif;
    background-color: #FFFFFF;
	overflow: hidden;
	

}

/* remove ugly system borders links */
a img 	{ 	border:0 }
a:active { 	outline:none; }
:focus   { -moz-outline-style:none; }
* { target-new: tab ! important }

.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
	opacity:.4;
}

#white {
	position: absolute;
	width: 1024px;
	height: 570px;
    margin: 0 auto;
	background: url(/images/SOOgrey50.png);
	background: rgba(10,5,0,0.75);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: -500;
}

#wrapper {
	width: 1024px;
	height: 573px; /*formerly 540 (height+42)*/
    margin: 0 auto;
}

#logo {
    height: 25px;
    width: 241px;
	margin: 0px;
	padding: 0px;
    margin-top: 0px;
    padding-top: 0px;
	z-index:200;
}

#slider {
    width: 1024px;
	height: 573px;
    margin-top: 0px;
    position: relative;
	/*background: black; */
}

.scroll {
    width: 1024px;
    height: 530px;
	overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF;
}

#daFade {
	opacity: 0;
}

#temp {
	opacity: 0;
}
.scrollContainer div.panel {
    padding: 0px;
    width: 1024px;
	height: 530px;
	
}

#tabs {
	position:absolute;
	bottom:528px;  
	right:0px;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	z-index:2;
}

ul.navigation {
    list-style: none;
}

ul.navigation li {
  display:inline;
}

ul.navigation a {
  COLOR: #e5e5e5; /*B3B3B3 30% gray*/ /*999999 40%*/
  FONT-WEIGHT: 800;
  FONT-SIZE: 18px;
  FONT-STYLE: normal;
  FONT-VARIANT: normal;
  text-decoration: none;
  background: none;
  opacity: .7;  
}

ul.navigation a:hover {
  /*color: #666666; /*CCCCCC 20% gray*/ /*666666 60%*/
	opacity: .3;
}

ul.navigation a.selected {
	color: #e5e5e5; /*808080 50% gray*/ /*666666 60%*/
	opacity: 1;
}

ul.navigation a:focus {
    outline: none;
}

/* HOME page */
#home {
	background-image:url(/images/SOObg1.jpg);
	height: 530px;
    width: 1024px;
}

.infobox {
  background: url(/images/SOOgrey50.png);
  background: rgba(0,0,0,0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #CCCCCC;
  FONT-WEIGHT: 100;
  FONT-SIZE: 12px;
  FONT-STYLE: normal;
  FONT-VARIANT: normal;
  padding: 0px;
  margin: 0px;
}

#infohome1 {  /*media/video infobox */
	position: absolute;
	top: 45px;
	left: 45px;
	width: 648px;
	height: 458px;
	/*video player 640x360+20 (old 550x310) */
}
/*JW Player */
#videoplayerA {
	position: absolute;
	width:640px;
	height:380px;
	display:block;
	background-color:#666666;
	top: 26px;
	left: 4px;
}

#checkThis {
	position: absolute;
	top: 2px;
	right: 4px;
}

#homecaption {
	position: absolute;
	width:640px;
	height:45px;
	top: 398px;
	left: 4px;
	line-height: 12px;
}

#homecaption ul{
	list-style-type: none;
	padding-left:0px;
	padding-bottom:10px;
	color: #CCCCCC;
  	FONT-SIZE: 11px;
	font-weight:100;
}

#infohome2 { /*SOO blurp*/
	position: absolute;
	top: 65px;
	right: 45px;
	width: 240px;
	height: 125px;
	padding: 5px 8px 10px 7px;
	line-height: 14px;
	text-align:justify;
}

#infohome3 { /*twitter box*/
	position: absolute;
	top: 220px;
	right: 45px;
	width: 240px;
	height: 265px;
	padding: 5px 10px 10px 4px;
	line-height: 15px;
	overflow: hidden;
}

#hometext1 { /*WE ARE content*/
	position: absolute;
	width: 240px;
	height: 125px;
	overflow:hidden;
	padding: 26px 10px 10px 0px;
}

#twitter_div {
	position:absolute;
	width: 240px;
	height: 250px;
	overflow: hidden;
	padding: 0px;
	margin-top: 10px;
}

#twitter_div ul{
	list-style-type: circle;
	padding-top: 4px;
	padding-left: 16px;	
}

#twitter_div li{
	margin-bottom: 10px; /*space between twits*/
	width: 220px;
	color: #808080;
}

#infohome3 A:link {text-decoration: none; color:#B3B3B3;}
#infohome3 A:visited {text-decoration: none; color:#B3B3B3;}
#infohome3 A:active {text-decoration: none; color:#B3B3B3;}
#infohome3 A:hover {text-decoration: underline; color:#B3B3B3;}
#infohome3 a{
	target-new: tab;
}

#twitter-link {
	 position: absolute;
	 display:block;
	 bottom:0px;
	 right: 10px;	 
}

/* PROJECTS page */
#projects {
	background-image:url(/images/SOObg2.jpg);
	height: 530px;
    width: 1024px;
}
#infoprojects1 {  /*video infobox */
	position: absolute;
	top: 40px;
	left: 340px;
	width: 650px;
	height: 460px;
	/*video player 640x360+20 for control bar */
}
#videoplayerB {  /*JW Player */
	position: absolute;
	width:640px;
	height:380px;
	display:block;
	background-color:#666666;
	top: 4px;
	left: 5px;
}
#projectscaption {
	position: absolute;
	width:642px;
	height:76px;
	top: 375px;
	left: 5px;
	line-height: 12px;
	z-index: 10;
}
#projectscaption ul{
	list-style-type: none;
	padding-left:0px;
	padding-bottom:10px;
	color: #CCCCCC;
  	FONT-SIZE: 11px;
	font-weight:100;
}

.bold {
	font-weight:700;
}

.subbutton {
	cursor: pointer;
	color: #CCCCCC;
}

.subbutton2 {
	text-decoration:underline;
	color: white;
}

a.subbutton:link {text-decoration: none; color:white;}
a.subbutton:visited {text-decoration: none; color:white;}
a.subbutton:hover {text-decoration: underline; color:white;}
a.subbutton:active {text-decoration: none; color:white;}

/* Projects Menu */
#infoprojects2 { /* catagory infobox */
	position: absolute;
	top: 60px;
	left: 15px;
	width: 310px;
	height: 100px;
}

#menu-wrap {
	width: 290px;
	/*margin: 20px auto;*/
	padding: 22px 10px 0px 10px;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
}

#project-heading {
	position:absolute;
	top:4px;
	right: 10px;
	FONT-WEIGHT:700;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	color: #bfbfbf;
	/*opacity: 0.25;*/
}

.promenu-title {
	position:absolute;
	top:4px;
	right: 10px;
	FONT-WEIGHT:700;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	color: #b3b3b3;
	/*opacity: 0.25;*/
}

#menulist { /* project list infobox */
	position: absolute;
	top: 110px;
	left: 0px;
	width: 310px;
	height: 110px;
}

#nav_move {
		display: none;
        position: absolute;
        background: url(/images/SOOgrey50.png);
  		background: rgba(248,248,255,.15);
        -moz-border-radius: 10px;
  		-webkit-border-radius: 10px;
 		border-radius: 10px;
		left: 0;
		width: 310px;
		height: 20px;
		top: 30px;
		z-index: 0;
      }

#projectstexture {
	position: absolute;
	top: 118px;
	left: 25px;
	width: 240px;
	height: 274px;
}

.menulists {
	display: none;
	width: 305px;
	padding: 0px;
	
}

.menulistspost {
	display: block;
	margin: 30px 0px 0px 10px;
	padding: 0px;
	
}

.ptype {
	float:right;
	opacity: .5;
}

.ptype2 {
	float:left;
	font-style:italic;
}

ul.promenu a.cur {
	color: #FFFFFF;
	Font-weight: 700;
	
}

ul.promenu {
    list-style: none;
	margin: 25px 0px 0px 10px;
	padding: 0px;
	/*position: absolute;*/
	}

ul.promenu li {
	cursor: pointer;
	line-height: 20px;
	display:block;
	overflow:hidden;
}

ul.promenu a {
  	color: #808080; /* b3b3b3 30% gray*/ /*999999 40%*/
  	FONT-WEIGHT: 500;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	text-decoration: none;
  	background: none;
	
}

ul.promenu a:hover {
  color: #CCCCCC; /* #CCCCCC 20% gray*/ /*666666 60%*/
}

ul.promenu a.selected {
  color: #FFFFFF; /*808080 50% gray*/ /*666666 60%*/ /*4d4d4d 70%*/
}

ul.promenu a:focus {
    outline: none;
}

.clear {
	clear: both;
}

.button {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	opacity: 0.5;
	/*border-bottom: 1px solid black;*/
}

.buttonselected {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	opacity: 1;
}

.category {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	font-size: 11px;
}

.colonspacer {
	float: left;
	margin-right: 4px;
	opacity: 0.5;
}

/* END Projects Menu */

/* SERVICES Page */
#services {
	background-image:url(/images/SOObg3.jpg);
	height: 530px;
    width: 1024px;
}

#infoservices1 {  /*one roof infobox */
	position: absolute;
	top: 50px;
	left: 60px;
	width: 610px;
	height: 150px;
	padding: 10px;
}

#infoservices2 {  /*one roof text infobox */
	position: absolute;
	top: 50px;
	left: 700px;
	width: 90px;
	height: 150px;
	padding: 10px;
}

#infoservices3 {  /*Audio infobox */
	position: absolute;
	top: 250px;
	left: 90px;
	width: 305px;
	height: 170px;
	padding: 10px;
}

#infoservices4 {  /*Video infobox */
	position: absolute;
	top: 250px;
	left: 440px;
	width: 305px;
	height: 170px;
	padding: 10px;
}

.servicestext1 {
	FONT-WEIGHT:bold;
	FONT-SIZE: 50px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	COLOR: #bfbfbf;
}

.servicestext2 {
	FONT-WEIGHT:100;
	FONT-SIZE: 14px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	COLOR: #CCCCCC;
	line-height: 18px;
}

.servicestext2 A:link {text-decoration: none; color:white;}
.servicestext2 A:visited {text-decoration: none; color:white;}
.servicestext2 A:hover {text-decoration: underline; color:#B3B3B3;}
.servicestext2 A:active {text-decoration: none; color:white;}

.servicestext3 {
	display:block;
	position: absolute;
	top: 210px;
	left: 700px;
	width: 360px;
	height: 90px;
	FONT-WEIGHT:100;
	FONT-SIZE: 14px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	COLOR: #CCCCCC;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.servicestext4 {
	FONT-WEIGHT:bold;
	FONT-SIZE: 30px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	COLOR: #bfbfbf;
}

.servicestext5 {
	FONT-WEIGHT:bold;
	FONT-SIZE: 25px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	COLOR: #bfbfbf;
	float:right;
	top: 0px;
	right: 0px;
	line-height: 1em;
	padding: 0px;
	margin: 0px;
}

#worktext {
	position: absolute;
	top: 65px;
	left: 790px;
	width: 129px;
	height: 366px;
}

#infobox2 {
  background: url(/images/SOOgrey50.png);
  background: rgba(0,0,0,0.5);
  	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	position: absolute;
	top: 50px;
	left: 725px;
	width: 200px;
	height: 150px;
	padding: 10px;
}
#infobox3 {
  background: url(/images/SOOgrey50.png);
  background: rgba(0,0,0,0.5);
  	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	position: absolute;
	top: 220px;
	left: 800px;
	width: 125px;
	height: 200px;
	padding: 10px;
}

/* ABOUT page */

#about {
	background-image:url(/images/SOObg4.jpg);
	height: 530px;
    width: 1024px;
}
#infoabout1 {  /* Stuck about infobox */
	position: absolute;
	top: 40px;
	left: 20px;
	width: 445px;
	height: 235px;
	padding: 5px 10px 10px 10px;
}

#infoabout2 {  /*map infobox */
	position: absolute;
	top: 25px;
	left: 510px;
	width: 480px;
	height: 450px;
	padding: 5px 10px 10px 10px;
}

#infoabout3 {  /*team infobox */
	position: absolute;
	top: 305px;
	left: 20px;
	width: 445px;
	height: 180px;
	padding: 5px 10px 10px 10px;
}

#map {
	opacity: .70;
}

#team {
	float: right;
}

.teamphoto { /*portraits and names holder*/
	width: 100px;
	height: 70px;
	font-size: 10px;
	text-align:center;
	line-height:10px;
	cursor:crosshair;
}

.portraits { /*actual photos*/
	width: 100px;
	height: 60px;
}

#parke-photo {
	position: absolute;
	top: 10px;
	left: 10px;
}

#lyman-photo {
	position: absolute;
	top: 10px;
	left: 120px;
}

#allison-photo {
	position: absolute;
	top: 10px;
	left: 230px;
}

.textabout {
	font-size:10px;
	line-height: 12px;
	position: absolute;
	top: 90px;
	left: 10px;
	width: 445px;
	opacity: 0;
}

.teamtitle {
	color: #29ABE2;
}

#text12 {
	FONT-SIZE: 12px;
}

#map {
	opacity: .75;
}


/* Blog page */
#blog {
	background-image:url(/images/SOObg5.jpg);
	height: 530px;
    width: 1024px;
}
#infoblog1 {  /*blog box */
	position: absolute;
	top: 20px;
	left: 20px;
	width: 585px;
	height: 475px;
	padding: 5px 5px 10px 5px;
	overflow:hidden;
}

#blogcontent {
	position: absolute;
	top: 30px;
	left: 5px;
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 580px;
	height: 444px;
	padding: 10px 5px 0px 0px;
	overflow-x:hidden;
	overflow-y:auto;
	opacity: 0.8;
}

.blogentrytitle {
	display:block;
	width: 100%;
	height: 40px;
	background: #E2EBF8;
	border-bottom: solid;
	border-bottom-width:thin;
	border-bottom-color: #b3b3b3;
	color: #7f1d1d;
	font-size: 16px;
	line-height: 40px;
	padding: 0px 0px 0px 20px;
	
}

.blogentrytitle A:link {text-decoration: none; color:#7f1d1d;}
.blogentrytitle A:visited {text-decoration: none; color:#7f1d1d;}
.blogentrytitle A:hover {text-decoration: underline; color:#7f1d1d;}
.blogentrytitle A:active {text-decoration: none; color:#7f1d1d;}


.blogentrytext {
	display:block;
	color:#4B5D67; /*67939B*/
	padding: 0px 0px 0px 10px;
}

.blogentryimage {
	display:block;
	padding: 0px 0px 0px 10px;
}

#infoblog2 {  /*stick to us*/
	position: absolute;
	top: 35px;
	left: 630px;
	width: 350px;
	height: 130px;
	padding: 5px 5px 10px 5px;
	overflow:hidden;
}
.stickicon {
	width: 64px;
	height: 64px;
	cursor:pointer;
}
.textstick {
	font-size:14px;
	position: absolute;
	top: 115px;
	width: 100%;
	text-align:center;
	opacity: 0;
}
#twitter-icon {
	position: absolute;
	top: 40px;
	left: 10px;
}
#vimeo-icon {
	position: absolute;
	top: 40px;
	left: 79px;
}
#flickr-icon {
	position: absolute;
	top: 40px;
	left: 148px;
}
#youtube-icon {
	position: absolute;
	top: 40px;
	left: 217px;
}
#wordpress-icon {
	position: absolute;
	top: 40px;
	left: 286px;
}

#infoblog3 {  /*picts*/
	position: absolute;
	top: 190px;
	left: 630px;
	width: 350px;
	height: 295px;
	padding: 5px 5px 10px 5px;
	overflow:hidden;
}

#photoalbum {
	background-color:#FFFFFF;
	position: absolute;
	width: 350px;
	height: 295px;
}

/* end blog page */

#tagline {
  position:absolute;
  bottom:0px;
  right: 0px;
  FONT-WEIGHT:900;
  FONT-SIZE: 18px;
  FONT-STYLE: normal;
  FONT-VARIANT: normal;
  COLOR: #CCCCCC;
  
}

#emailtag {
    position:absolute;
    top:75px;
	margin: 0 auto;
    z-index:1;
}

#servicelisttag {
    position:absolute;
    top:590px;
	margin: 0 auto;
    z-index:1;
}
.hide {
    display: none;
}



/*
/*Flowplayer
#player2 {
	background-image:url(http://static.flowplayer.org/img/home/flow_eye.jpg);
	width:400px;
	height:300px;
	display:block;
	text-align:center;
	margin:15px auto;
}

/* play button
#player2 img {
	margin-top:110px;
	border:0px;
}

/* style for the player's wrapper element
#player_wrap {
	background:#ccc url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
	width:650px;
	border:2px solid #fff;
	outline:1px solid #789;
	-moz-outline-radius:4px;
	margin-bottom:15px;
}

/* END Flowplayer */