/* CSS Document */
html,body{

	text-align:center;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background:#464645 url(../images/bggrad.jpg) repeat-x;
	background-attachment:fixed;
	/*background-image:url(../images/greenlep.jpg);*/
	/*background-image:url(../images/tile.jpg);*/
/*	background-image:url(../images/plasticRivet.jpg);
*/	}
h1
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #698845;
 margin: 0px;
 padding: 4px;
}

h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #565656;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}



#frontpage_wrapper
{

	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 379px;
	/*border: 1px solid white;*/
}



#wrapper{
	
	margin: 0px auto 0;
	text-align:justify;
	background-color: #FFFFFF;
	width: 760px;
	border:solid silver 1px;
	margin-top:10px;
	margin-bottom:10px;
	/*top: 10px;*/
	
	
}

#octopuswebdesign
{
width: 760px;
height:202px;
background-color:#565656;
float:left;
background-image:url(../images/octopuswebdesign.jpg);
background-repeat:no-repeat;
background-position:right;
text-align:right;
}
#octopuswebdesign h1
{
	color: #565656;
	text-align:left;
	padding-right:400px;
}
/*main menu start*/

/*##########style swap div###################*/
#login
{
	width: 162px;
	margin-left:4px;
	background-color:#565656;
	float:left;
	text-align: right;
	padding: 10px;
	border: inset silver 1px;
}


/*main menu end*/
#contentArea{
	width: 560px;
	float:left;
	padding: 0px;	
}

#contentArea h1{
	
	background-color:#F0F0F0;
	border: 1px solid #E7E7E7;
	border-bottom: 2px solid #E7E7E7;	
	padding:2px;
	text-align:left;
	font-size:11pt;
	font-variant:small-caps;
	margin:5px 1px 0px;
}
#contentArea p
{
	padding: 0px 0px 3px 0px;
	margin: 0px 5px 0px 5px;
}

#contentArea .acronym
{
	cursor:help;
	border-bottom-style: dashed;
	border-bottom-color: #FF0000;
	border-bottom-width: 1px;
}

#contentArea img
{
	float:right;
	padding:0px;
	margin:0px;
}

#clientList
{
}
#clientSite
{
	clear:both;
	width:100%;
}
#clientList img
{
	float:left;
	padding: 5px;
}
#navBar{
	background: url(../images/bgcol.gif) repeat-y;
	width:200px;
	margin: 0px;
	padding: 0px;
	/*	background-color: #FFFFFF;
*/	text-align: left;
	/*top: 160px;*/
	float: left;
	margin-bottom:10px;
		
}
#navBar p
{
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#navBottom
{
	background:	url(../images/colbot.gif) left bottom no-repeat;
	padding:0px;
}
#navTop
{
	background:	url(../images/coltop.gif) left top no-repeat;
	padding:0 10px 0px 9px;
}

/************ #Industry News ****************/
#industryNews a
{
	color:#666666;
	text-decoration:none;	
}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	margin: 0px;
	padding-top:0px;
	padding-bottom:5px;
}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	
	font-size: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #E7E7E7;
	background-color: #F0F0F0;
	/*background:	url(../images/colfade.gif) left bottom no-repeat;
	padding:0 10px 0 9px;*/
 }

#sectionLinks h3
{
	/*padding: 3px 0px 0px 5px;
	background-image: url(../images/greenSlice.gif);
	background-repeat: repeat-x;
	height: 23px;*/
	background-color:#F0F0F0;
	border: 1px solid #E7E7E7;
	border-bottom: 2px solid #E7E7E7;	
	padding:2px;
	text-align:left;
	font-size:11pt;
	font-variant:small-caps;
	margin:5px 0px 5px 0px;
}
#navBar h4
{
	background-color:#F0F0F0;
	border: 1px solid #E7E7E7;
	border-bottom: 2px solid #E7E7E7;	
	padding:1px;
	text-align:left;
	font-size:9pt;
	margin:5px 0px 5px 0px;
}


#sectionLinks a {
	display: block;
	padding: 2px 7px 2px 5px;
	margin:0px;
	font-size: 100%;
	color:#666666;
	
}

#sectionLinks a:hover{
	background-color: #565656;
	color:#ACDA54;
}
#featureSite
{
margin-left:5px;
clear:both;
}
#featureSite img
{
	padding: 10px 10px 10px 25px;
}




#rightPanel{
width: 150px;
float:right;
background-color:#CCCCCC;
}

#footer
{
clear:both;
background-color:#565656;
width:760px;
height:30px;
text-align:center;
padding-top:10px;
}


#footer a
{
	padding-right:10px;
	vertical-align:middle;
	color:#ACDA54;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}


#advert{

padding: 0px;
margin:0px;
text-align:justify;
}
#advert img
{
	border: solid black 1px;

}
.greyC
{
	color:#999;
	text-decoration:none;
	}
#googleAd
{
	margin: 0px auto 0;
	}
	
#adwrapper{
float:right;
width:160px;
height: 600px;
/*background-color:#333;*/
margin-top:10px;
}