/* CSS Document */

/*  ------ Table of Contants ------ */
/* - Global Settings				*/
/* - Headings						*/
/* - Common Formatting				*/
/* - Links							*/
/* - Forms							*/
/* - Tables							*/
/* - Wrapper						*/
/* - Structure						*/
/* - Image Gallery					*/
/* - Global Classes					*/


/***** Global Settings *****/
 
html, body {
	border:0;
	margin:0;
	padding:0;
	background-color: #000;
	background-image: url(images/background-tile.gif);
	background-repeat: repeat-x;
	background-position: 0px 340px;
}
 
body {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:62.5%; 
	color:#FFF;
}

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
 
h1 {
	padding:30px 0 25px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	font-size:2em;
}
 
h2 {
	padding:10px 10px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing:-1px;
	font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/
 
a,
a:link {color:#666666}
a:visited {color:#999999}
a:hover {
	color:#F90;
	text-decoration:underline;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}

/***** Wrapper *****/
 
#wrap {
float: left;
width: 1500px;
margin:0 auto;
}

/***** Structure *****/

#header {
	float:left;
	width:500px; height: 100px;
	background-image: url(images/logo.gif); background-repeat: no-repeat;
}

#main-left {
	width: 500px;
	height: 700px;
	float:left;
	background-image: url(images/background-left.gif);
	background-repeat: no-repeat;
	background-position: 0px 340px;
}

#main-center {
	width: 200px;
	float: left;
}

#main-right{
	width:300px;
	float:left;
}

#portfolio-header {
	width: 100%;
	background-color: #F39;
	border-left: solid 4px #F39;
}

#portfolio-subheader {
	width: 100%;
	padding: 10px;
	color: #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing:-1px;
	font-size:1.5em;
	clear: both;
}

#portfolio {
	width: 100%;
	height: 1400px;
	float: left;
	/*	background-color: #666; */
	border-left: solid 4px #F39;
	border-bottom: solid 2px #F39;
	background-image: url(images/background-spacer.png);/*	filter: alpha(opacity=80); opacity: 0.8; */
} 

.slide-ctrl {
	float: left;
	width: 400px;
	margin-left: 20px;
	margin-top: 20px;
	background-color: #00CCFF;
}
	#slide-ctrl-portfolio {
	background-color: #FF0099
}
	#slide-ctrl-about {
	background-color: #FF9900
}
	#slide-ctrl-services {
	background-color: #99FF00
}
	
	
.slide {
	float: left;
	width: 300px;
	vertical-align: bottom;
}
	#slide-about {}
	#slide-services {}

.btn-slide {
	float: right;
	width: 40px; height: 40px;
	background-image: url(images/arrow-up.gif); background-repeat: no-repeat;
	color: #fff;
}
	#btn-slide-about{}
	#btn-slide-services{}
	
.panel {
	float: left;
	background: #333;
	width: 400px;
	margin-left: 20px;
	border-top: solid 2px #333;
	filter: alpha(opacity=75); opacity: 0.75;
	display: none;
}
	#panel-about {}
	#panel-services {}
	
#panel-text {
	padding: 15px;
	color: #fff;
}

.active {
	background-image: url(images/arrow-down.gif); background-repeat:no-repeat;
}


/***** Image Gallery *****/

div.img {
	float: left;
	width: auto;
	height: auto;
	margin: 3px;
	border-bottom: 1px dotted #fff;
}

div.img img {
	display: inline;
	margin: 3px;
	filter: alpha(opacity=70); opacity: 0.7;
}

div.img a:hover img {
	filter: alpha(opacity=100); opacity: 1.0;
}

div.desc {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }