* {
	margin:0;
	padding:0;
	font-size: small;
}


body {
	min-width:900px;
	font-family: arial, "trebuchet ms";
	background:#242021 url('img/bkg_grad.jpg') no-repeat -100px 86px;
}

h2 {
	color:#000;
	font-size:1.8em;
	font-weight:normal;
	margin-bottom: 30px;
	padding:10px;
}
p {
	margin-bottom:10px;
}
img {
	border:none;
}
ul {
	list-style-type:none;
}
div#header {
	background:#464546;
	padding:20px 0;
	border:1px solid #464546;
}
div#header-inner {
	width:900px;
	margin:0 auto;
/*	overflow:auto;*/
	position:relative;
}
/* Header Image Replacement */
#logo_replace h1 {
	font-size: 100%;
	color: #FFF;
	width:220px;
	height:44px;
	position: relative;
/*	border:1px solid red;*/
/*	top:0px;
	left:10px;*/
}

#logo_replace h1 span {
	width:220px;
	height:44px;
	position: absolute;
	background: url('img/stamm_logo3.gif') no-repeat;
	top:0px;
	left:0px;
}
#logo_replace h1 a {
	display:block;
}
/* main navigation */
div#mainnav {
	position:absolute;
	right:0;
	top:10px;
}
div#mainnav ul li {
	float:right;
}
div#mainnav ul li a {
	display:block;
	padding:10px 25px;
	background:#242021;
	text-decoration:none;
	color:#FFF;
	font-size:110%;
}
div#mainnav ul li a:hover {
	background:#D25433;
}
/* nav AM HERE */
body.about div#mainnav ul li.about a,
body.portfolio div#mainnav ul li.portfolio a,
body.technology div#mainnav ul li.technology a,
body.services div#mainnav ul li.services a,
body.contact div#mainnav ul li.contact a {
	background:#009EFF;
}


div.centerwrap {
	width:900px;
	margin:0 auto;
	overflow:auto;
}
div#content {
	padding:40px 0 0 0;

}
div#phead {
	width:100%;
	border-bottom:1px solid #353132;
	float:left;
	margin-bottom:20px;
}
div#phead h2 {
	margin:0;
	padding:0;
	float:left;
}
div#phead a {
	float:right;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	color:#EDD065;
	text-decoration:none;
}
div#phead a:hover {
	color:#FFF;
}



/* Column 1 - Menu
---------------------------------*/
div#col1 {
	width:220px;
	float:left;
	color:#FFF;
}
div#col1 li {
	font-size:1.3em;
	margin:0 0 10px 0;
	color:#FFF;
}
div#col1 a {
text-decoration:none;
color:#FFF;
}

div.web p {
	padding:5px 0 20px 0;
}
div.web p.odd {
	color:#000;
}

div#col1 div.web a {
	display:block;
	padding:5px 0 5px 0;
	color:#EDD065;
}


/* Column 1 - Project
---------------------------------*/

body.project div#col1 {
	width:560px;
	float:left;
}
div#mediaholder {
	width:100%;
	background:#000;
	border-bottom:10px solid #2E2D2E;
}
div#container {
	margin:10px;
	padding-top:10px;
}
div#nav a {
	text-decoration:none;
	background:none;
	color:#000;
	padding:10px;
	font-size:90%;
	display:block;
}
div#nav li {
	margin:0;
}
div#nav a:hover {
	background:#D25433;
}
body.sub_one div#nav li.sub_one a,
body.sub_two div#nav li.sub_two a,
body.sub_three div#nav li.sub_three a {
	background:#009EFF url('img/sidenav_bkg.gif') no-repeat 100% 100%;
}


/* Column 2 - Menu
---------------------------------*/
div#col2 {
	width:680px;
	float:right;
}

/* Project Boxes  */
div#col2 div.project {
	background:#242021;
	width:320px;
	float:left;
	padding:5px;
	margin:0 0 10px 10px;
	display: inline;
}



div#col2 div.project a {
	text-decoration:none;
}


div#col2 div.project img {
	float:left;
}

div#col2 div.project h3 {
	margin:0 5px 5px 146px;
	color:#EDD065;
	/*color:#CB6D46;*/
	font-weight:normal;
}
div#col2 div.project h3 a {
	color:#EDD065;
	font-size:130%;
}

div#col2 div.project p {
	margin:0 5px 0 146px;
}

div#col2 div.project p a {
	color:#ABAEAF;
}

/* Column 2 - Sub Structure
---------------------------------*/
body#services div#col2 {
	width:680px;
	float:right;
}

div#col2 div.splitNone {
	width:670px;
	float:right;
}

div#col2 div.splitL,
div#col2 div.splitR {
	width:330px;
}
div#col2 div.splitL {
	float:left;
	margin-left:10px;
	display: inline;
}

div#col2 div.splitR {
	float:right;
}

/* Split inside darkbox */
div#col2 div.darkbox div.splitR,
div#col2 div.darkbox div.splitL {
	background:#FFF;
	width:305px;
	margin-bottom:20px;
}
div#col2 div.darkbox div.splitR img ,
div#col2 div.darkbox div.splitL img {
	margin:0 0 10px 0;
}

div#col2 div.darkbox div.splitR p,
div#col2 div.darkbox div.splitL p {
	color:#242021;
	margin:10px;
}
div#col2 div.darkbox div.splitL {
	margin-left:20px;
}
div#col2 div.darkbox div.splitR {
	margin-right:20px;
}

div#col2 div.darkbox div.splitR h3,
div#col2 div.darkbox div.splitL h3 {
	font-size:130%;
	background:#CCC;
	padding:10px;
}





/*  DarkBox */

div#col1 div.darkbox,
div#col2 div.darkbox {
	background:#242021;
	float:left;
	margin-bottom:10px;
	padding:0;
	width:100%;
}
div#col1 div.darkbox h2,
div#col2 div.darkbox h2 {
	color:#EDD065;
	margin:10px;
	padding:0;
	font-weight:normal;
	font-size:130%;
}
div#col1 div.darkbox p,
div#col2 div.darkbox p {
	color:#FFF;
	line-height:1.6em;
	margin:10px 10px 10px 10px;
	padding:0;
}

div#col2 div.darkbox.pad20 p {
	margin:20px;
}

div#col1 div.darkbox a,
div#col2 div.darkbox a {
	color:#FFF;
	line-height:1.6em;
	padding:10px;
	margin:10px;
	background:#D25433;
	display:block;
	width:200px;
	text-align:center;
}
div#col1 div.darkbox a:hover,
div#col2 div.darkbox a:hover {
	background:#009EFF;
}

/* Column 2 - Project
---------------------------------*/
body.project div#col2 {
	width:300px;
}
body.project div#col2 div {
	background:#494748;
	width:320px;
	float:left;
	padding:5px;
	margin:0 0 10px 10px;
	display: inline;
}
body.project div#col2 p {
	color:#d1d1d1;
	line-height:1.6em;
}
body.project div#col2 ul {
	color:#d1d1d1;
	line-height:1.6em;
}
body.project div#col2 a {
	color:#d1d1d1;
	line-height:1.6em;
	text-decoration:none;
}

body.project div#col2 a:hover {
	color:#FFF;
}


h5 {
	color:#FFF;
	margin-bottom:5px;
	font-size:115%;
}
.altcolor {
	color:#EDD065;	
}
.sectionate {
	border-bottom:1px solid #353132;
	padding-bottom:5px;
	margin-bottom:10px;	
}


/* For Javascript Hover Over col2 */

div#col2 div.linkhover {
	background:#009EFF;
}
div#col2 div.linkhover h3 a {
	color:#000;
}
div#col2 div.linkhover p a {
	color:#000;
}
div#col1 div.linkhover {
	background:#009EFF;
}
div#col1 div.linkhover h3 a {
	color:#000;
}
div#col1 div.linkhover p a {
	color:#000;
}

/* about */
div#col2 h1.ptitle {
	background:#009EFF  url('img/about_bkg2.gif') no-repeat;
	padding:20px 20px 50px 20px;
	font-size:210%;
	color:#FFF;
	font-weight:normal;
}
/* contact */
div#col2 div {
	width:100%;
}
div#col2 div ul {
	color:#FFF;
	padding:20px;
}
div#col2 div ul li {
	line-height:1.6em;
}
div#col2 div ul li.push {
	margin-bottom:10px;
}
div#col2 div ul li.cname {
	font-size:120%;
	color:#EDD065;
}

/* home page */
body#home * {
	font-size:100%;
}
body#home div#rotate {
	background:url('img/rotate/spongebob.gif') no-repeat;
	float:left;
	width:100%;
	position:relative;
}
body#home.rotate_two div#rotate {
	background:url('img/rotate/race.jpg') no-repeat;
}
body#home.rotate_three div#rotate {
	background:url('img/rotate/turner2009.jpg') no-repeat;
}
body#home div#nav_rotate {
	width:330px;
	float:right;
	background:#009EFF;
}
body#home div#nav_rotate a {
	padding:20px;
	font-size:126%;
	line-height:1.5em;
	color:#FFF;
	display:block;
}

body#home div#nav_rotate a#rotate_two {
	background:#0191e9;
}
body#home div#nav_rotate a {
	/*font-size:120%;*/
	color:#FFF;
	text-decoration:none;
}
/* Rotate Am Here */
body#home.rotate_one div#nav_rotate a#rotate_one,
body#home.rotate_two div#nav_rotate a#rotate_two,
body#home.rotate_three div#nav_rotate a#rotate_three {
	background:#FFF;
}
body#home.rotate_one div#nav_rotate a#rotate_one,
body#home.rotate_two div#nav_rotate a#rotate_two,
body#home.rotate_three div#nav_rotate a#rotate_three {
	color:#009EFF;
}


body#home div#details {
	position:absolute;
	bottom:10px;
	left:10px;
	background:#000;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
body#home div#details a {
	color:#FFF;
	margin:0;
	padding:10px;
	display:block;
}


/* Home - Summary */
body#home div#summary {
	background:#242021 url('img/bkg_grad.jpg') no-repeat 100% 50%;
	padding:0 20px;
	clear:both;
}
body#home div#summary h2 {
	font-size:150%;
	color:#FFF;
	font-weight:normal;
	line-height:1.5em;
}

/* FlashBox */
div#col2 div.flashbox {
	width:640px;
	margin:15px;
}
body.technology div#col2 div.darkbox h2 {
	margin:20px;
}
div#col2 div.darkbox img {
	margin-left:20px;
}
div#col2 div.darkbox p {
	clear:right;
}
div#col2 p.bigp {
	font-size:150%;
}

/* AR */
div#col2 div.darkbox a.ar {
	line-height:1.6em;
	padding:10px 10px 10px 70px;
	margin:10px 20px;
	background:#D25433 url('AR/img/StammAR-marker.gif') no-repeat 10px 10px;
	display:block;
	width:550px;
	height:50px;
	text-align:left;
	text-decoration:none;
}
div#col2 div.darkbox a.ar:hover {
	background:#009EFF url('AR/img/StammAR-marker.gif') no-repeat 10px 10px;
}

div#col2 div.darkbox h3 a {
	color:#D25433;
	line-height:1.6em;
	padding:0;
	margin:0;
	background:none;
	display:inline;
	width:none;
	text-align:center;
}
div#col2 div.darkbox h3 a:hover {
	color:#D25433;
	line-height:1.6em;
	padding:0;
	margin:0;
	background:none;
	display:inline;
	width:none;
	text-align:center;
}
/* Services */

dl {
	list-style-type:none;
	margin:10px;
}
dl dt {
	font-size:1.2em;
	margin:10px 0;
	color:#EDD065;
}
div#col1 dl li {
	font-size:1em;
	color:#FFF;
	margin:0 0 5px 0;
	list-style-position: outside;
}

form#formy {
	padding:0px 0 20px 20px;
	border:#FFF solid 1px 0 0 0;
	font-size:12px;
	}

form#formy label {
	float:left;
	color:#FFF;
	font-size:12px;
	
	}
form#formy table td {
	padding:0 0 8px 0;
	}


