body{
background-color:#151515;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
margin:0;
padding:0;
}

#wrapper{
width:800px;
height:auto;
margin:0px auto 0px auto;
}

#sidebar{
width:200px;
float:left;
margin:0;
padding:0;
}

#content{
width:500px;
height:auto;
margin:0px 30px 0px 0px;
padding:5px 5px 5px 5px;
float:right;
}

#title{
width:505px;
float:right;
margin:0px 35px 0px 0px;
}

#header{
width:800px;
height:125px;
background-image:url(images/header.gif);
}

#footer{
width:800px;
height:50px;
background-image:url(images/footer.gif);
text-align:center;
float:left;
}

.image{
border:20px solid #333333;
}

.border{
border:none;
border-bottom:dotted 1px #333333;
}


#sidecontent{
width:150px;
height:auto;
float:left;
}

#sidecontent a{
font-size:12px;
color:#CCCCCC;
}

#sidecontent a:hover{
font-size:12px;
color:#ffffff;
background-color:#FF02BC;
}

#leftcontent{
width:336px;
height:auto;
float:left;
border-right:dotted 1px #333333;
clear:right;
}

#portwrap{
width:336px;
height:150px;
margin:5px 0px 10px 0px;
}

#porttext{
width:192px;
height:150px;
padding:0px;
float:left;	
}


/*start nav*/
#menu {
float:left;
}

#menu ul{
list-style:none;
display:block;
}

#menu ul li{
list-style:none;
display:block;
margin:0 0 5px 0;
}

#nav5 a, #nav4 a, #nav2 a, #nav1 a, #nav4014 a{
width:200px;
padding:100px 0 0 0;
height: 0px !important; /* for the good browsers */
height /**/:100px; /* for IE5.5's bad box model */
overflow: hidden;
display:block;
}

li#nav5 a{
background: url(images/menu_work.png) 0 300px;
}

li#nav5 a:hover{
background: url(images/menu_work.png) 0 200px;
}

li#nav5.active a{
background: url(images/menu_work.png) 0 100px;
}

li#nav4 a{
background: url(images/menu_blog.png) 0 0;
}

li#nav4 a:hover{
background: url(images/menu_blog.png) 0 200px;
}

li#nav4.active a{
background: url(images/menu_blog.png) 0 100px;
}

li#nav2 a{
background: url(images/menu_touch.png) 0 0;
}

li#nav2 a:hover{
background: url(images/menu_touch.png) 0 200px;
}

li#nav2.active a{
background: url(images/menu_touch.png) 0 100px;
}

li#nav1 a{
background: url(images/menu_home.png) 0 0;
}

li#nav1 a:hover{
background: url(images/menu_home.png) 0 200px;
}

li#nav1.active a{
background: url(images/menu_home.png) 0 100px;
}

/*end nav*/








/*start typography*/
h1{
font-size:16px;
color:#FF02BC;
}

.pink{
color:#FF02BC;
}

.foot{
font-size:12px;
padding:20px 0 0 0;
}

#footer a{
color:#424242;
text-decoration:none;
}

#footer a:hover{
color:#ffffff;
background-color:#FF02BC;
text-decoration:none;
}

#portwrap a{
color:#424242;
text-decoration:none;
}

#portwrap a:hover{
color:#ffffff;
background-color:#FF02BC;
text-decoration:none;
}

#content a{
color:#424242;
text-decoration:none;
}

#content a:hover{
color:#ffffff;
background-color:#FF02BC;
text-decoration:none;
}

/*end typography*/