* { zoom: 1.0; margin:0; padding:0; } 

html, body, #wrap { height: 100%;}

body { background-image: url('../images/portfolio-tile.gif'); 
	background-repeat: repeat-both; 
	background-color: #FFC; }

body > #wrap { height: auto; min-height: 100%;} 

h1 { font-family: Helvetica, Ariel, sans-serif; 
	font-size: 22px; 
	line-height: 33px; 
	font-weight: bold; 
	font-variant: small-caps; 
	color: #330;  }

p { font-family: Helvetica, Ariel, sans-serif; 
	font-size: 14px; 
	line-height: 22px; 
	margin-bottom: 14px;
	color: #330;  }
	
a { text-decoration: none; }

ul { list-style-type: none; }



#main { position: relative; 
	background-image: url('../images/portfolio-mainbackground.gif'); 
	height: 481px; 
	background-repeat: no-repeat; }  
	
#left-default { position: absolute;
	float: left; 
	width: 374px; 
	height: 284px; 
	padding-top: 123px; 
	background-image: url('../images/portfolio-atoms.gif'); 
	background-repeat: no-repeat; 
	background-position: 0 123px; }
 

#window-default { position: absolute; 
	width: 510px; 
	height: 400px; 
	padding-top: 45px; 
	margin: 0px 0px 0px 412px; 
	_margin: 0px 0px 0px 38px; 
	background-image: url('../images/portfolio-emptywindow.gif'); 
	background-repeat: no-repeat; 
	background-position: 0px 45px; }

#footer { position: relative;
	height: 217px;
	background-image: url('../images/portfolio-footer.gif'); 
	background-repeat: no-repeat; 
	clear:both;} 
		
#nav { float: left; 
	position: absolute; 
	padding: 50px 0px 0px 40px; }
#nav li { padding-bottom: 16px; }	
#nav a { font-family: Helvetica, Ariel, sans-serif; 
	font-size: 22px; 
	font-weight: bold; 
	line-height: 22px; 
	color: #C00; 
	text-decoration: none; }
#nav a:hover { color: #330; }

	
#dc-button { background-image: url('../images/rollover-dc.jpg'); }
#cps-button { background-image: url('../images/rollover-cps.jpg'); }
#bigiron-button { background-image: url('../images/rollover-bigiron.jpg'); }
#raw-button { background-image: url('../images/rollover-raw.jpg'); }
#sb-button { background-image: url('../images/rollover-sb.jpg'); } 
#ekd-button { background-image: url('../images/rollover-ekd.jpg'); }
#goodair-button { background-image: url('../images/rollover-goodair.jpg'); }
#wellcare-button { background-image: url('../images/rollover-wellcare.jpg'); }
#jansz-button { background-image: url('../images/rollover-jansz.jpg'); }
#muscle-button { background-image: url('../images/rollover-muscle.jpg'); }
#safe-button { background-image: url('../images/rollover-safe.jpg'); }
#herb-button { background-image: url('../images/rollover-herb.jpg'); }



#buttongroup { height: 174px; 
	width: 522px; 
	padding-left: 412px; }
#buttongroup > div { float: left; 
	margin: 0px 12px 12px 0px; }
#buttongroup a:link, #buttongroup a:visited { display: block; 
	height: 75px; 
	width: 75px; }
#buttongroup a:hover { background-position: 0 75px; }
	
	
.hidden { display: none }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#hidden-content { display: none; }

.subnav { position: absolute; 
	left: 10px; 
	right: 10px; 
	bottom: 15px; 
	text-align: center; 
	font-family: Helvetica, Ariel, sans-serif; 
	font-weight: bold; 
	font-size: 20px; 
	text-decoration: none; 
	color: #330; }
.subnav a { text-decoration: none;
	color: #330; }
.subnav a:hover { color: #C00; }

.video { padding-top: 28px; padding-left: 40px; }

.left { position: absolute; 
	left: 0px; 
	right: 10px; 
	top: 123px; 
	width: 334px; 
	height: 244px; 
	padding: 40px 0px 0px 40px; 
	background-color: #FFC; }
	
.left a { font-family: Helvetica, Ariel, sans-serif; 
	text-decoration: underline;
	font-size: 14px; 
	line-height: 22px; 
	margin-bottom: 14px;
	color: #330; }