/* Includes */
@import url("tooltip.css");

body {
	margin: 0px;
	padding: 0px;
	font-size:76%;
	background-color: #222;
	background-image:url(../images/20070614-background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
}

#all {
	position:relative;
	margin:auto;
	width:940px;
	padding-top:20px;
}


#menu {
	background-color: #FFFFFF;
	width: 240px;
	position: absolute;;
	left: 40px;
	top:0px;
	z-index: 20;
	background-image:url(../images/menu-background.jpg);
	border-right:1px solid #222;
	border-bottom:1px solid #222;
}

#transbg {
	background-color: #222;
	background-image:url(../images/transbg-back.png);
	background-position:center top;
	background-repeat:repeat-x;
	width: 920px;
	height:1200px;
	margin-left: 20px;

	filter: Alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;

}

#opaque {
	width:650px;
	margin-left:295px;
	background-color: transparent; 
	position:absolute;
	z-index:5;

}


#header p {
	position:absolute;
	display:none;
}

#logo {
	margin:0px;
	padding:0px;
	height:65px;
	width:210px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:5px;
	background-image:url(../images/logo.jpg);
}

#logo a {
position:absolute;
height:65px;
width:210px;
}

#logo a:hover {
	background-image:url(../images/logo-on.jpg);
}

#logo a span {
	position:absolute;
	display:none;
}

#websites {
	margin:0px;
	padding:0px;
	list-style:none;
}

#websites li {
	width:198px;
	height:78px;
	margin-left:20px;
	margin-bottom:20px;
	border:1px solid #222;
}

#websites li a {
	position:absolute;
	height:78px;
	width:198px;	
}

#websites li a span {
	position:absolute;
	display:none;
}

#afeintdesign {
	background-image:url(../images/afeintdesign-off.jpg);
}

#afeintdesign a:hover {
	background-image:url(../images/afeintdesign-on.jpg);	
}

#feintvolition {
	background-image:url(../images/feintvolition-off.jpg);
}

#feintvolition a:hover {
	background-image:url(../images/feintvolition-on.jpg);
}

#wearthemark {
	background-image:url(../images/comingsoon.jpg);
}

#integratebalance {
	background-image:url(../images/comingsoon.jpg);
}

#mailinglist {
	padding:0px;
	margin:20px;
	margin-top:0px;
}

#mailinglist fieldset {
	padding:0px;
	margin:0px;
	border:none;
}

#mailinglist legend {
	margin:0px;
	padding:0px;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:10px;
}

#mailinglist fieldset ol {
margin:0px;
padding:0px;
}

#mailinglist fieldset li {
list-style:none;
height:25px;
}

#mailinglist fieldset ol li label {
  line-height: 1.8;
  vertical-align: top;
  display:inline;
  margin-right:10px;
}

#mailinglist fieldset ol li input {
}

#access {
margin-top:5px;
	color: #FFFFFF;
	height: 25px;
	line-height: 25px;
	text-align: right;
	padding-right:20px;
	margin-bottom: 0px;
}
#access a {
	color: #b0f9ff
}

/* Search area */
#search {
	color: #FFFFFF;
	text-align: right;
	padding-right: 20px;
	height: 29px;
	padding-bottom: 0px;
}

#search label {
	position: absolute;
	left:-9999px;
}

#search input{
	border:2px solid #333333;
	line-height:25px;
	padding:2px;
	background-color:#e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
}

#content {
	width:620px;
	background-color:#222;
	padding:5px;
}

#hero {
	background-color:#333;
	background-image:url(../hero/20070619-beach-on.jpg);
	height: 380px;
	width: 500px;
	float: left;
	border-right: 1px solid #222; border-bottom: 1px solid #222; border-left: 1px solid #222; border-top: 1px solid #222;
	margin-bottom:5px;
}

#hero a {
position:absolute;
width:500px;
height:380px;
}

#hero a span {
	position:absolute;
	display:none;	
}

/* Ads along Hero */

#hls, #hls ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#hls {
	margin-left:507px;
}

#hl1 {
	background-color:#333;
	width:111px;
	height:121px;
	border:solid 1px #222;
	margin-bottom:6px;
}

#hl1 a {
	position:absolute;
	width:111px;
	height:121px;
	
}

#hl1 a span {
	position:absolute;
	display:none;
}

#hl2 {
	background-color:#333;
	width:111px;
	height:121px;
	border:solid 1px #222;
	margin-bottom:5px;
}

#hl2 a {
	position:absolute;
	width:111px;
	height:121px;
	
}

#hl2 a span {
	position:absolute;
	display:none;
}

#hl3 {
	background-color:#333;
	width:111px;
	height:121px;
	border:solid 1px #222;
}

#hl3 a {
	position:absolute;
	width:111px;
	height:121px;
	
}

#hl3 a span {
	position:absolute;
	display:none;
}


#information {
margin:auto;
	width:580px;
	clear:both;
	background-color:#fff;
	color:#6B6B6B;
	padding:20px;
	margon-top:30%;
}

#footer {
	margin-top: 20px;
	margin-right:20px;
	color: #444;
	text-align:right;
}