@charset "UTF-8";
/* CSS Document */
/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
background-color:#000000;
background-image:url(../images/gradientbg.jpg);
background-repeat:repeat-x;
background-position:top;
}
 
body {
font:100%/1.25 Arial, Helvetica, sans-serif;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
color:#FFFFFF;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:0px;
font-size:2em;
}
 
h2 {
padding:0px 0;
letter-spacing:0px;
font-size:1.5em;
color:#FFFFFF;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/

ul, ol {
margin:0;
padding:0 0 1.25em 0;
}

p{
/*
margin:0;
padding:0 0 2em 0;
font: 8pt/16pt Arial;
color:#FFFFFF;
*/
font-size:0.8em;
color:#FFFFFF;
}
 
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{
font: 8pt/16pt Arial;
}

a:active, a:visited, a:link{
color:#FFFFFF;
text-decoration: none;
padding: 0px;
font: 8pt/16pt Arial;
font-family: Arial, Helvetica, sans-serif;
}

a:hover{
text-decoration:none;
color:#cc9933;
padding: 0;
font: 8pt/16pt Arial;
font-family: Arial, Helvetica, sans-serif;
}

li{
font: 8pt/16pt Arial;
color:#CCCCCC;
}
 
/***** 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 {
width:944px;
margin:0 auto;
}
 
 
/***** 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:944px;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; }



#container{
margin-left:auto;
margin-right:auto;
margin-top:22px;
width:944px;

}
#menubar{
min-height:10px;
}

#menu{
padding: 0;
margin:0;
width: 400px;
height: 30px;
text-align:left;
}
#menu li{
display: inline;
border:1px solid #006666;
width:900px;
padding: 0;
margin:0;
}
#menu li:hover{
/*background-color:#333333;*/
}
#menu text{
color:#FFFFFF;
}
.menu_bottom{
padding: 0;
margin:0;
height: 30px;
}
.menu_bottom li{
display: inline;
height: 100%;
padding: 0;
margin:0;
}
.menu_bottom li:hover{
/*background-color:#333333;*/
}
.menu text{
color:#FFFFFF;
}
.mainimage{
border:0px solid #000000;
}
.bottommenu{
width: 440px;
height:89px;
border-top:1px solid #333333; 
border-bottom:1px solid #333333;
text-align:center;
}
.sidetext{
height:165px;
font-size:0.8em;
color:#FFFFFF;
}
.sidetext p{

}

ul{
    margin: 0 auto;
}


#list_wrapper{
    width: 940px;
	margin-left:auto;
	margin-right:auto;
}
/*IMAGEONE
 The wider this li is, the fewer columns there will be */
ul.multiple_columns li{
	text-align: left;
    float: left;
    list-style: none;
    height: 140px;
    width: 210px;
	padding-right:8px;
	padding-bottom:8px;
}
	

#project_text{
	float:left;
	height:431px;
	width:230px;
	padding-left:5px;
	border:0px solid #CCCCCC;
}
#project_text_table {
border:0px solid #CCCCCC;
}
#project_text_table img{
border:0px solid #000000;
}
#project_selection{
	width:100%;
}
#project_select{
	margin-left:auto;
	margin-right:auto;
}
.project_menu{
text-align:center;
width:100%;
height:451px;
border:0px solid #CCCCCC;
padding:0;
}
.project_menu h2{
padding-bottom:14px;
}
.project_menu p{
margin-top:2px;
}

#topmenu{
margin-left:auto;
margin-right:auto;
width:944px;
height:10px;
margin-top:-22px;
position:absolute;
background:#000000;
}
#topmenu ul{
margin-left:-38px;
}
#topmenu li{
display:inline;
list-style-type:none;
padding: 0;
}
#topmenu a{
color:#cccccc;
}
#topmenu a:hover{
color:#cc9933;
}

#intropage{
min-height:451px;
max-height:451px;
border:1px solid #000000;

}
#footer{
	height:12px;
	min-height:12px;
	clear:both;
}
#footer_image{
float:left;
width:500px;
}
#footer_text{
float:left;
width:440px;
}
#floating_title{
position:absolute;
z-index:50;
top:50px;
}
#footer_contact p{
color:#CCCCCC;
text-align:center;
font-size:0.6em;
}
/*experimental*/
.about{
border:1px solid #333333;
background:#000000;
width:925px;
padding:0;
vertical-align:top;
}

.about td{
vertical-align:top;
}

#project_image{
	float:left;
	width:700px;
	min-width:700px;
	text-align:center;
	height:453px;
	max-height:453px;
	padding:0;
}
.portfoliocontainer{
border:1px solid #333333;
border-bottom:0px;
width:100%;
height:451px;
max-height:451px;
background:#000000;
padding:0;
}

.portfoliocontainer h2{
color:#996633;
}
.portfoliocontainer2 h2{
color:#996633;
}
.portfoliocontainer a{
color:#996633;
font-size:12px;
}
.portfoliocontainer a:hover{
font-size:12px;
color:#cc9933;
}
.larger li{
font-size:12px;
}
.portfoliocontainer2{
border:1px solid #333333;
border-bottom:0px;
width:100%;
height:451px;
background:#000000;
padding:0;
}
#
.portfoliocontainer2 h2{
color:#996633;
}

.portfoliocontainer2 a{
color:#996633;
}
.portfoliocontainer2 a:hover{
color:#cc9933;
}
.portfoliopage{
padding:0;
width:305px;
float:left;
background:#000000;
}

.imagetd{
width:10px;
}

.portfoliopage li{
padding:0;
list-style:none;
margin-left: -40px;
}

.portfoliopage ul{
margin-top: 0px;
margin-bottom: 0px;
}

.portfoliopage td{
vertical-align:top;
border-bottom:0px solid #333333;
}

.whitetext li{
font-size:12px;
}

.whitetext strong{
color:#FFFFFF;
}