html,body,img,form,a{
	margin:0;
	padding:0;
	outline:none;
	border:none;
}

body{
	background-image:url(../images/bkgd.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3B2317;
	font-size:10pt;
}

h1,h2,h3,h4,h5,h6{
	font-size:12pt;
}

#mainContainer{
	width:1100px;
	margin:0 auto;
	background-image:url(../images/mainBkgd.png);
	background-repeat:repeat-y;
	overflow:auto;
}

#hdr{
	width:1000px;
	overflow:hidden;
	padding:0 50px 0 50px;
}

#hdr img.logo, #hdr img.hdr{
	float:left;
}

#topNav{
	clear:both;
	background-image:url(../images/mainNavBkgd.png);
	width:989px;
	margin-left:50px;
	height:40px;
	padding:0px 0 0 12px;
	overflow:hidden;
}

#topNav ul, #topNav li{
	margin:0;
	padding:0;
	list-style:none;
}

#topNav li{
	float:left;
	color:#c6e6e7;
	font-size:10pt;
	text-shadow: 1px 1px 1px #000;
	position:relative;
}

#topNav li.ten {
	padding-top:10px;
}

#topNav li a{
	float:left;
	color:#c6e6e7;
	text-decoration:none;
	text-transform:uppercase;
	padding:11px 12px 13px;
	display:block;
}

#topNav li.first a{
	padding-left:0;
}

#topNav li.last a{
	padding-right:0;
}

#topNav ul li a:hover  {
	background-color:#a9afad;
	color:#005455;
	text-shadow:none;
}

#topNavLinks,#topNavIcons{
	float:left;
}

#topNavLinks{
	width:866px;
	padding-left:20px;
}

#topNavIcons{
width:100px;
margin-top:4px;
}

#mainContent{
	clear:both;
	width:966px;
	padding:0 0 0 70px;
	margin-bottom:25px;
}

#contentLeft{
	width:610px;
	float:left;
	padding-right:10px;
}

#contentLeft .error {
	font-size:16px;
	color:#FF0000;
}

#contentLeft img.icon{
	float:left;
}

#contentLeft.full{
	float:none;
	width:936px;
}

#right{
	width:309px;
	float:left;
	background-image:url(../images/rightBkgd.png);
	overflow:hidden;
}

#rightBlank{
	width:309px;
	float:left;
	padding-top:15px;
	padding-left:20px;
	overflow:hidden;
}

#rightHdr{
	background-image:url(../images/rightHdr.png);
	background-repeat:no-repeat;
	width:309px;
	padding:71px 30px 0 30px;
}

#rightFtr{
	width:309px;
	height:54px;
	background-image:url(../images/rightFtr.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 30px 27px 0;
	margin:0px;
}


#rightItem{
	display:block;
	color:#000;
	font-size:13px;
	padding:0px 75px 0 20px;
	margin:10px;
}

#component {
	height: 60px;
	clear:both;
} 

#component {
	width:1001px;
	margin-left:50px;
}

#ftr {
	height: 25px;
	clear:both;
} 

#ftr {
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	width:1001px;
	margin-left:50px;
	padding:14px 0px 0 0px;
	color:#c6e6e7;
	font-size:7pt;
	line-height:9pt;
}

#ftr p{
	margin:0;
}

#ftr .copyright{
	text-align:center;
	text-transform:uppercase;
}

/* TABBED BOX PRODUCT DESCRIPTION */

#tabbed_box {  
    margin: 0px auto 0px auto;  
    width:600px;  
}

.tabbed_area {   
    padding:0px;  
}

ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px;  
    margin-bottom:7px;  
}

ul.tabs li {  
    list-style:none;  
    display:inline;  
}

ul.tabs li a {  
    background-color:#005455;  
    color:#eef0f3;  
    padding:8px 14px 8px 14px;  
    text-decoration:none;  
    font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
    text-transform:uppercase;  
    border:1px solid #005455;  
}  
ul.tabs li a:hover {  
    background-color:#333949;  
    border-color:#333949;  
}  
ul.tabs li a.active {  
    background-color:#eef0f3;  
    color:#282e32;  
    border:1px solid #005455;  
    border-bottom: 1px solid #eef0f3;  
}



/* TABBED CONTENT FOR FORMS */

.tabContent {  
    background-color:#eef0f3;
    padding:0px;  
    border:1px solid #005455;
	overflow:hidden;
}  

#content_2 { display:none; } 

#content_3 { display:none; }

.tabContent table h2 {
	border:none;
	padding:5px;
	background-color:#d9f1ef;
	font-size:12px;
}

.tabContent tr {
	border:none;
}

.tabContent td {
	font-style:normal;
	font-size:12px;
}



/* PORTFOLIO PAGE */

#portfolio {
	clear:both;
	float:left;
	width:100%;
	padding-left:20px;
}

#portfolio ul{
	clear:both;
	float:left;
	margin:0;
	padding:10px 0;
	list-style:none;
	}
	
#portfolio li{
	list-style:none;
	float:left;
	width:200px;
	margin:0;
	padding:0 0 22px 23px;
}

#portfolio .portoImg {
	display:block;
	float:left;
	height:133px;
	width:200px;
	overflow:hidden;
	padding:0 10px 0 0;
}

#portfolio .componentImg {
	display:block;
	float:left;
	height:150px;
	width:200px;
	overflow:hidden;
	padding:0 10px 0 0;
}

#portfolio .portoHead {
	clear:both;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	}

#portfolio .portoHead a {
	text-decoration:none;
}

#portfolio .portoDesc {
	overflow:hidden;
	font-size:12px;
}