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

body {
	margin: 0;
	padding: 0;
	border:none;
	font-family:Helvetica Neue, Helvetica, Arial, San-Serif;
	background-color:#CCCCCC;
	background-image:url(../images/pagebg.png);
	background-repeat:repeat;
}

.style3 {font-size: 55px}
.style4 {font-family: Arial, Helvetica, sans-serif}
.style6 {color: #FF00FF}
.style10 {font-size: 60px}
.style11 {
	color: #FFFFFF;
	text-decoration: none;
	font-size: small;}
.style5 {color:#FFFFFF;font-size: small;}
.style5 a{
list-style-type:none; 
text-decoration: none; }
.style5 a:hover{ color:#FF00FF;}

h1 {
font-weight:bold;
color:#ffffff;
font-size:70px;
margin:30px 0 20px 0;
line-height:60px;
}

h2 {
font-weight: bold;
color:#FF00FF;
font-size:25px;
}

h3 {
	font-weight: bold;
	color:#FF00FF;
	font-size:15px;
	list-style-position: inside;
}

h4 {
font-weight: bold;
color:#FF00FF;
font-size:15px;
}

p {
color:#FFFFFF;
}

ul{
list-style:none;
}

#wrapper{
	margin:0 auto;
	width:950px;
	padding:0;
	text-align: left;
	clear:both;
	background-image:url(../images/wrapper.png);
	background-repeat:no-repeat;
}

#header{
clear:both;
margin:0;
padding:0;
}

#header_div{
background-color:#000;
border-bottom-width:thin;
border-bottom-style:groove;
border-bottom-color:#fff;
line-height:1px;
height:40px;
}
ul#aboutthesite {
	color:#ffffff;
	margin: 0px;
	padding: 20px;
	text-align: center;
}

#title{
float:left;
text-align:left;
}

#nav {
	clear:right;
	float:right;
	width:440px;
	margin: 0;
}
#nav li{
	float:right;
}
a.nav:link {color:#ffffff}     
a.nav:visited {color:#ffffff}
a.nav:hover {color:#ffffff}  
a.nav:active {color:#ffffff} 

#nav2 {
	clear:right;
	float:right;
	width:440px;
	margin: 0;
}
#nav2 li{
	float:right;
}
a.nav2:link {color:#ffffff}     
a.nav2:visited {color:#ffffff}
a.nav2:hover {color:#ffffff}  
a.nav2:active {color:#ffffff} 

a.home:link, a.home:visited, a.home:active {
font-size:20px;
color:#000000;
background-color:#9900FF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:0px;
}
a.home:hover {
color:#000000;
background-color:#ffffff;
}

a.about:link, a.about:visited, a.about:active {
font-size:20px;
font-weight:normal;
color:#000000;
background-color:#FFFF00;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:0px;
}
a.about:hover{
color:#000000;
background-color:#FFFFFF;
}

a.portfolio:link, a.portfolio:visited, a.portfolio:active {
font-size:20px;
font-weight:normal;
color:#000000;
background-color:#00FFFF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:0px;
}
a.portfolio:hover{
color:#000000;
background-color:#FFFFFF;
}

a.contact:link, a.contact:visited, a.contact:active {
font-size:20px;
font-weight:normal;
color:#000000;
background-color:#FF00FF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:0px;
}
a.contact:hover {
color:#000000;
background-color:#FFFFFF;
}

a.cv:link, a.cv:visited, a.cv:active {
font-size:20px;
font-weight:normal;
color:#000000;
background-color:#0099FF;
text-decoration:none;
padding:3px 10px 3px 10px;
margin-left:0px;
}
a.cv:hover {
color:#000000;
background-color:#FFFFFF;
}
#underline{
float:left;
background-color:white;
border-bottom-width:thick;
border-bottom-style:ridge;
border-bottom-color:#000;
width:100%;
height:1px;
}


#content{
	padding-top:0px;
	margin:0;
	float:left;
	width:950px;

}
#content a{
	padding-top:0;
	margin:0;
	width:380px;
	color:#FF99FF;
	text-decoration:none;
}
#content a:hover{
	color:#FFFFFF;
	background-color:#000;
}
#content2{
	padding-top:0px;
	margin:0;
	float:left;
	width:650px;
	padding-bottom: 10px;
}
#content2 a{
	padding-top:0;
	margin:0;
	width:380px;
	color:#FF99FF;
	text-decoration:none;
}
#content2 a:hover{
	color:#FFFFFF;
	background-color:#000;
}
#images{
	clear:both;
	width:550px;
	padding:20px 0 20px 0;
}

.img{
border:5px solid #FFFFFF;
-moz-border-radius-bottomleft:0.5em;
-moz-border-radius-bottomright:0.5em;
-moz-border-radius-topleft:0.5em;
-moz-border-radius-topright:0.5em;
margin:10px 35px 30px 0px;
}

#footer{
clear:both;
background-color:#111111;
width:auto;
height:160px;
border-top-style:groove;
border-top-color:#fff;
border-top-width:thin;
list-style-type:none;
font-size:smaller;
}
#footer a{
color: #FFFFFF;
text-decoration:none;
}
#footer a:hover{
color: #9900FF;
text-decoration:none;
}

#footerwrapper{
	margin:0 auto;
	width:950px;
	padding:0;
	text-align: left;
	clear:both;
}
#footerleft{
float:left;
width:250px;
height:150px;
}
#footer p{
color:#FFFFFF;
}
#footermiddle{
width:250px;
height:150px;
float:left;
}
#footerright{
width:450px;
height:150px;
float:left;
padding-top:8px;
}