
body {
	background-color:#eeeeee;
	margin:0px;
	font-family: helvetica,arial,sans-serif;
	font-size:9pt;
	color:999999;	
}

a {
	color:999999;
	text-decoration:none;
}

a:hover{
	color:black;
	text-decoration:underline;
}
#blog {
	height:250px;
	border:0px solid gray;
	overflow:auto;
	margin-left:50px;
        margin-right:50px;
        padding-left:0px;
        padding-right:0px;
        padding-top:0px;
}

#main {

	width:1018px;
	height:100%;
	
	background:url(/images/overawed_home_bg_01.jpg);
	background-color:#ffffff;
	background-repeat: no-repeat; 

}

#main1 {

	width:1018px;
	height:100%;
	
	background:url(/images/background_01.jpg);
	background-position: 100px 80px;
	background-color:white;
	background-repeat: no-repeat; 

}

#main2 {

	width:1018px;
	height:100%;
	
	
	background-color:white;
	background-repeat: no-repeat; 

}

#main3 {

	width:1018px;
	height:100%;
	background:url(/images/background_01.jpg);
	background-position: 100px 80px;
	background-color:white;
	background-repeat: no-repeat; 

}

#main4 {

	width:1018px;
	height:100%;
	
	background:url(/images/overawed_bg_02.jpg);
	background-position: 350px 120px;
	background-color:white;
	background-repeat: no-repeat; 

}

#main5 {

	width:1018px;
	height:100%;
	
	background:url(/images/overawed_bg_03.jpg);
	background-color:white;
	background-repeat: no-repeat; 

}





#header{
	width:1018px;
	vertical-align:top;
	text-align:left;
	float:left;
	border:0px solid blue;
	color: black;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:10px;
}
#date {
	position:relative;
	top:40px;
	left:150px;
	width:350px;
	text-align:right;
	vertical-align:top;
	padding:10px;
}
#footer {
	position:absolute;
	bottom:0px;
	text-align:center;
	font-size:7pt;
	width:1018px;
	border:0px solid black;
	padding:5px;
}

#content {
	text-align:center;
	width:1018px;
	height:300px;
	border:0px solid green;
	
}

#menu {
	position:relative;
        width:1018px;
        top:275px;
        z-index:999;
	text-align:right;
	border:0px solid green;
	font-weight:normal;
	font-size:14pt;
	color:black;
}
* HTML #menu {
position:absolute;
top:600px;
margin-left:-600px;
}
#menu a {
	color:999999;
	text-decoration:none;
	font-weight:normal;
}

#menu .off {
	color:999999;
	text-decoration:none;
	font-weight:normal;
}
#menu .off:hover {
	color:000000;
	text-decoration:none;
	font-weight:normal;
}
#menu .on {
	color:000000;
	text-decoration:none;
	font-weight:normal;
}
#menu .on:hover {
	color:999999;
	text-decoration:none;
	font-weight:normal;
}
#fpimage {
	position:absolute;
	left:20px;
	padding:20px;
	width:350px;
	border:0px solid green;
	text-align:right;
}





#ops {
	position:absolute;
	left:400px;
	padding:5px;
	width:350px;
	border:0px solid white;	
}

#blogpost {
	border: 0px dotted red;
	margin:5px;
	padding:5px;
	font-size:8pt;
	text-align:left;
}

.blogtitle {
	color:black;
	text-align:left;
	font-size: 10pt;
	font-weight:bold;
}

.bloginfo {
	font-size:7pt;
	text-align:left;
}

#blogcontent {
	font-size:8pt;
	color:black;
	text-align:left;
	margin:0px;
	
	
}

h1 {
	font-size:12pt;
	margin:0;
	text-align:left;
	color:black;
	padding-left:50px;
}

#bio {
	position:absolute;
	padding:20px;
	top:160px;
	text-align:left;
	margin-left:50px;
	width:920px;
	height:400px;
	border:0px solid green;	
	font-size:8pt;
	overflow:auto;
	font-size:10pt;
	color:black;

}

* html #bio {
	margin-left:-450px;	
}

#bio h1{
text-align:left;
padding-left:0px;
	
	
}

#biopic {
	position:absolute;
	left:450px;
		
}




#contacttitle {
	position:absolute;
	left:0px;
	font-weight:bold;
	font-size:12pt;
	border:0px solid red;
}

#contact {
	position:absolute;
	top:200px;
	text-align:left;
	padding:80px;
	width:300px;
	height:200px;
	border:0px solid green;	
	font-size:8pt;
}

#contactpic {
	position:absolute;
	left:450px;
	
	
}

#contact a{
	color:999999;
}
#contact a:hover{
	color:black;
}


#clientarea {
	position:relative;
	text-align:left;
	left:200px;
	top:
	padding:5px;
	width:350px;
	border:0px solid black;	
	
}

#clienttitle {
	color:black;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:10px;
	
}

#clientarea td{
	font-size:8pt;
	color:black;
}
#clientarea input{
	font-size:8pt;
}

#clientfiles {
	position:absolute;
	text-align:left;
	left:30px;
	top:150px;
	padding:5px;
	width:730px;
	height:220px;
	border:0px solid black;
	background-color:f3f3f3;
	
}
#dropbox {
	position:absolute;
	text-align:left;
	left:10px;
	top:10px;
	padding:5px;
	width:200px;
	height:200px;
	border:0px solid black;
	background-color:white;
	
}
#dropboxhover {
	background-color:red;
	border:1px solid red;
}
#item {
	text-align:center;
	font-size:8pt;
	width:150px;
	height:100px;
	border:1px dotted black;
	z-index:20;
	float:right;

}
.item a{
	color:black;
	text-decoration:underline;
}




#pimage {
	position:absolute;
	left:-390px;
	top:30px;
}


#portfolio {
float:left;
clear:left;
position:relative;
text-align:center;
padding-left:30px;
top:0px;

}
#portmenu {
	position:absolute;
	z-index:10;
	text-align:left;
	color:black;
	width:980px;
	height:35px;
	border:0px solid purple;
	font-size:10pt;	
}
#portmenu a{
color: black;
font-weight:normal;
text-decoration:none;
font-size:10pt;
}

#portmenu a:hover{
color: black;
font-weight:bold;
text-decoration:underline;
font-size:10pt;

}
#portfoliotitle {
	position:absolute;
	left:0px;
	width:100px;
	font-weight:bold;
	font-size:12pt;
	border:0px solid red;
}
#portfoliosub {
	position:absolute;
	left:0px;
	bottom:0px;
	font-weight:normal;
	font-size:7pt;
	
}

#portfoliocat {
	padding:5px;
	font-size:10pt;
	float:right;
	border:0px solid red;
}

#portfoliothumbs{
	position: absolute;
	top:40px;
	width:700px;
	border:0px solid red;
}
#portfoliothumbs img{

	margin:5px;
	width:85px;
	border:0px;
}

#portfoliosplash{
	position: absolute;
	text-align:center;
	top:40px;
	left:0px;
	width:1018px;
	border:0px solid red;
}



.portreturn {
	padding-top:10px;
	text-align:center;
}
.portreturn a{
	color:black;
}

#blackband {
background-color:black;
float:left;
height:30px;
position:absolute;
left:0;
clear:both;
color:white;
width:1018px;
z-index:5;
	
}
.bandtext {
padding:2px;
padding-left:20px;
margin-top:2px;
font-size:14pt;
text-align:left;
vertical-align:middle;
line-height:1.2em;
}
#blackband a{
color:#e1e1e1;
}
#blackband a:hover{
color:#ffffff;
}
.clientheader {
   font-size:12pt;
   color:black;
   margin:0 0 0 0;
   text-align:left;	
}
.clientcontent {
color:black;
font-size:10pt;
}

#videos {
   border:0px solid red;
   position:relative;
   top:0px;
   width:100%;
   left:0px;
   float:right;
}
#videos object,embed {
float:right;	
margin-right:0px;
}
* html #videos object,embed {
float:right;	
margin-right:100px;
}

.videolist {
  background:url('/images/white_bg.png');
  color:black;
  line-height:2em;
  padding: 10 0 10 0;	
}
.videolist a{
  text-decoration:none;
  font-weight:bold;
  border-bottom:1px dotted #333333;
  color:black;
  font-size:12pt;
}
.videolist a:hover{
  text-decoration:none;
  font-weight:bold;
  border-bottom:1px dotted #333333;
  color:#666666;
  font-size:12pt;
}

.videodescription {
   border:0px solid red;
   width:380px;
   height:380px;
   padding:10 10 10 10;
   margin-left:50px;

  background:url('/images/white_bg.png');
  color:black;
  font-size:9pt;
  text-align:left;
}
.videodescription h1{
margin:0px;
padding:0px;
}
* html .videodescription {
	  width:400px;
	  height:400px;
margin-left:0px;
padding:10 10 10 10;	
}
