/* CSS Document */
/* HTML elements */
body {
	background:url(images/background.gif) left repeat-y #FFFFFF;
	/*margin-left:50px;*/
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:12px;
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
div h2 {
	font-size:xx-small;
	margin-bottom:12px;
}
/* CONTENT */
#client_title {
	color:#333333;
	position:relative; 
	left:56px;
	margin-top:20px;
	width:480px;
}
#client_title h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:2px;
}
#client_title p {
	margin-bottom:-5px;
	width:480px;
}
#login_form {
	display:inline;
	float:right;
	color:#999999;
	margin-top:-7px;
}
#login_form input {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}
.login_submit {
	border:1px solid #666666;
	background:#FFFFFF;
}
#client_content {
	color:#333333;
	position:relative; 
	top:30px;
	left:56px;
	width:480px;
}
#client_divider {
	margin-top:10px;
	background:url(images/dots_h.gif) repeat-x;
	width:480px;
	height:1px;
}
.client_name {
	color:#999999;
}
#underlay {
	overflow:hidden;
	position:relative; 
	z-index:1;
	height:427px;
	background:url(images/robflo3.jpg) no-repeat 56px 0px;
	width:100%;
}
#overlay {
	position:relative; 
	top:-525px;
	z-index:3;
}
#divider {
	position:absolute;
	top:232px;
	left:56px;
	margin-right:10px;
	background:url(images/dots_h.gif) repeat-x;
	width:90%;
	height:1px;
	z-index:2;
}
#top_nav {
	position:absolute;
	top:220px;
	left:56px;
	width:550px;
	z-index:3;
}
#login a {
	background:url(images/client_login.gif) no-repeat;
	display:block;
	width:75px;
	height:5px;
	float:right;
}
#login a:hover {
	background:url(images/client_login.gif) 0px -5px no-repeat;
}
#contact a {
	background:url(images/contact.gif) top right no-repeat;
	display:block;
	width:66px;
	height:5px;
	float:right;
}
#contact a:hover {
	background:url(images/contact.gif) right -5px no-repeat;
}

#tab {
	background:url(images/logo_tab.gif) no-repeat;
	position:absolute;
	z-index:4;
	height:20px;
	width:10px;
	left:33px;
	top:204px;
	cursor:pointer;
}
#navigation {
	position:absolute; 
	top:345px;
	left:61px;
}
#content {
	position:absolute; 
	top:345px;
	left:160px;
}
#spacer80h {
	clear:both;
	height:80px;
}
#footer {
	width:480px;
	clear:both;
	text-align:right;
	background-image:url(images/dots_h.gif);
	background-repeat:repeat-x;
	padding-bottom:30px;
}
#thumbs_title span, #info_title span, #home_reel_title span, #news_title span, #open_reel span, #more span, #less span, #login span, #contact span {
	display:none;
}
/* HOME PAGE ITEMS */
#news {
	width:245px;
	color:#999999;
	float:left;
	margin-right:25px;
}
#news p {
	margin-top:0px;
}
#news a {
	color:#0099CC;
	text-decoration:none;
}
#news a:hover {
	text-decoration:none;
}
#news_title h2 {
	background:url(images/news_title.gif) top left no-repeat;
	height:13px;
	margin-top:2px;
}
#news_control {
	background:url(images/dots_h.gif) top left repeat-x;
	padding-top:1px;
	display:block;
}
#more {
	background:url(images/news_more.gif) top right no-repeat;
	float:right;
	display:block;
	width:50px;
	height:26px;
}
#less {
	background:url(images/news_less.gif) top left no-repeat;
	float:right;
	display:block;
	width:49px;
	height:26px;
}
#home_reel {
	width:180px;
	left:270px;
	float:left;
}
#home_reel p {
	color:#999999;
}
#home_reel_title h2 {
	background:url(images/home_reel_title.gif) top left no-repeat;
	height:13px;
	margin-top:2px;
}
#open_reel a {
	background:url(images/home_reel.jpg) top left no-repeat #a0b8ba;
	width:178px;
	height:159px;
	display:block;
}
#open_reel a:hover {
	background:url(images/home_reel.jpg) left -159px  no-repeat #0d0d0d;
}
/* NEWS ARTICLE TYPES */
.red_news {
	color:#999999;
}
.green_news {
	color:#474747;
}
.blue_news {
	color:#767676;
}
.red_news h1 {
	color:#D1092E;
	font-size:9px;
	font-weight:100;
	display:inline;
}
.red_news h2 {
	color:#E94C69;
	font-size:9px;
	display:inline;
}
.blue_news h1 {
	color:#049ED4;
	font-size:9px;
	font-weight:100;
	display:inline;
}
.blue_news h2 {
	color:#0287B0;
	font-size:9px;
	display:inline;
}
.green_news h1 {
	color:#B7AA0C;
	font-size:9px;
	font-weight:100;
	display:inline;
}
.green_news h2 {
	color:#61878A;
	font-size:9px;
	display:inline;
}
/* INFO PAGE ITEMS */
#about {
	width:245px;
	color:#141414;
	float:left;
	margin-right:25px;
}
#about a {
	color:#a49d00;
	text-decoration:none;
}
#about a:hover {
	text-decoration:none;
}
#about_title h2 {
	background:url(images/info_title.gif) top left no-repeat;
	height:13px;
	margin-top:2px;
}
#about_title span {
	display:none;
}
#about_skills {
	width:180px;
	left:270px;
	float:left;
	color:#999999;
}
#about_skills h3 {
	font-weight:bold;
	font-size:9px;
	color:#767676;
	margin-bottom:9px;
	margin-top:0px;
}
#about_skills p {
	margin-top:-9px;
}
#about_skills_title h2 {
	background:url(images/info_skills_title.gif) top left no-repeat;
	height:13px;
	margin-top:2px;
}
#about_skills_title h2 span {
	visibility:hidden;
}