@charset "utf-8";
* html, 
* html body { 
overflow-y: hidden!important; 
height: 100%;
margin: 0;
padding: 0; 
}
* html #iefix { 
height: 100%;
overflow-y: scroll;
position: relative;
}

* html div#header,
* html div#header-transparent,
* html div#portfolio-nav,
* html div#portfolio-nav-background {
position: absolute;
}

#page 			{padding:20px;background:url(./images/black-80.png);}

/* CSS Document */
.clearfix:after 					{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.pngfix { behavior: url("./css/iepngfix.htc") }

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

html, body							{background:none;}
html								{background:#080808 url(./images/repeating-background.gif) fixed;}

.small-top-padding					{padding-top:120px!important;}

/* HEADER CLASSES */
#header 							{margin:0 0 20px 0;height:125px;top:0;width:100%;z-index:51;position:fixed;float:left;}
#header-transparent 				{margin:0 0 20px 0;height:125px;top:0;width:100%;z-index:50;position:fixed;opacity:0.60;filter:alpha(opacity='90');background-color:#000000;}
/* NAVIGATION CLASSES */
#nav 								{width:930px;padding:90px 0 0 5px;}
#nav ul 							{list-style:none;padding:0;margin:0;}
#nav ul li 							{float:left;list-style:none;margin:0 15px 0 0;line-height:25px;}
#nav ul li a 						{color:#fff;font-family: Arial;font-size:10px;font-weight:bold;outline:none;}
/* HEADING CLASSES */
h1 									{font-size:190%;font-family:Arial, Helvetica, sans-serif;font-weight:normal;padding:0;margin:0;color:#FFFFFF;}
.h1-header-small 					{font-size:180%;}
h2 									{font-size:165%;font-family:Arial, Helvetica, sans-serif;margin:0 0 1em 0;font-weight:normal;color:#FFFFFF;line-height:1.1em;}
h3 									{font-size:135%;font-family:Arial, Helvetica, sans-serif;font-weight:normal;margin:0 0 0.5em 0;color:#FFFFFF;}
h4 									{font-size:100%;font-family:Arial, Helvetica, sans-serif;font-weight:normal;	margin:0 0 0.5em 0;color:#FFFFFF;}
h4 a 								{color:#FFFFFF;text-decoration:none;}
h4 a:hover 							{color:#FFFFFF;text-decoration:none;}
.nopadding 							{padding:0;margin:0;}

/* PROFILE CLASSES */
.profile-category					{display:block;float:right;margin:0 0 0 18px;padding:8px 0 0 0;}
.profile-category h3 				{font-size:120%;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#8b8b8b;}
.profile-category h3 a				{color:#8b8b8b;outline:none;}
.profile-category h3 a:hover		{color:#fff;}
.profile-category h3 a:selected		{color:#00d8ff;}

/* PORTFOLIO CLASSES */
.category							{display:block;float:right;margin:0 0 0 10px;padding:8px 0 0 0;}
.category h3 						{font-size:10px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#8b8b8b;}
.category h3 a						{color:#8b8b8b;outline:none;}
.category h3 a:hover				{color:#fff;}
.category h3 a:selected				{color:#00d8ff;}
.selected h3 a						{color:#00d8ff;}
.selected h3 a:hover				{color:#00d8ff;}

.highlighted						{}

.portfolio-categories 				{display:none;float:right;width:380px;padding:15px 0 0 0;text-align:right;}
.portfolio-dates 					{float:left;width:150px;padding:15px 0 0 0;}
.portfolio-header 					{float:left;width:120px;padding:15px 0 0 0;}
.portfolio-header h1				{font-size:280%;}
.portfolio-text						{width:215px;margin:0 15px 0 0;}
.portfolio-text p					{padding:0;margin:0 0 1em 0;font-size:95%;line-height:135%;} 
.portfolio-text br					{padding:0;margin:0 0 1em 0;font-size:95%;line-height:135%;} 
.portfolio-text ul					{padding:0;margin:0 0 1em 2em;font-size:95%;line-height:135%;} 
.portfolio-text li					{ }
.portfolio-text small				{color:#fff;}
.portfolio-box						{float:left;padding:10px;background:url(./images/grey-40.png);position:relative;margin:0 0 4em 0;width:783px;}
.portfolio-tab						{text-align:right;}

.portfolio-side						{float:left;margin:10px 5px 0 0;position:relative;width:122px;}
.portfolio-side h3 					{padding:0;margin:0;font-size:115%;}
.portfolio-side h3 a				{color:#00d8ff;}
.portfolio-side ul					{margin:5px 0 0 0;padding:0;}
.portfolio-side li					{line-height:18px;font-size:85%;margin:0;padding:0 0 0 10px;list-style:none;background-image:url(./images/square.gif);background-position:left center;background-repeat:no-repeat;}
.portfolio-side li a				{color:#979797;}
.portfolio-side li a:hover			{color:#fff;text-decoration:none;}

.portfolio-gallery					{position:absolute;left:10px;bottom:10px;width:215px;border-top:dotted 1px #999999;padding:0.3em 0 0 0;}


#portfolio-content					{position:relative;float:left;margin:0 0 0 0;padding:0 0 0 0;width:100%;clear:both;}
#portfolio-content .date 			{padding:0 0 0.5em 0;}

#portfolio-content .image	 		{width:550px;overflow:hidden;background-color:#000000;position:relative;float:right;}

#portfolio-content .portfolio-item  {margin:0 0 4em 0;}

#portfolio-content .portfolio-imagenav a		  {float:left;display:block;margin:5px 2px 0 0;width:16px;height:16px;background-color:#fff;text-decoration:none;outline:none;font-weight:bold;text-align:center;color:#555;}
#portfolio-content .portfolio-imagenav a:hover    {background-color:#00d8ff;color:#fff;}
#portfolio-content .portfolio-imagenav .selected  {background-color:#00d8ff;color:#fff;}
#portfolio-nav-wrapper							  {}
#portfolio-nav-background						  {height:55px;overflow:hidden;top:125px;width:930px;z-index:45;position:fixed;opacity:0.80;filter:alpha(opacity='80');	background:#000000 none repeat scroll 0% 0%;}
#portfolio-nav									  {height:55px;overflow:hidden;top:125px;width:930px;z-index:46;position:fixed;}




#contact-address									{width:420px;float:left;margin:0 30px 0 0;}
#contact-address p									{padding:0;margin:0;}



.general-text										{width:100%;}
.general-text p										{padding:0;margin:0 0 1em 0;font-size:115%;line-height:130%;} 
.general-text br									{padding:0;margin:0 0 1em 0;font-size:115%;line-height:130%;} 
.general-text a 									{color:#fff;}
.general-text ul 									{font-size:115%;padding:0 0 0 3em;}
.general-text h3 a									{color:#00D8FF;}

#intro-span 										{font-size:115%;font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;margin:0 0 2em 0;}

#footer ul 										  {padding:0;margin:0;}
#footer li 										  {float:left;list-style:none;margin:0 1.5em 0 0;}
.home-infobox									  {width:432px;float:left;padding:5px 0 0 0;}
.home-infobox-margin							  {margin:0 60px 0 0;}
.highlight										  {color:#00d8ff;}

/*#cformsform ol									  {margin:0;padding:0;}
#cformsform li 									  {list-style:none;padding:0;margin:0;}
#cformsform label>span						  	  {width:200px;display:block;}
#cformsform label>input						  	  {width:200px;display:block;}*/
.waitingProto 									  {background-image:url(blackWaiting.gif);background-repeat:no-repeat;background-position:center top;background-color:black;padding:20px 0 600px 0;}



.back-to-top									   {margin:0 0 20px 0;padding:0 0 0 10px;display:block;background-image:url(./images/top.gif);background-position:left center;background-repeat:no-repeat;}


/* SLIDER  CLASSES */
#slider {
    width: 930px;
    position: relative;
}

.scroll {
    width: 930px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding:0;
    width: 930px;
	margin:0 20px 0 0;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}


/*
.profile-category h3 				{font-size:120%;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#8b8b8b;}
.profile-category h3 a				{color:#8b8b8b;outline:none;}
.profile-category h3 a:hover		{color:#fff;}
.profile-category h3 a:selected		{color:#00d8ff;}
*/


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 8px 0 0 0;
	float:right;
}

ul.navigation li {
    display: inline;
    margin:0 0 0 15px;
	font-size:100%;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#8b8b8b;
}

ul.navigation a {
    color: #8b8b8b;
    text-decoration: none;
}

ul.navigation a:hover {
	color:#fff;
}

ul.navigation a.selected {
    color:#00d8ff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}