/* new css for supersix */

/* -----------------------------------------------
main page elements 
------------------------------------------------*/

body { margin:0; padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#main {margin:0; padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#333333;}

div.mainwrapper {width:780px; 
	background-color:#cbd1d4;
	margin:0; padding:0;
	}

div#topbar {margin:0; padding:0; background-color:#007229;
	text-align:right; width:780px;
	position:absolute; top:0; left:0; z-index:7}

.bottompix {margin:0 0 0 412px;
	position:relative; top:-35px; z-index:1}
.bottompix1 {margin:0 0 0 297px;
	position:relative; top:-35px; z-index:1}


/* -----------------------------------------------
top menu section 
------------------------------------------------*/
#s6nav {margin:0; padding:0; color:#471c58;
		position:absolute; top:30px; left:430px;
		width:340px;}
div#s6nav ul li {color:#471c58;}
div#s6nav ul li	a:hover {
	color:red;
	}

div#s6nav a {
   padding:0 0px;  
   font-size:14px;
   text-align: center;
   text-decoration:none; 
   font-weight: bold;
   text-transform: uppercase;
   line-height: 12px;
   color:#471c58;  
   }  

/* -----------------------------------------------
side menu section 
------------------------------------------------*/
#s6navside {margin:0; padding:0; color:#471c58;
	position:absolute; top:20px; left:540px;
	width:240px;}
div#s6navside ul li {color:#471c58;}
div#s6navside ul li	a:hover {
	color:red;
	}

div#s6navside a {
   padding:0 0px;  
   font-size:10px;
   text-align: center;
   text-decoration:none; 
   font-weight: bold;
   text-transform: uppercase;
   line-height: 12px;
   color:#471c58;  
   }  
  

/* -----------------------------------------------
physical structure of page 
------------------------------------------------*/
.content {background-color:transparent;
	width:500px; margin:0; padding:0;
	position:relative; z-index:4;
	}

.content {border-right:1px dashed white;}

.contentwrap {width:470px; margin:0px 0 0 20px; padding:30px 0 0 0;}

.contentx {background-color:transparent;
	width:500px; margin:0; padding:0;
	}
	
.content1 {background-color:transparent;
	width:400px; margin:0; padding:0;
	position:relative; z-index:4;
	}

.content1 {border-right:1px dotted white;}

.contentwrap1 {width:350px; margin:0px 0 0 20px; padding:30px 0 0 0;}

.columnwrap {width:470px; margin:0; padding:0;}

div.column1 {
	border:0px solid white;
	float:left;
	width:150px;
	background-color:transparent;
	text-align:center;
	margin:30px;
	}
div.column1 img {
	margin:5px;
	}
div.column1 p.caption {text-align:center;}

div.column2a {
	border:0;
	float:left;
	width:100px;
	background-color:transparent;
	margin:10px 0 0 0;
	}
div.column2b {
	border:0;
	float:left;
	width:300px;
	background-color:transparent;
	margin:10px 0 0 30px;
	}






/* -----------------------------------------------
menu section
------------------------------------------------*/


/* -----------------------------------------------
specific pages
------------------------------------------------*/
div.background {width:780px; 
	background-color:#cbd1d4;
	margin:0; padding:0;
	}
div.background h5 {margin-top:50px;}

div.backgroundpix {
	background-image: url(background3trans.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	}

div.services {width:780px; 
	background-color:#cbd1d4;
	margin:0; padding:0;
	}
div.projects {width:780px; 
	background-color:#cbd1d4;
	margin:0; padding:0;
	}
div.contact {width:780px; 
	background-color:#cbd1d4;
	margin:0; padding:0;
	}



#bigpix a {
	color:#333;
	text-decoration:none;
	margin-top:30px;
	}
#bigpix {
	margin:40px 0 30px 0px;
	padding-bottom:30px;
	text-align:center;
	}


/* -----------------------------------------------
alignment classes

------------------------------------------------*/
.centerimage	{text-align:center;}
.nudge  {margin:12px 0 0 0;}

.clearall	{clear:both}

.clearfix:after {
    content: ".";
   display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#copyright {width:600px; border:0;}
#copyright img { width:297px; height:16px; text-align:right; border:0;
					margin:0 0 1px 297px; padding:0;}
.padding	{padding:5px;}

.item {float:left; color:black;
	width:200px; margin:0;}
.detail {float:left;
	width:250px; margin:0px 0px 0 0px;}

.borderline {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed white;}
.hanging{float:left;width:50px;}
.dash{float:left;width:30px; text-align:center;background-color:transparent;}
.indent{float:left;width:200px;}
.box1 {background-color:#ccc; padding:5px;}

/* -----------------------------------------------
common text classes
------------------------------------------------*/

p	{
	font-size: 13px;
	}

ul, li	{
	font-size: 13px;
	}
li	{margin:0 0 10px 10px;}

h1,h2, h3, h4, h5, h6	{
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

h4	{font-weight: bold; font-size:20px;}
h5	{font-weight: bold; font-size:16px;}
h6	{font-weight: bold; font-size:13px;}

a {
   text-decoration:underline; 
   color:#471c58;  
   }  
a:hover {text-decoration:underline;}

.header {margin:0 0 20px 0;}
.notop {margin:0 0px 0 5px;padding:0px;}
.normal {	font-size: 12px;}
.tableheader {font-weight: bold; text-align:center; text-transform: uppercase;}
.centertext	{text-align:center;}
.emphasize {color:#fff;}
.currentpage {color:#f93; font-weight:bold; text-decoration:underline;}
.caption {
	color: black;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	font-variant: normal;
	}
div.leftcolumn p.caption {margin:5px 0 0 50px;}
div.rightcolumn p.caption {margin:5px 50px 0 0px;}

.topname {color:white; font-weight:bold; text-align:right;
	font-size: 10px; display:text; text-decoration:none;}
.next	{font-style: italic; text-align:right; 
	color: green; text-decoration:none;
	font-size:10px;}
.smalltext {
	color: black;
	font-size: 10px;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	font-variant: normal;
	}

.highlight	{
	color: red;
	}
.click
{
	color: red;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	text-decoration: none;
}