body {
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	background-color:#000000;
	background: #000 url('../images/back1a.jpg') no-repeat top left fixed;
}
html {
	background-color:#000000;
	background: #000 url('../images/back1a.jpg') no-repeat top left  fixed;
}

/*layout*/
#page {
	width:1000px;
	position:relative;
	margin:0 auto ;
	padding:0 0 15px 0;
	margin-bottom:10px;
}

#header{
	margin:5px 0px;
	height: 25px;
	background-color:#ffd027;
}
DIV#loader {
  border: 1px solid #666;
  width: 185px;
  height: 100px;
  margin-top:220px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
DIV#loader.loading {
  background: url(../images/ajax-loader.gif) no-repeat center center;
}

.sidebar {
	width:185px;
	margin-left:5px;
	float:right;
	padding:0px;
	margin-top:50px;
}


.sidebar_ie {
	width:185px;
	margin-left:5px;
	float:right;
	padding:0px;
	margin-top:63px;
}
 
#mainmenu {
	position:fixed;
	padding:10px;
	margin:38px 0 0 0;
	background-color:#000;
	border:solid 1px #666;
	width:165px;
}
#content {
	background-color:#transparent;
	float:left;
	color:#fff;
	padding:0;
	width:795px;
	margin-top:20px;
	margin-bottom:10px;
}

#sidebar h1 {
	margin:0;
}
a {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;

}
a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;

}
a:hover {
	color: #FFCE15;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}

a.active {
	color:#c00;
}


td, input, select {
	font-size: 1.2em;
	color: #ffffff;
	font-weight: normal;
}

textarea{
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
}
#banner {
	height:240px;
	padding-bottom:9px;
}


.tableDetail {
	font-size: 10pt;
	color: #49394E;
}


.inputstyle {
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	background-color: #fff;
	width:200px;
}



#content td{
	color:#fff;
}
#content h1 { 
	font-family: Impact, Charcoal, sans-serif;
	font-size: 3em;
	color:#fff;
	margin:0 0 20px 0px;
	text-transform:uppercase;
	font-weight:normal;
}
#title {
	background-color:transparent;
	width:100%;
}

#enlighten_span {
	color:#FFCE15;
}
#media_span {
	color:#c00;
}

#logo_span {
	padding:5px 10px;
	background-color:#000;
	margin-right:10px;
	border:solid 1px #666;
}

#title_span {
	padding:5px 10px;
	background-color:#000;
	border:solid 1px #666;
	position:relative;
	right:0;
}

#contact_form {
	background-color:black;
	padding:5px;
}

h2.contact { 
	color:#fff;
	border-bottom:solid 2px #fff;
	padding: 0;
	font-size:1.2em;
	text-transform:uppercase;
}

#content h3 { 
	margin:0 10px 0 5px;
	padding: 5px 0;
	font-size:1.5em;
	border-bottom:solid 1px #666;
}


#content p , #contactinfo{ 
	margin:5px 10px 10px 10px;
	padding: 0;
	font-size:1em;
}

.button {
	background-color:#000000;
	color:white;
	border:solid 2px #fff;
	padding:5px;
	cursor:pointer;
	margin-left:10px;
	width:90px;
	text-align:center;
}
.button  input {
	background-color:#000000;
	border:none;
	cursor:pointer;
}

.contactus{ 
	margin:0px 0 10px 20px;
	padding: 0;
	font-size:11pt;
	font-weight:bold;
}

.contactus  a {
	font-weight:bold;
	text-decoration:underline;
	font-size:11pt;
}

#portfolio, #contactus {
	background-color:#000;
	padding:5px 5px 14px 5px;
	border:solid 1px #666;
}
#portfolio {
	float:left;
	height:572px;
}

#slider  {
	overflow:hidden;
	margin-top:10px;
	margin-bottom:40px;
	height:570px;
}

#portfolio ul {
	padding-left:10px;
	margin-top:0;
}
#portfolio li {
	list-style: none;
	height:310px;
	margin-bottom:10px;
	clear:both;
}
	
.portfoliocontent h2 {
	font-size:1.2em;
}

.portfoliocontent h2 , .portfolioheader:visited , .portfolioheader:link,.portfolioheader:hover{
	color:#FFCE15;
	font-weight:bold;
	text-transform:uppercase;
}


.portfolioimage {
	float:left;
	border:solid 1px #ccc;
}

.portfoliocontent {
	padding-left:25px;
	width:300px;
	float:left;
}

.portfoliocontent h2 {
	margin-left:0px;
	margin-top:0px;
}

#detailsentry {
	margin:10px 25px 5px 10px;
	width:240px;
	border:solid 1px #666;
	border-bottom:none;
	
}

#detailsentry img {
	float:right;
}

.detailsentryodd ,
.detailsentryeven {
	padding: 3px 5px;
	font-weight:bold;
	border-bottom:solid 1px #666;
}


.detailsentryodd {
	background-color:#333;	
}


.detailsentryeven {
	background-color:#222;	

}

img {
	border:none;
}
.ui-tabs .ui-tabs-nav li img { margin-bottom:3px;}
.ui-tabs .ui-tabs-nav li {
	font-family: Impact, Charcoal, sans-serif;text-align:center; list-style: none; float: left; position: relative; top: 1px; 
	margin-right:8px; width:192px;height:246px;
	background:transparent url('../images/black.png') top left no-repeat;padding-top:1px;padding-bottom:1px;}

.ui-tabs .ui-tabs-nav li a {width:100%;font-size:28px;font-weight:normal;}
.ui-tabs-nav {margin: 0px ;padding: 0;}
.ui-tabs .ui-tabs-nav li.last {margin-right:0;}
.ui-state-active h2 a{font-weight:normal;color:#000;}
.ui-tabs  h2 { margin-top:16px;margin-bottom:8px;border:none; }
.ui-tabs  a { color:#666;line-height: 1em;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected   {
	background:transparent url('../images/grey.png') top left no-repeat;font-weight:normal;color:#000; }
.ui-tabs-panel {
	margin:10px 0px 0 0 ;
	padding: 5px;
	background-color:#000;
	border:solid 1px #666;
}

.ui-tabs-hide {
	display:none;
}

/************************************Menu------------------------------------*/
.contactlabel {
	width:80px;
	font-weight:bold;
	float:left;
}
 
#mainmenu ul{
	text-align:left;
	padding:0px;
	margin:0;
	list-style-type:none;
}
#mainmenu ul li{
	margin-bottom:13px;
}
#mainmenu ul li.last{
	margin-bottom:0;
}
#mainmenu ul a{
	font-size:2.5em;
	font-weight:normal;
	text-transform: uppercase;
	font-family: Impact, Charcoal, sans-serif;
}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#fullimage {
	margin:5px;
}
.homeimg {
	float:left;
	margin: 40px 9px 0 0;
}
.homeimg_first {
	margin-left:13px;
}
/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.carousel  {
    padding:0;
    margin: 0;
    position: relative;  
	
}

.carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
	float: left;
}              
.carousel .prev, .carousel .next {
	display: block;
	float: left;
	width: 30px;
	height: 240px;
	text-decoration: none;
	font-weight:bold;
	background-color: #111;
	border:solid 2px #eee;
	color:#eee;
}
.carousel .next {
	float: right;
}
.carousel .next:hover {
	cursor:pointer;
	background-color: #ccc;
}
.carousel .prev:hover {
	cursor:pointer;
	background-color: #ccc;
}    
.carousel a:hover, .carousel a:active {
	border: none;
	outline: none;
}                 
.carousel .jCarouselLite {
	border: 1px solid black;
	float: left;
	background-color: #dfdfdf;
	
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}
.carousel ul {
	margin: 0;
}
.carousel li  {
	background-color: transparent;
	width: 680px;
	height:200px;
	margin:0px 10px;
}

#contacterror {
	font-size:1.4em;
	color:#c00;
	margin-left: 5px ;
	margin-bottom: 8px ;
}

#comments {
	margin: 10px ;
}	            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/


#sliderInner {
	position: relative; margin: 0; width:100%; height: 500px; 
}
         
#sliderbar_wrap {
	padding:10px;
	float:right;
	background-color:#000;
	border:solid 1px #666;
}

#sliderbar {
	border: 1px solid #dddddd; 
	background-color:#777; 
	color: #333333; 
	width:2px;
	height:550px;
	margin-top:10px;
	margin-bottom:10px;
}/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Interaction states
----------------------------------*/
#sliderbar .ui-state-default, #sliderbar .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background-color: #333; font-weight: bold; color: #1c94c4; outline: none; }
#sliderbar .ui-state-default a, #sliderbar .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
#sliderbar .ui-state-hover, #sliderbar .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background-color: #333;  font-weight: bold; color: #c77405; outline: none; }
#sliderbar .ui-state-hover a, #sliderbar .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
#sliderbar .ui-state-active, #sliderbar .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background-color: #ffffff ; font-weight: bold; color: #eb8f00; outline: none; }
#sliderbar .ui-state-active a, #sliderbar .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { background-color: #666666; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background-color: #000000; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: .6em; height: 1em; cursor: default; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.5em; }