/* CSS Document */

a:focus {
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
}

a img{ 	border: none;}

a.blog:link {
color: #fff;
text-decoration: none;
font-weight: 600;
}

a.blog:hover {
color: #fff;
text-decoration: none;
font-weight: 600;
}

a.blog:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}


body {margin: 0; background: #000 url(images/bg.jpg) repeat-x; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #999; line-height: 1.4em; width:100%;}
.center {
	position: relative;
	display: block;
	width: 930px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 0px 10px;
}
#container {text-align: left; margin: 0 auto; width: 800px; padding: 0 0 0 0;}
#header {position: relative; display: inline; width: 800px; height: 20px; margin: 0px 0px 0px 0px; }


#masthead { position: relative; float: left; display: inline; height: 146px; width: 100%; border: 0; top: 0px;}
#masthead ul {display: inline; list-style: none; height: 24px; margin: 0px 0px 0px 20px; }
	#masthead li {display: inline; float: left; margin: 0 0 0 0px;}
	#masthead li a {display: inline; float: left; height: 24px;}
	#masthead li span {display: none;}

#nav01 a {background: url(images/nav/home_norm.gif) top right no-repeat; width: 95px; height: 24px;}
#nav01 a:hover {background: url(images/nav/home_over.gif) top right no-repeat;}
#nav01on {background: url(images/nav/home_over.gif) top right no-repeat; width: 95px; height: 24px;}

#nav02 a {background: url(images/nav/work_norm.gif) top right no-repeat; width: 115px; height: 24px;}
#nav02 a:hover {background: url(images/nav/work_over.gif) top right no-repeat;}
#nav02on {background: url(images/nav/work_over.gif) top right no-repeat; width: 115px; height: 24px;}

#nav03 a {background: url(images/nav/bio_norm.gif) top right no-repeat; width: 85px; height: 24px;}
#nav03 a:hover {background: url(images/nav/bio_over.gif) top right no-repeat;}
#nav03on {background: url(images/nav/bio_over.gif) top right no-repeat; width: 85px; height: 24px;}

#nav04 a {background: url(images/nav/contact_norm.gif) top right no-repeat; width: 143px; height: 24px;}
#nav04 a:hover {background: url(images/nav/contact_over.gif) top right no-repeat;}
#nav04on {background: url(images/nav/contact_over.gif) top right no-repeat; width: 143px; height: 24px;}

#headerNavBar {
	position: relative;
	top: 0px;
	width: 500px;
	height: 24px;
	margin-top: 70px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	z-index:1;
}

#logo {position: absolute; left: 640px; top: 15px; z-index:0;}
#logo span {display: none;}
#logo a, #logo a:visited {display: block; width: 230px; height: 98px; background: url(images/logo.jpg);}
#logo a:hover {background: url(images/logo.jpg);}

h1.featured {
	font-size: 9px;
	margin-top: 0px;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0px;
	height:24px;
	background-image:url(images/featured_title.gif);
	background-repeat:no-repeat;
	height: 24px;
	text-indent:-9999px;
	border-bottom: 1px solid #444444;
	width: 385px;
	padding-bottom: 4px;
}

h2.news { font-size: 9px; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; background-image:url(images/news_title.gif); background-repeat:no-repeat; height: 24px; text-indent:-9999px; border-bottom: 1px solid #444444; padding-bottom: 4px; }

h2.newsletter { font-size: 9px; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; background-image:url(images/newsletter.gif); background-repeat:no-repeat; height: 24px; text-indent:-9999px; border-bottom: 1px solid #444444; padding-bottom: 4px; }

h1.gallery {
	font-size: 9px;
	margin-top: 0px;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 5px;
	height:24px;
	background-image:url(images/gallery_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	border-bottom: 1px solid #444444;
	padding-bottom: 4px;
	width: 100%;
}

h1.about { position: relative; font-size: 9px; display:block; margin-top: 0px; margin-right: 0pt; margin-bottom: 25px; margin-left: 5px; height:24px; background-image:url(images/about.gif); background-repeat:no-repeat; text-indent:-9999px; border-bottom: 1px solid #444444;  padding-bottom: 4px; }

h1.contact { position: relative; font-size: 9px; display:block; margin-top: 0px; margin-right: 0pt; margin-bottom: 25px; margin-left: 5px; height:24px; background-image:url(images/contact_title.gif); background-repeat:no-repeat; text-indent:-9999px; border-bottom: 1px solid #444444; padding-bottom: 4px; }

h1.contact2 { font-size: 9px; margin-top: 0px; margin-right: 0pt; margin-bottom: 5px; margin-left: 0px; height:24px; background-image:url(images/contact_title.gif); background-repeat:no-repeat; text-indent:-9999px; border-bottom: 1px solid #444444; padding-bottom: 4px; }

h3.newsiteam  { font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 10px 0 10px 5px; }

h3.about  { font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0px 0 0px 98px; }

#newform { float:left; position: relative; display: inline; width: 430px; margin: 10px 0 0 60px; }
#form1 { float:left; position: relative; display: inline; width: 430px; margin: 10px 0 100px 230px; }
.widebox { width: 500px; }

#leftcolume {
	float:left;
	position: relative;
	display: inline;
	width: 500px;
	margin: 10px 40px 0 17px;
	height: 540px;
}
#rightcolume {
	float:left;
	position: relative;
	display: inline;
	width: 275px;
	margin: 0px 0px 0px 53px;
}
#newscontent {
	position: relative;
	display: inline;
	width: 275px;
	margin: 20px 0 0 0px;
}
#newsletter { float:left; position: relative; display: inline; width: 275px; margin: 10px 10px 20px 0px; }
#newsletter p { margin: 0px 0 10px 0px; color: #999; }

#news_book {
	position: relative;
	width: 275px;
	margin: 10px 0 40px 10px;
}

#featuredimage {
	float:left;
	position: relative;
	display: inline;
	width: 480px;
	margin: 10px 0 10px 7px;
}
#newscontent p {
	margin: 0px 0 12px 5px;
	color: #999;
}
#leftcolume p {
	float:left;
	position: relative;
	display: inline;
	width: 470px;
	margin: 0px 0 50px 10px;
}

#footer {
	width: 900px;
	color: #666666;
	position: relative;
	display: block;
	margin: 10px 0 0px 15px;
	padding: 0;
	border-top: 1px solid #444444;
}
#copyright {
	float: right;
	display: block;
	text-align: right;
	width: 330px;
	color: #666666;
	margin: 5px 0 20px 0px;
	font-size: 10px;
}

a.readmore:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}

a.readmore:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}

a.readmore:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}


/* Bio------------------------------- */

#bioholder { float:left; position: relative; display: inline; width: 901px; margin: 10px 0 40px 20px; }

#bioholder p { float:left; position: relative; display: inline; width: 701px; margin: 10px 0 0 100px; }



/* Contact------------------------------- */

#contactholder { float:left; position: relative; display: inline; width: 901px; margin: 10px 0 40px 20px; }

#contactformholder {
	float: left;
	position: relative;
	width: 331px;
	margin: 17px 0 0 90px;
}

#contactformholder2 {
	float: left;
	position: relative;
	width: 301px;
	margin: 100px 00px 0 80px;
}

#contactformholder2 p {
	position: relative;
	width: 250px;
	margin: 5px 0 0 0px;
}

#contactformholder2 p.info {
	position: relative;
	width: 250px;
	margin: 40px 0 0 0px;
	color: #CCCCCC;
}

#contactformholder span { font-size: 10px; color: #CC3300; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0px; margin-left: 0pt; }
#contactformholder p.warning {
	font-size: 10px;
	color: #CC3300;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0pt;
}


textarea {
	width: 320px;
	padding: 3px;
	line-height: 1em;
	border: 1px solid #c2c1ab;
	margin: 0 0 12px 0;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #333;
	background-color: #CCCCCC;
}

 .paypal

{
	position:absolute;
	width: 200px;
	height: 50px;
	left: 7px;
	top: 513px;
}

 .formbox

{
	width: 200px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c2c1ab;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 1em;
	line-height: normal;
	color: #333333;
	background-color: #CCCCCC;
	height: 14px;
}

#sendbutton {
	width:100px;
	margin-left: 0px;
}








/* Work------------------------------- */


#switchnav { width: 180px; display: inline; margin: 0px 0px 5px 5px; }

#projectsectionnav {
	position:absolute;
	margin: 5px 0px 0px 0px;
	float:right;
	left: 397px;
	top: 2px;
	width: 507px;
	height: 21px;
}

.projectsectionnav_left {  position: relative; display: block; float: left; margin: 0px 0px 0px 0px; border-right: 1px solid #444444; }
.projectsectionnav_left2 {  position: relative; display: block; float: left; margin: 0px 0px 0px 0px; border-right: 0px solid #444444; }


.projectsectionnav_left span { color:#CCCCCC; font-size: 11px; margin: 0px 7px 0px 7px;}
.projectsectionnav_left2 span { color:#CCCCCC; font-size: 11px; margin: 0px 7px 0px 7px;}


.projectsectionnav_lefton {  float: left; width: 50px; color:#CCCCCC;  margin: 0px 0px 0px 0px;}

.projectsectionnav_right {
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
}

.projectsectionnav_right span { color:#CCCCCC; font-size: 10px;  margin: 0px 7px 0px 7px; }

a.portfolio2:hover {
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	
}

a.portfolio2:link {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

a.portfolio2:visited {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}



#galleryholder { float:left; position: relative; display: inline; width: 901px; margin: 10px 0 0 20px; }


  #projectNavholder {
	width: 210px;
	position: relative;
	float: left;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 150px;
	margin-left: 10px;
	font-size: 10px;
}
 
 #projectNav {
	width: 210px;
	position: relative;
	display: inline;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 10px;
}

	#projectNav ul {padding: 0; margin: 25px 0 10px 0; list-style: none; }

	#projectNav li {width: 180px; background-image: url(images/bullet.gif); background-position: top left; background-repeat: no-repeat; padding: 7px 0 8px 30px; border-bottom: 1px solid #444444;}
	
	#projectNav li.first {width: 180px; background-image: url(images/bullet.gif); background-position: top left; background-repeat: no-repeat; padding: 7px 0 8px 30px; border-top: 1px solid #444444;}
	
	#projectNav li.last {width: 180px; background-image: url(images/bullet.gif); background-position: top left; background-repeat: no-repeat; padding: 7px 0 8px 30px; border-bottom: 1px solid #444444;}

	#projectNav li#select {width: 180px; background-image: url(images/bullet_on.gif); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; padding: 7px 0 8px 30px; border-top: 1px solid #444444;}
	
	#projectNav li#selectnoline {width: 180px; background-image: url(images/bullet_on.gif); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; padding: 7px 0 8px 30px; }

	#projectNav li#selectunderline {width: 180px; background-image: url(images/bullet_on.gif); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; padding: 7px 0 8px 30px; border-bottom: 1px solid #444444;}
	
	#projectNav a:link {color: #999999; text-decoration: none; font-size: 10px}

	#projectNav a:visited {color: #999999; text-decoration: none; font-size: 10px}

	#projectNav a:hover {color: #FFFFFF; text-decoration: none; font-size: 10px}
	
	h2.art_title  {
	font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
	
	h2.art_titleintro  { font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif; display:block; color: #fff; margin: 10px 0 10px 0px; }
	
	h3.art_title  { font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 10px 0 5px 5px;  }

	

#artholder {
	width:576px;
	position: relative;
	margin: 30px 0px 0px 30px;
	padding: 0 0 70px 0px;
	float:left;
}

#artholder p {
	width:476px;
	
	position: relative;
	
}

#artholder_col1 {
	width:70px;
	position: relative;
	margin: 0px 0px 50px 0px;
	float:left;
}

#artholder_col1 p {
	width:70px;
	position: relative;
	margin: 0px 0px 0px 5px;
	font-size:9px;
}

#artholder_col2 {
	width:100px;
	position: relative;
	margin: 0px 0px 50px 20px;
	float:left;
}

#artholder_col2 p {
	width:100px;
	position: relative;
	margin: 0px 0px 0px 5px;
	font-size:9px;
}

#artholder_col3 {
	width:100px;
	position: relative;
	margin: 0px 0px 50px 40px;
	float:left;
}

#artholder_col3 p {
	width:100px;
	position: relative;
	margin: 0px 0px 0px 5px;
	color: #66CCFF;
	font-size:9px;
}

#artholder_col4 {
	width:140px;
	position: relative;
	margin: 0px 0px 0px 0px;
	float:left;
}

#artholder_col4 p {
	width:100px;
	position: relative;
	margin: 0px 0px 0px 5px;
	color: #66CCFF;
	font-size:9px;
}

#artslideshow {
width:441px;
height:437px;
}

#art2 {
width:320px;
margin: 0px 0px 0px 75px;

}

#art3 {
width:220px;
margin: 0px 0px 0px 125px;
}

#flashholder {
width:900px;
height:780px;
margin: 0px auto;
}

#tvholdertext {
width:396px;
margin: 0px 0px 0px 50px;
padding: 30px 0px 30px 0px;

}

h1.tv { font-size: 9px; height:48px; margin-top: 40px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px;  background-image:url(images/fishtitle.png); background-repeat:no-repeat; text-indent:-9999px;padding-bottom: 4px; }

h1.news { font-size: 9px; margin-top: 0px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:24px; background-image:url(images/news_title.gif); background-repeat:no-repeat; text-indent:-9999px; border-bottom: 1px solid #444444; padding-bottom: 4px; width: 200px; }

h1.record { font-size: 20px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:24px; padding-bottom: 1px; font-family:"Arial Black", Gadget, sans-serif; color:#fff; }
h3.date { font-size: 12px; margin-top: 0px; margin-right: 0pt; margin-bottom: 10px; margin-left: 0px; height:24px; padding-bottom: 2px; font-family:"Arial Black", Gadget, sans-serif; color:#cc0000; }
h3.dear { font-size: 12px; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; padding-bottom: 0px; font-family:"Arial Black", Gadget, sans-serif; color:#fff; }

#image_lrg {
	position: relative;
	display: block;
	width: 441px;
	float: left;
	margin: 0px 0px 0px 65px;
}

#image_lrg p {
	position: relative;
	display: block;
	width: 385px;
	margin: 0px 0px 20px 0px;
}

.likebtn {
	margin: 0px 0px 0px 0px;
	width: 200px;
}

.clear {
	clear: both;
}

.share {
	margin: 0px 0px 10px 0px;
	width: 175px;
}
