/* CSS Document */

body {
background-color: #000000;
margin: 0;
padding-top: 40px;
text-align: center;
font-size: 10px;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


h1 {
	text-align: left;
	font-size: 22px;
	padding: 40px 0 0 12px;
}

h2 {
	font-size: 22px;
	line-height: 30px;
	padding: 40px 0 0 12px;
}

h3 {
	font-size: 14px;
	padding: 20px 0 20px 12px;
}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 5px 0 20px 0;
}

h5 {
	font-size: 20px;
}

.worktitle {
font-family: Helvetica, Arial, Verdana, Lucida, sans-serif;
color: #66cc66;
font-size: 15px;
display: block;
}

.workblurb {
font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
font-weight: normal;
color: #66cc66;
font-size: 9px;
line-height: 14px;
display: block;
}

.grey {
color: #777777;
margin-left: 10px;
font-style:italic;
}

.link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

.link a {
text-decoration: none;
display: inline;
color: #777777;
}

.link a:hover {
color:#66cc66;
text-decoration: none;
display: inline;
}

#welcome {
width: 297px;
height: 435px;
}

#logo {
width: 416px;
height: 96px;
}

#menuTitle {
width: 248px;
border-top: 2px solid #666666;
border-bottom: 1px solid #333333;
height: 23px;
}

#container {
background-image:url(../images/bg_light.jpg);
width: 990px;
height: 700px;
text-align: left;
margin: auto;
}

#col6_b {
/* LIGHT */
width: 93px;
height: 64px;
float: left;
background-image:url(../images/switch_on.jpg);
}

#topwrap {
width: 990px;
height: 565px;
}

#left {
width: 647px;
height: 565px;
float: left;
}

#right {
width: 343px;
height: 565px;
float: left;
}

#showcase {
left: 12px;
position: relative;
width: 636px;
height: 466px;
}

#bottom {
height: 119px;
width: 966px;
border-top: 2px solid #666666;
border-bottom: 2px solid #666666;
margin-left: 12px;
float: left;
}

#bot_a {
height: 34px;
margin-top: 9px;
}


#col1_a {
/* TITLE */
width: 76px;
height: 34px;
float: left;
}

#col2_a {
/* TITLE - FILL IN */
width: 317px;
height: 34px;
float: left;
margin-left: 10px;
}

#col3_a {
/* ROLE */
width: 49px;
height: 34px;
float: left;
}

#col4_a {
/* ROLE - FILL IN */
width: 181px;
height: 34px;
float: left;
margin-left: 9px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#999999;
}

#col4_a a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#66cc66;
padding: 2px;
text-decoration:none;
}

#col4_a a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#66cc66;
color:#000000;
padding: 2px;
text-decoration:none;
}

#col5_a {
/* CONTACT */
width: 235px;
height: 34px;
float: left;
margin-left: 13px;
}

#col6_a {
/* LIGHT */
width: 75px;
height: 34px;
float: left;
}



#bot_b {
width: 966px;
height: 64px;
border-top: 1px solid #333333;
padding-top: 9px;
}

#col1_b {
/* DESCRIPTION */
width: 76px;
height: 64px;
float: left;
}

#col2_b {
/* DESCRIPTION - FILL IN */
width: 319px;
height: 64px;
float: left;
margin-left: 8px;
}

#col3_b {
width: 49px;
height: 64px;
float: left;
}

#col4_b {
width: 181px;
height: 64px;
float: left;
margin-left: 9px;
}

#col5_b {
/* CONTACT */
width: 217px;
height: 64px;
float: left;
margin-left: 13px;
}



.contact {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
line-height: 13px;
color:#999999;
padding: 3px;
margin: -3px 0 5px -3px;
}

.contact a {
color: #66cc66;
text-decoration: none;
padding: 0 2px 0 2px;
}

.contact a:hover {
color: #000000;
text-decoration:none;
background-color: #66cc66;
}

.green {
color: #66cc66;
padding-right: 4px;
}

#col6_b {
/* LIGHT CONTROL */
width: 93px;
height: 64px;
float: left;
}


#menu_home {
top: 46px;
left: 7px;
position: relative;
width: 309px;
height: 500px;
}




#col6_b a: {
outline: none;
}

:focus
{
  -moz-outline-style: none;
}