body {
	background-color: #333333;
	margin:0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#page {
	margin:0px auto;
	width:800px;
	text-align:left;
}
#header {
	width:800px;
	height:192px;
	float:left;
	margin:0px;
	padding:0px;
} 
#header img {
	margin:0px;
	padding:0px;
}
a#but1 {
	width: 115px;
	height: 30px;
	background:url(art/but1.jpg);
	float:left;
	margin:5px 5px 5px 10px;
	display:block;
	padding:90px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #F18136;
	text-decoration:none;
}
a#but1-selected {
	width: 115px;
	height: 30px;
	background:url(art/but1-.jpg);
	float:left;
	margin:5px 5px 5px 10px;
	display:block;
	padding:90px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a:hover#but1 {
	width: 115px;
	height: 30px;
	background:url(art/but1-.jpg);
	float:left;
	margin:5px 5px 5px 10px;
	display:block;
	padding:90px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a#but2 {
	width: 115px;
	height: 30px;
	background:url(art/but3.jpg);
	float:left;
	margin:5px 5px 5px 5px;
	display:block;
	padding:90px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #F18136;
	text-decoration:none;
}
a#but2-selected {
	width: 115px;
	height: 30px;
	background:url(art/but3-.jpg);
	float:left;
	margin:5px;
	display:block;
	padding:90px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a:hover#but2 {
	width: 115px;
	height: 30px;
	background:url(art/but3-.jpg);
	float:left;
	margin:5px;
	display:block;
	padding:90px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a#but3 {
	width: 115px;
	height: 48px;
	background:url(art/but2.jpg);
	float:left;
	margin:5px 10px 5px 5px;
	display:block;
	padding:72px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #F18136;
	text-decoration:none;
}
a#but3-selected {
	width: 115px;
	height: 48px;
	background:url(art/but2-.jpg);
	float:left;
	margin:5px 10px 5px 5px;
	display:block;
	padding:72px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a:hover#but3 {
	width: 115px;
	height: 48px;
	background:url(art/but2-.jpg);
	float:left;
	margin:5px 10px 5px 5px;
	display:block;
	padding:72px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
#spacer {
	width:118px;
	height:118px;
	float:left;
	margin:5px;
	background:#404040;
	border:1px solid #616161;
}
a#but4 {
	width: 115px;
	height: 110px;
	background:url(art/but1a.jpg);
	float:left;
	margin:5px 5px 5px 10px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #F18136;
	text-decoration:none;
}
a#but4-selected {
	width: 115px;
	height: 110px;
	background:url(art/but1a-.jpg);
	float:left;
	margin:5px 5px 5px 10px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a:hover#but4 {
	width: 115px;
	height: 110px;
	background:url(art/but1a-.jpg);
	float:left;
	margin:5px 5px 5px 10px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a#but5 {
	width: 115px;
	height: 110px;
	background:url(art/but3a.jpg);
	float:left;
	margin:5px 5px 5px 5px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #F18136;
	text-decoration:none;
}
a#but5-selected {
	width: 115px;
	height: 110px;
	background:url(art/but3a-.jpg);
	float:left;
	margin:5px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a:hover#but5 {
	width: 115px;
	height: 110px;
	background:url(art/but3a-.jpg);
	float:left;
	margin:5px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a#but6 {
	width: 115px;
	height: 110px;
	background:url(art/but2a.jpg);
	float:left;
	margin:5px 5px 5px 5px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #F18136;
	text-decoration:none;
}
a#but6-selected {
	width: 115px;
	height: 110px;
	background:url(art/but2a-.jpg);
	float:left;
	margin:5px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
a:hover#but6 {
	width: 115px;
	height: 110px;
	background:url(art/but2a-.jpg);
	float:left;
	margin:5px;
	display:block;
	padding:10px 5px 0px 0px;
	text-align:right;
	font-size:18px;
	color: #333333;
	text-decoration:none;
}
#content {
	width:800px;
	overflow: visible;
	margin:0 0 2px 0;
	padding:0 0 0 0;
	float:left;
	line-height:25px;
}
#content img {
	float:left;
	margin:0px 10px 0px 10px;
}

/* right hand side - text/flash */
#content-text 
{
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	width:250px;
	height: 50%;
	min-height: 382px;
	background-color: Transparent;
	color: #ffffff;
}

#content p
{
    margin: 3px 0 3px 5px;
    font-size: 1.0em;

}

/*
#content-text p
{
    margin: 3px 0 3px 5px;
    font-size: 1.0em;

}
*/
#content-text img
{
    margin: 5px;
    border: 1px solid #ffffff;
}

#content-text div.flash-podsvideo-border
{
     width: 300px;
     height: 228px;
     z-index: 1; 
     border: 1px solid #fff;                                                         
     margin: 5px 0 0 0; 
     padding: 0; 
}

#content-text div.flash-modsvideo-border
{
     width: 352px;
     height: 288px;
     z-index: 1; 
     border: 1px solid #fff;                                                         
     margin: 25px 0 0 0 !important; 
     padding: 0; 
}

#content-text div.flash-logsvideo-border
{
     width: 312px;
     height: 187px;
     z-index: 1; 
     border: 1px solid #fff;                                                         
     margin: 17px 0 0 5px !important; 
     padding: 0; 
}

#content-text object.video
{
    margin: 0;
    background-color: Transparent;
}

#content-text div.flash-fade-border
{
     width: 250px;
     height: 200px;
     z-index: 1; 
     border: 1px solid #fff;                                                         
     margin: 7px 0 0 5px !important; 
     padding: 0; 
}

#content-text object.fade
{
    margin: 0;
    background-color: Transparent;
}

#content-text ul
{
    margin: 10px;
    padding: 0 0 0 0;
}
#content-text ul li
{
     margin: 0; 
     font-size: 1.0em;
     padding: 2px 0 2px 0; 
     list-style-type: none; 
     /*background-repeat: no-repeat; 
     background-image: url('images/bullet.png'); 
     background-position: 0 8px; */
}

#content-thumbs 
{
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	/*width:525px;*/
	
}

/* resize to 120x120 for new layout  - march 2009 */
#thumbs {
	width:120px;
	height:120px;
	float:left;
	margin:5px 5px 5px 5px;
}
#thumbs img {
	margin:0px;
	border:1px solid #FFFFFF;
	}


	

#footer {
	width:790px;
	height:30px;
	float:left;
	text-align:right;
	padding:10px 10px 0px 0px;
	color:#999999;
	font-size:12px;
}
#footer a {
	color:#999999;
	text-decoration:none;
	}
#footer a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

#footer a.phuture:hover, #footer a.phuture:focus { color: #6699CC !important; }



#tech {
	width:780px;
	height:350px;
	float:left;
	margin:10px;
}
#tech img {
	margin:0px;
	border:none
	}
	
	
/* form */
table.contact-table 
{
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
 }
table.contact-table td
{
    /*width: 50%;*/
    vertical-align: top !important;
    padding: 0;
 }
table.contact-table td.left
{
    width: 45%;
 }
table.contact-table td.right
{
    width: 65%;
 }
 
a.email
{
    color: #F18136;
    text-decoration: none;
 }
a.email:hover, a.email:focus
{
    color: #F18136;
    text-decoration: underline;
 }

	
.text-box {
	background: #4D4D4D;
	padding:4px;
	font-size: 0.9em;
	color: #F18136;
	border:1px solid #000000;
	width: 170px;
	font-family: MS Shell Dlg; 
	}
	
.text-box:hover,.text-box:focus
{
    background-color: #999999;
    color: #000000 !important;
} 


.button {
	background: #4D4D4D;
	padding:4px;
	font-size: 0.9em;
	color: #F18136;
	border:1px solid #000000;
	width: 50px;
	}
	
.button:hover,.button:focus
{
    cursor: pointer;
    background-color: #999999;
    color: #000000 !important;

}

/* generic */

.error {
	color: Red;
	font-weight: bold;
	}
.error-small
 {
	color: Red;
	font-weight: bold;
	font-size: 0.8em;
	}

.lightgrey  	
{
  color:#CCCCCC;
}
.grey {
	color:#666666;
	}
.grey a {
	color:#666666;
	text-decoration:none;
}
.grey a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.names {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.orange {
	color:#FF9900;
	text-decoration:none;
}
.blue {
	color:#0099CC;
	text-decoration:none;
}

.hide { display: none !important; }

/* clear - set 0 height/font/line-height for IE div  */
.clear { height: 0px; clear: both; font-size: 0px; line-height: 0px; margin: 0 !important; }

.float-right { float: right;}
.floar-left { float: left;}

/* kit image pop ups from carousel*/
body#kit-page { margin: 0; padding: 0; background-color: Black; }
img.kit-image { margin: 0; border: 0; }

/* new styles */

h3 { font-size: 1.1em; margin: 2px 0 2px 0 !important; }
.red-bold { font-weight: bold; color: Red !important;}

/* projects */
div.spacer-green { width:118px;	height:118px; float:left; margin:5px; background:#4a502b; border:1px solid #616161; 
                   text-align: center; font-weight: bold; padding: 0;}
div.spacer-green span { float: right; margin-right: 5px;}

div.spacer-blue { width:118px; height:118px; float:left; margin:5px; background:#331ab4; border:1px solid #616161; 
                  text-align: center; font-weight: bold;}
div.spacer-blue span { float: right; margin-right: 5px;}

div.spacer-white { width:118px;	height:118px; float:left; margin:5px; background:#fff; border:1px solid #616161; 
                   text-align: center; font-weight: bold; color: #000;}
div.spacer-white span { float: right; margin-right: 5px;}

span.number { float: right; width:10px; height:50px; margin: 10x 0 10px 0; font-weight: bold; display: block !important; padding: 50px 0 0 0; }