/* CSS Document 
/* Opaque Blue 003b52 RustOrange b95026
/* Highlight/Nav Orange FF9933 
/* 116788 - lighter version of main blue */


body {
	margin: 0;
	padding: 0;
	background-color:#000000;
	background-image: url(opaque_design_images/bkg.jpg);
	background-repeat: no-repeat;
	background-position: center 35px;
	color:#FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	behavior:url("csshover.htc");
}



a:link { 
	color: #FF9933;
	text-decoration:none;
	}
	
a:visited {
	color: #FF9933;
	text-decoration:none;
	}
	
a:hover  {
	color: #116788;
	text-decoration:underline;
	}
	
h1 {
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:x-large;
	}
	
h2 {
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:medium;
	margin:0;
	color: #FF9933;
	}
	
h3 {
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:medium;
	margin:0;
	color: #FFFFFF;
	}
	
h3 a:hover  {
	color: #FFFFFF;
	text-decoration:underline;
	}
	
h2 a:hover  {
	color: #FFFFFF;
	text-decoration:underline;
	}
	
a:active {
	color: #FF9933;		
	}
	
li {
	list-style-type: square;
	padding-bottom: 8px;
}

#container {
	width: 900px;
	margin: 0 auto;
}

#menu {
	margin:137px 0 0 320px;
	height: 21px;
	}

#content {
	width: 800px;
	margin: 50px auto 0 auto; 
	}
.clear {
	clear:both;
}

.item {
	width: 800px;
	height: 186px;
	margin-bottom:40px;
	clear:both;
}

.item img{ 
	float: right;
	margin-left: 20px;
	border: 2px solid #FF9933;
	margin-bottom:40px;
}

.item a img:hover{  
	border: 2px solid #FFFFFF;
}

.item1 img{ 
	margin-left: 20px;
	border: 2px solid #FF9933;
	}

.item1 a img:hover{  
	border: 2px solid #FFFFFF;
}

p {
	margin:0;
	font-size: small;
	line-height: 1.4em;
	font-family: Verdana, Arial,Helvetica,sans-serif;
}

.smaller {
		font-size: x-small;
}

strong {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-weight: bold;
}
.center {
		text-align:center;
		margin: 0 auto;
}

.item2 { /*contact form*/
	width: 800px;
	margin-bottom:40px;
	clear:both;
	text-align:center;
}

.item3 { /*general purpose*/
	width: 800px;
	margin-bottom:20px;
	clear:both;
}

.video { /*video item*/
	width: 800px;
	height: 300px;
	margin-bottom:20px;
	clear:both;
}


.emailcolumn{
	float: right;
	width: 310px;
	margin-left: 40px;
	border:0;
	/*height:510px;*/
}

.rightcolumn{
	float: right;
	width: 400px;
	margin-left: 40px;
	border:0;
	/*height:510px;*/
}

.rightcolumn li { /*service list*/
	margin-bottom: 1em;
}

.rightcolumn strong {
	font-family: Arial,Helvetica,sans-serif;
	}
	
.right{
	float: right;
}

.left{
	float: left;
}

.contactcolumn{
	float: right;
	width: 200px;
	margin-left: 40px;
	border:0;
}

.contactcolumn img{ 
	float: right;
	margin-left: 20px;
	border: 2px solid #FF9933;
	margin-bottom:20px;

}

.contactcolumn a img:hover{  
	border: 2px solid #FFFFFF;
}

.space {
	height:20px;
	clear:both;
	}

.callout{
	width: 355px;
	color:#116788; /*lighter variation of main blue*/
	font-size: medium;
	font-weight:bold;
	font-style:italic;
	margin: 10px 0 10px 0;
	text-align:right;
	border:0;
}

.button {
		margin: 0 auto;

}

.emailbutton a { /** button **/
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	background:transparent url(opaque_design_images/button.gif) no-repeat 0 0;
	display:block;
	height:27px;
	left:-2px;
	position:relative;
	width:168px;
	margin:15px auto 0 auto;
	padding-top:4px;
	color:#ff9933;
	font-size: small;
	text-align:center;
	text-transform:uppercase;
	}

	
.emailbutton a:hover {	
	background:transparent url(opaque_design_images/button.gif) no-repeat 0 0;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.launch a { /** view presentation button **/
	background:transparent url(opaque_design_images/button_presentation.gif) no-repeat scroll 0 0;
	display:block;
	height:27px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:168px;
	margin-top:15px;
	}
	
.launch a:hover {
	background:transparent url(opaque_design_images/button_presentation_over.gif) no-repeat scroll 0 0;
	display:block;
	height:27px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:168px;
	margin-top:15px;
	}
	
.livesite a { /** launch livesite button **/
	background:transparent url(opaque_design_images/button_livesite.gif) no-repeat scroll 0 0;
	display:block;
	height:27px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:168px;
	margin-top:15px;
	border:0;
	}
	
.livesite a:hover {
	background:transparent url(opaque_design_images/button_livesite_over.gif) no-repeat scroll 0 0;
	display:block;
	height:27px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:168px;
	margin-top:15px;
	}

.sample a { /** view sample button **/
	background:transparent url(opaque_design_images/button_sample.gif) no-repeat scroll 0 0;
	display:block;
	height:27px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:168px;
	margin-top:15px;
	border:0;
	}
	
.sample a:hover {
	background:transparent url(opaque_design_images/button_sample_over.gif) no-repeat scroll 0 0;
	display:block;
	height:27px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:168px;
	margin-top:15px;
	}
	
.top a { /** top button **/
	background:transparent url(opaque_design_images/button_top.gif) no-repeat scroll 0 0;
	display:block;
	width:47px;
	height:32px;
	position:relative;
	text-indent:-999em;
	border:0;
	margin: 0 auto 5px auto;
	}
	
.top a:hover {
	background:transparent url(opaque_design_images/button_top_over.gif) no-repeat scroll 0 0;
	display:block;
	width:47px;
	height:32px;	
	position:relative;
	text-indent:-999em;
	border:0;
	margin: 0 auto 5px auto;
	}
	
.portfolio {
	font-size:80%;
	color: #116788;
	}
	
.footer {
	display:block;
	height:27px;
	width:800px;
	text-indent:-999em;
	margin-bottom: 10px;
	background: transparent url(opaque_design_images/footer_bkg.jpg) no-repeat  scroll 0 0;
	}
	
.footermenu {
	margin:20px 0 10px 0;
}
.footermenu p {
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-align:center;
}

.headermenu {
	margin:3px 0 0px 0;
}
.headermenu p {
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align:center;
}

/* FORM */
INPUT,TEXTAREA { 	
font-family: Arial,Helvetica,sans-serif; 
 font-size: small; 
 width: 360px;}
 
 
fieldset {
	font-family: Arial,Helvetica,sans-serif;
font-size: x-small;
float: left;
clear: left;
/*width: 100%;*/
margin: 0 0 1.5em 0;
padding: 0;
border-style: none;
}
fieldset ol {
padding: 1em 1em 0 1em;
list-style: none;
}
fieldset li {
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
list-style: none;

}
fieldset.submit {
float: none;
width: auto;
border: 0 none #FFF;
padding-left: 12em;
background-color: transparent;
}

.button {
  width: 168px;
  height:27px;
  background: url('opaque_design_images/submit_button.gif') no-repeat top left;
  border: 0;
}

.button:hover {
  width: 168px;
  height:27px;
  background: url('opaque_design_images/submit_button_over.gif') no-repeat top left;
  border: 0;
}

label {
float: left;
width: 10em;
margin-right: 1em;
text-align: right;
}

/* HIDE FORM FIELD FROM SPAMMERS */
#human {
visibility:hidden;
display:none;
}
/* FORM END*/

/* --- Grid --- */	
.grid {
  float: left;
  width:258px;
  margin: 0 2px;
  }
 
.grid img {
  margin: 0 24px 0 24px; /*manual center: grid width-img in half */
  }
.grid p {
   text-align: center;
   font-weight:normal;
   }
 .grid a:hover {
   	color: #FFFFFF;

   }
   
.grid2 {
  float: left;
  width:258px;
  margin: 0 2px;
  }
 
.grid2 img {
  margin: 0 54px 0 54px; /*manual center: grid width-img in half */
  }
.grid2 p {
   text-align: center;
   font-weight:normal;
   }
 .grid2 a:hover {
   	color: #FFFFFF;

   }
 /* --- End Grid --- */