/* Created By Neal Chester of Ikreator LLC (www.ikwebdesigner.com)
Valid CSS 2.1 & XHTML 1.0 Transitional - Compatible in Internet Explorer 6+, Opera, Chrome, Firefox and Safari browsers.

CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address {
	margin: 0; padding: 0; border: 0; border-spacing:0; border-padding:0; font-weight: inherit; font-style: inherit; 
	font-family: inherit; font-size: 100%; vertical-align: baseline; border-collapse:collapse;}

/*---- CSS ----------------------------------------------------------------------------------------------------------------------------*/

body{font-family: verdana, helvetica; background:#FFFFFF url(../graphics/bg.gif) repeat-x left top; text-align:center; padding-bottom:20px}

#contain {width:900px; margin:0 auto; display:block; text-align:left; position:relative;}
#header, #content, #footer {display:block; float:left; width:100%}

	#header { height:129px; background: url(../graphics/header-bg.jpg) no-repeat;}
	#header p, #header hr {display:none}

	#nav { display:block; width:610px; height:33px; position:absolute; right:0px; margin-top:96px	}
	#nav li{ list-style-type: none; display:inline; }
	#nav a{ display:block; list-style-type: none;  float:left; text-indent:-1000em; height:33px; background-position: left top; }

	a#home{      width:118px;  background:  url(../graphics/nav-01.gif) left top;}
	a#about{  width:121px;  background:  url(../graphics/nav-02.gif) left top;}
	a#projects{    width:122px;  background:  url(../graphics/nav-03.gif) left top;}
	a#products{        width:119px;  background:  url(../graphics/nav-04.gif) left top;}
	a#contact{    width:130px; background:  url(../graphics/nav-05.gif) left top;}

	#nav a:hover{ background-position: left bottom; }
	#nav a.current{ background-position: left bottom; cursor:default;}

/*------------------------------------------DROP MENU ---------------------------------------*/

.selectedanchor {width:119px; height:33px; background: url(../graphics/nav-04.gif) left bottom ! important;}
.dropmenu{
	position: absolute; left:0; top: 0; visibility: hidden; padding: 10px 0px 20px 0px; z-index:10;
	background: #bdd7e8; border: solid 1px #96afc1; border-top:none; width: 155px;
	-moz-box-shadow: 0px 4px 5px #999;-webkit-box-shadow: 1px 5px 5px #999;}
	
.dropmenu li {list-type:none; display:inline; margin:0px; padding:0px; }
.dropmenu li a{
	color:#27455b; font-size:10px; display:block; position:relative;
	padding:10px 5px 10px 5px; margin: 0px 5px 0px 5px; text-decoration:none;
	text-align:left ! important;}
	
.dropmenu li a:hover {background-color: #a4c2d5; color:black}

.anylinkshadow{ position: absolute; left: 0; top: 0; z-index: 9; background: black; visibility: hidden;}

/*------------------------------------------ CONTENT ---------------------------------------*/

#content{ border-top:solid 2px #bdd7e8; background:#94aec0; padding-top:20px}

#left, #right {height:450px; width:30px; display:block; position:absolute; background: no-repeat; top:0px;}
#left {background: url(../graphics/glow-l.gif); left:-30px;}
#right {background: url(../graphics/glow-r.gif); right:-30px;}

/* ------------------------------------------------------ LINKS ------------------------------------------------------ */

	#box a{text-decoration: underline; white-space: nowrap}
	#box a:link{color:#28455b;}			
	#box a:visited{}			
	#box a:hover, #box a:focus {color: black; background-color: #eaeff5; text-decoration:none}			
	#box a:active{color: red;}

/*------------------------------------------------------------ BOX ---------------------------------------------------*/


	#box { width:860px;	margin: 0px 0px 20px 20px;	border-top:solid 2px white; padding:0px;
		padding:0px ! important; position:relative; display:block}
	
	#box.l { background: url(../graphics/bg-l.gif) no-repeat left bottom;}
	#box.r { background: url(../graphics/bg-r.gif) no-repeat left bottom;}
	
	#box h1, #box h2, #box h3, #box p, #box ol, #box ul, #box hr, #box table.chart{
		font-size:12px; line-height:18px; margin: 0px 20px 0px 20px; padding-bottom:20px}
			
	#box h1, #box h2 {font-size: 18px; font-weight: bold; color:#28455b; font-family:"Cambria", georgia, serif; margin-top:20px}
	
	h1.new { background: url(../graphics/new-stamp.png) no-repeat left top; height: 91px; z-index:2; color:#336600 ! important;
		padding-left: 20px; display:block;float:left; padding-top:34px; position:absolute; left:150px; top:-35px}
	h1.new b {color:#cc9900 ! important; font-size:140%}	
	
	#box h2 {font-size:20px; font-weight:normal;}			
	#box h3 {margin-bottom:0px ! important; font-weight:bold;}
	#box p {z-index:5; position:relative}
	#box ol, #box ul {margin-left:50px}
	#box ul, #box table td ul {list-style:  url(../graphics/bullet.png);}
		#box .space li{margin-bottom:14px} /*--- Space between multi-lined list items ----*/                                                  									
	#box hr {border:none;border-bottom:dotted 1px #8ac5e8;clear:both;height:1px;}
	
	/* ----------------------------- MORE BUTTON ------------------------------- */

	a.more{ font-size: 10px; line-height: 20px; font-weight: bold; text-transform:lowercase; margin-top:20px;
		background: url(../graphics/read-more-button.gif) no-repeat left top; text-align: center; height:20px; width: 78px;
		color: white ! important; border:none ! important; display:block; overflow:hidden; float:right; text-decoration:none ! important;}

	a.more:hover {color: #748c9e ! important; background-position:bottom}

	/* ----------------------------- IMAGES ------------------------------- */
	
	#box img {border:solid 2px white} /* images have a border around them */
	
	#box img.left {float:left; margin-top:-2px; margin-right:20px;} /*corner images*/
	#box img.right {float:right; margin-top:-2px; margin-left:20px;} /*corner images*/
	#box img.l {float:left; margin-right:20px} /*floating images*/
	#box img.r {float:right; margin-left:20px} /*floating images*/
	
	/* ----------------------------- CHARTS ------------------------------- */
			
	#box table.chart {margin-bottom:28px; cursor:default;} 
	#box table.chart td, th {padding:5px; border-bottom: solid 1px #94aec0; }
	#box table.chart th {font-weight:bold; color:white; background:#4a6c85; padding:10px 5px 10px 5px; border-bottom:solid 1px white }
	#box table.chart td {color: #2C3F4E}
	#box table.chart caption {padding-bottom:14px; font-style:italic}
	#box table.chart tr:hover {background-color:#eaeff5; color:black ! important}
	.line {border-left: solid 1px #94aec0;}			

/* ------------------------------------------------------ FOOTER ------------------------------------------------------ */

#footer{background: url(../graphics/footer-bg.gif) left bottom; height:79px; margin-bottom:20px}
#footer address{
	text-align:right; margin-right:20px; font:11px/18px verdana; color:white;
	background: url(../graphics/footer-icon.gif) no-repeat right top;
	padding-right: 73px; height:53px;}

#footer address a{ text-decoration:none; color:white; border-bottom:1px solid white;}
#footer address a:hover {border:none;color:yellow}
#footer hr{ display:none;}


/*----------------------------------------------------- EXTRAS AND TEXT STYLES------------------------------------------------*/

		.hide, #hide {display:none;}
		.hidden #hidden {visibility:hidden}
		.clear, #clear{ clear:both;}
		
		a[href$=".pdf"] {
			background-image: url(../graphics/pdf-large.gif) !important; background-repeat: no-repeat !important;
			background-position: right top !important; padding-right: 37px; padding-bottom:17px}
		
		.overflow {overflow:hidden; }
		
		.nowrap {white-space: nowrap}
		.center{text-align:center ! important;}
		.justify{text-align:justify;}
		.right{text-align:right;}
		
		.strike {text-decoration: line-through; color:gray}
		.highlight {background:yellow}
		
		.small {font:11px/18px verdana ! important}
		.column{width:200px;float:left}
		.valign{vertical-align:middle ! important}