/*---- Reformed Design ----*/
* {
   	margin: 0;
   	padding: 0;
}

body{
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	line-height: 1;
	background: #000 url(/_img/bg.jpg) no-repeat top center;
	border-top: #f4ff00 solid 5px;
}

hr{
   	display: none;
}

#skip{
   	position: absolute;
   	text-indent: -9999px;
   	list-style: none;
}

img{
	border: none;
}

/* #container
____________________________________________________________________
*/

#container{
	position: relative;
   	width: 1275px;
   	margin: 0 auto;
}

a{
   	overflow: hidden;
}

/* #login
____________________________________________________________________
*/

#login{
	position: relative;
	background: #f4ff00;
	height: 200px;
	color: #041116;
}

#login-wrap{
	margin: 0 auto;
	width: 960px;
}

#login-box{
	float:left;
	width: 240px;
}

#login-box h3{
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0;
}

#login-box p{
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 1.2em;
	padding-bottom: 10px;
}

#login fieldset {
	padding: 0px; 
	margin-bottom: 0px; 
	width: 240px;
	border: none;
	}
	
	
#login fieldset.action {
	margin-top:0px;
	padding-left: 0px;
	}
	
#login dl {
	clear:both;
	}
	
#login dt {
	float:left; 
	text-align:left; 
	width:25px; 
	line-height:15px; 
	margin:0 10px 10px 0;
	}
	
#login dd {
	float:left; 
	width:140px; 
	line-height: 0; 
	margin:0 0 10px 0;
	}

#login label{
	color:#000;
}

/* #toggle
____________________________________________________________________
*/

#toggle{
	position: absolute;
	text-indent: -9999px;
	background: url(/_img/toggle.png) no-repeat;
	height: 22px;
	width: 197px;
	margin-left: 850px;
}

#toggle a{
	
}

/* =Header
--------------------------------------------------------------------
*/

#header{
	background: url(/_img/header.png) no-repeat top;
	padding:0px;
	margin:0px;
	width:888px;
	height:105px;
}

#header h1{
	background: url(/_img/logo.png) no-repeat;
	float: left;
	height: 80px;
	width: 230px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-left: 100px;
	padding: 0px;
	clear: left;
}

/* #nav
---------------------------------------------------------------------
*/

#nav{
	float: left;
	margin-top: 65px;
	margin-left: -10px;
	list-style: none;
}

#nav li{
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, Verdana,  sans-serif;
	font-size: 2.3em;
	text-transform: uppercase;
	text-align: right;
	padding-top: 5px;
}

#nav li a{
   color: #fff;
   text-decoration: none;
}

#nav li:hover a{
   color: #fff;
}

body#home #nav #nav-home, body#about #nav #nav-abt, body#services #nav #nav-srv, body#clients #nav #nav-clnt, body#contact #nav #nav-con {
	background: url(/_img/nav_selectedbg.png) no-repeat;
	width: 140px;
}

/* #content
---------------------------------------------------------------------
*/

#content{
	background: url(/_img/content_bg.png);
	border: #fff solid 5px;
	height: 630px;
	width: 960px;
	margin-top: 10px;
	margin-left: 110px;
	color: #fff;
}

#content #main{
	float: left;
	opacity: .99;
	padding: 25px;
	width: 590px;
}

#content #main{
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 1.2em;
}

#content #main h2{
	background: url(/_img/bluediv.png) no-repeat bottom right;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, Verdana,  sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
#content #main h3{
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, Verdana,  sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#content #main a{
	color: #50d4ff;
	text-decoration: none;
	font-weight: bold;
}

#content #sidebar{
	float: right;
	opacity: .99;
	/*background: url(/_img/sidebar.png) no-repeat left center;*/
	width: 275px;
	padding-left: 25px;
	height: 100%;
}

#content #sidebar p{
	padding-top: 50px;
}



/* sIFR  
---------------------------------------------------------------------
*/

/*---- sIFR ---*/

.sIFR-flash {
  visibility: visible !important;
  margin: -2px 30px 2px 2px;
  padding: 0;
  z-index: 99;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

.sIFR-replaced object{
   z-index: -1;
}

/*---- Header styling ---*/

.sIFR-active #content-wrap #nav a{
	font-size: 1em;
	text-transform: uppercase;
	text-align: right;
	padding-top: 15px;
   	visibility: hidden;
   	line-height: 1em;
   }

*:first-child+html .sIFR-active #content .emeta p.edesc{
   margin-left: 0; }

/* lightbox
-----------------------------------------------------------------
*/

#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  }

#lightbox a img{ border: none; }

#outerImageContainer{
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  }

#imageContainer{
  padding: 10px;
  }

#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  }
#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
  width: 49%;
  height: 100%;
  background: transparent url(/_img/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/_img/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/_img/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  }

#imageData{
  padding:0 10px;
  }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;  }
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  display: none;
  }


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html>body .clearfix {
  display: inline-block;
  width: 100%;
  }

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
  }

/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/
fieldset {
	padding: 10px; 
	margin-bottom:36px; 
	width: 600px;
	border: none;
	}
	
input, textarea, select {
	font:1.2em/1.2em Arial, Helvetica, sans-serif; 
	padding: 0;
	}
	
fieldset.action {
	margin-top:-50px;
	padding-left: 170px;
	}
	
legend {
	background:#bfbf30; 
	color:#fff; 
	font:17px/21px Calibri, Arial, Helvetica, sans-serif; 
	padding:0 10px; 
	font-weight:bold; border:1px solid #fff; 
	}
	
label {
	font-size:1.2em; 
	font-weight:bold; 
	color:#fff;
	}
	
label.opt {
	font-weight:normal;
	}
	
dl {
	clear:both;
	}
	
dt {
	float:left; 
	text-align:right; 
	width:150px; 
	line-height:15px; 
	margin:0 10px 10px 0;
	}
	
dd {
	float:left; 
	width:400px; 
	line-height: 0; 
	margin:0 0 10px 0;
	}

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:1.2em/1.5em Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(/_img/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(/_img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(/_img/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(/_img/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(/_img/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(/_img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(/_img/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(/_img/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right: 10px;}
.NFTextareaTop {background:url(/_img/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(/_img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background: transparent url(/_img/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:transparent url(/_img/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(/_img/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(/_img/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(/_img/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(/_img/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(/_img/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(/_img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(/_img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(/_img/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(/_img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(/_img/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(/_img/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(/_img/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(/_img/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(/_img/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(/_img/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}  

