@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {
width:930px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1em;
font-size:10px;
background-color:#000;
color:#990000;}

body.index {
width:100%;
background-image:url(../backgroundpics/frontpage_picture.jpg);
background-repeat:no-repeat;
background-position: 50% 0%;
background-color:#000; overflow:hidden;}
#thumb {width:125px; height:125px; margin:150px auto 0 auto; border:none; overflow:hidden;}
#thumb a img {border:none; outline:none;}
#thumb a:visited { outline:none;}
#thumb a:active {outline:none;}

#body {margin:30px 0 0 23px;}
#top {height:37px;}

#header {float:left; width:291px; height:20px; margin-right:125px;}

#header h1 {margin:0;}
#header h1 a {
float:left;
display: block;
overflow: hidden;
background-image: url(../imgs/h1_x.png);
background-repeat: no-repeat;
width:291px;
height: 0;
padding-top:25px;
font-size:9px;
outline:none;
text-indent:-9999px;}


#nav {float:left;width:400px; height:10px; padding-top:10px; text-indent:-9999px;}
#nav a {}
#nav a:hover {}
#nav a:visited {}

#nav ul {
	list-style-type: none;
	margin: 0;
}
#nav li {
	float: left;
	margin: 0;
	margin-right: 30px;}
	
#nav li, 
#nav li a {
	display: block;
	background-repeat: no-repeat;
	outline:none;
}
#nav li a {
	padding-top: 10px; height: 0; overflow: hidden;
}

#nav li a:hover {
	background-position: 0 -10px;
}


#nav li.about,
#nav li.about a {
	width: 48px;
	background-image:url(../imgs/nav_about.gif);
}
#nav li.portfolio,
#nav li.portfolio a {
	width: 80px;
	background-image: url(../imgs/nav_portfolio.gif);
}
#nav li.contact,
#nav li.contact a {
	width: 65px;
	background-image: url(../imgs/nav_contact.gif);
}
#nav li.links,
#nav li.links a {
	width: 41px;
	background-image: url(../imgs/nav_links.gif);
}

body.about #nav li.about a,
body.portfolio #nav li.portfolio a,
body.contact #nav li.contact a,
body.links #nav li.links a {
	background-position: 0 -10px;
}

#content {width:640px; float:left; margin-top:70px;margin-left:100px;}
#content p img {margin: 80px 0 0 70px;}

h1 {font-size:100%;}
h2 {font-size:95%;}
h3 {font-size:90%;}
h4 {font-size:85%;}

h1,h2,h3,h4 {color:#95090C; margin-bottom:20px;}
p {font-size:90%;color:#999999; text-align:justify; line-height:1.5em; margin-bottom:15px;}

form  {font-size:11px;}
input {position:relative;width:345px;margin:2px 6px 2px 6px;}
label {color:#999;font-weight:bold; font-size:10px;}
input , textarea {background-color:#F5F5F5; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
textarea {display:block;position:relative;width:630px; height:143px; margin:4px 6px 4px 6px;}
.button {font-size:13px; font-weight:bold;color:#999; background-color:#000; border: 1px solid #333; position:absolute;left:0; width:150px;margin:0;}
input.button:active {border:1px dotted #FFF; }

span.inp {
height:20px;
position:absolute;right:0pt; width:356px;
background-image:url(../imgs/input_bg.png);
background-repeat:no-repeat;
background-position:center;
}

span.textarea {
display:block;
height:150px;
position:absolute;width:640px;
background-image:url(../imgs/textarea_bg.png);
background-repeat:no-repeat;
background-position:center;}

#email input, #name input, #subject input {width:98%;height:15px;}
#email, #name, #subject, #message, #send {position:relative; width:100%;}
#email, #name, #subject, #send {height:25px;}
#msg {display:block;height:25px;}
#message {height:200px;}
#message input { width:98%;}

p.link_list  , p.descrip  , p.open_link  {font-size:11px;}
p.open_link {margin-top:10px}
p.descrip {color:#999;  margin-bottom:0; font-size:10px;}

p.link_list a {color:#990000; font-weight:bold;}
p.open_link a {color:#999; font-size:10px; }


p.link_list a  , p.descrip , p.open_link a {/*font-size:10px;*/text-decoration:none; outline:none;}

p.link_list a:hover {color:#FF0000;}
p.open_link a:hover {color:#fff;}

#list_of_links .on {display:block;}
#list_of_links .off {display:none;}

body.index #content {margin-top:30px;}
body.links #content {margin-left:0;}