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: #000;
	background-color:#fff;
}
html {
	background-color:#fff;}

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

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 {
	padding:0px;
}

#logo {
	float:left;
	background-color:transparent;
	width:125px;
}
 
#header{
	position: relative;
	height:150px;
}

#tagline {
	float:right;
	font: 2.3em Impact, Charcoal, sans-serif;
	
	margin: 10px 20px;
}

#mainmenu {
	padding:5px ;
	position:absolute;
	bottom:0px;
	right:0px;
	margin-bottom: 11px;
}

#mainmenu li {
	float:left;
}

#mainmenu ul{
	text-align:left;
	padding:0px;
	margin:0;
	list-style-type:none;
}
#mainmenu ul li{
	margin-right:13px;
}
#mainmenu ul li.last{
	margin-right:13px;

}
#mainmenu ul a{
	font: 1.2em 'Century Gothic', 'Apple Gothic', sans-serif;
	text-transform:uppercase;
}

#content {
	background-color:#transparent;
	float:left;
	color:#555;
	padding:0;
	width:1000px;
	margin-top:0;
	margin-bottom:10px;
}

#content_wrapper {
}

#sidebar h1 {
	margin:0;
}

a {
	color: #999;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;

}
a:visited {
	color:  #999;
	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:#000;
}


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 h1  { 
	font-family: Impact, Charcoal, sans-serif;
	font-size: 1em;
	color:#fff;
	margin:0 0 20px 0px;
	text-transform:uppercase;
	font-weight:normal;
}

#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:#FFF;
	border:solid 1px #666;
	position:relative;
	right:0;
	color:black;
}

#contact_form {
	padding:5px;
}


#content h2 { 
	padding: 5px 0;
	font: 1.6em 'Helvetica Neue', Arial, Helvetica, sans-serif;
	border-bottom:double 3px #FFCE15;
	margin-top:0px;
	margin-bottom: 10px;
}


#content h3 { 
	margin:0 10px 0 5px;
	padding: 5px 0;
	color:#555;
	font: 1.3em 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#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 {
	padding:5px 5px 0px 5px;
	margin-bottom:15px;
	width:1000px;
}
#contactus {
	padding-bottom:10px;
}
#portfolio {	 
}

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

#portfolio ul {
	padding-left:10px;
	margin-top:0;
}
#portfolio li, .pewrapper {
	list-style: none;
	width: 402px;
	float:left;
margin: 10px 30px 10px 50px;
}
	
#content .portfoliocontent h3 {
	font-size:1.2em;
	padding:0px;
	margin:  0 0 10px 0;
	font-weight:bold;
}



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

.portfolioentry {
	position: relative;
}

.portfoliocontent {
display:none;
color:#666;
font-weight:normal;
}

.portfolioentry a:hover .portfoliocontent {
	display: block;
	position: absolute;
	padding:15px;
	width:370px;
	top:80px;
	background: #fffbeb;
	border: solid 1px #333;
	filter: alpha(opacity=95);
	opacity: .95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	color: #666;


}

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

#portfoliofilter {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:double 3px #FFCE15;
	
}
.portfoliofilterselected {
	color: #FFCE15;
	text-decoration:underline;
}

.portfoliofilter {
	border-left: 1px solid #ddd;
	padding-right:5px;
	padding-left:5px;
}

.portfoliofilter.first {

	border-left: none;
}


.detailsentry {
	padding-top:10px;
	font-weight:bold;
}


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


.detailsentryodd {
	background-color:#f6f6f6;	
}


.detailsentryeven {
	background-color:#ddd;	

}

img {
	border:none;
}
.about_title img { margin-bottom:3px;}
.about_title {
	font-family: Impact, Charcoal, sans-serif;
	text-align:center;  float: left;  
	margin-right:8px; margin-bottom:5px; width:192px;height:200px;top left no-repeat;padding-top:1px;padding-bottom:1px;}
.about_title img {margin-top:10px;}
.about_title h2 {width:100%;font-size:28px;font-weight:normal;margin-top:5px;margin-bottom:8px;border:none; }
.ui-tabs-nav {margin: 0px ;padding: 0;}
.about_title.last {margin-right:0;}
.ui-state-active h2 a{font-weight:normal;color:#000;}
.ui-tabs  a { color:#666;line-height: 1em;}

.about_title.ui-tabs-selected   {
	background:transparent url('../images/grey.png') top left no-repeat;font-weight:normal;color:#000; }
	
.about_details {
	margin: 0px 0px 6px 0;
	padding: 5px 15px;
	float: left;
	width: 302px;
	border-right: dotted 1px #999;
}	

.about_details.last{
	border-right: none;
}

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

/************************************Menu------------------------------------*/
.contactlabel {
	width:80px;
	font-weight:bold;
	float:left;
}
 
* 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; }

.tdleftpad {
	font-size: 1em;
	font-weight: bold;
	color: #555;
}