/* page
-------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

html, body
{
	color: #ffffff;
	position: absolute;
	font-family: verdana;
	font-weight: normal;
	background-color: #292828;
	
	
}

li { list-style-type: none; }

#page 
{
	height: 100%;
width: 100%;
	position: absolute;
	margin-left: 10px;
	
}

#logo 
{  
	margin-top: 80px;
}



/* sidenav
-------------------------------------------------------------------------- */
ul.sidenav
{
	width: 160px;
	height: 100%;
	color: #666;
	margin-top: 80px;
	margin-left: 0px;
	
		
	float: left;
	border-color: #292828;
	border-width: 0 20px 0 0;
	border-style: solid;
}




ul.sidenav li { line-height: 10px; margin: 0px 0px 2px 5px; }

ul.sidenav li h1 { font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 8px;
	}

	ul.sidenav li h2 { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 14px; }
	ul.sidenav li h3 { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
font-weight: bold;
	line-height: 12px;
	margin-bottom: -2px; }
	ul.sidenav li h4 { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
font-weight: bold;
	line-height: 12px;
	margin-top: 4px;
	}
	
ul.sidenav li.portfolio { font-size: 11px; margin-top: 10px; }
ul.sidenav li.about { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 13px;
	margin-top: 20px;
	font-weight: bold; }
li.contact { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 13px;
	font-weight: bold; }
li.blog { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 13px;
	font-weight: bold; }
	
	ul.sidenav li p { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 13px;
	margin-top: 20px;
	font-weight: normal; }
	
	ul.sidenav li.headline { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 8px; }


ul.sidenav a 			{ font-size: 11px;
	color: #ffffff;
        	line-height: 9px;
	
        text-decoration: none;
		margin-top: 0px; }

ul.sidenav a:hover		{ font-size: 11px;
        color: #ff0000;
        
	line-height: 9px;
	
        text-decoration: none;
		margin-top: 0px; }

ul.sidenav a:visited		{ font-size: 11px;
        color: #cccccc;
        line-height: 9px;
	    
        text-decoration: none; 
		margin-top: 0px; }

ul.sidenav a:active	{ font-size: 11px;
        color: #ff0000;
	line-height: 9px;
	
        text-decoration: none;
		 }
		 
		 #logo { margin-top: -70px;}
		 		


/* main content
-------------------------------------------------------------------------- */

#main { 
margin-left: 160px;
margin-top: 177px;
width: 100%;

}


p { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 14px;
        font-weight: normal;
	margin-left: 0px; 
	margin-bottom: 8px;
	
	letter-spacing: 1px;
	 }

    #p3 { font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	line-height: 10px;
	margin-bottom: -2px;
	margin-left: 20px;
	width: 100px;  }

#main ul { width: 430px; padding-bottom: 20px;}


#main h1 { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
font-weight: normal;
	line-height: 12px;
	margin-left: 0px; 
	margin-top: 14px;
	 }

#main h2 { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	line-height: 12px;
	margin-left: 0px; 
	margin-top: -25px;
font-weight: normal;
	 }

#main ul p { font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 14px;
        font-weight: normal;
	margin-left: 0px; 
	margin-bottom: 8px;
	
	letter-spacing: 1px; }
	
#main li h2	{ background-color:#FF0000;
font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 14px;
        font-weight: normal;
	margin-left: 0px; 
	margin-top: 8px;
	margin-bottom: 8px;
	letter-spacing: 1px; }
	
	#h5 { 
font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	line-height: 14px;
        font-weight: normal;
	margin-left: 0px; 
	margin-top: -50px;
	letter-spacing: 1px; }

#img { margin-left: 0px;
        margin-top: -50px}
		
		
#img2 { margin-left: 0px;
        margin-top: 30px}
		
#video { margin-left: 0px;
        margin-top: -50px;
		margin-bottom: 80px}

li {font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 14px;
        font-weight: normal;
	margin-left: 0px; 
	margin-bottom: 0px;
	
	letter-spacing: 1px; 

}



/* thumbnails styling
-------------------------------------------------------------------------- */
div.thumbnails { width: 600px; height: auto; }

.thumbnails img { float: left; margin: 0 20px 20px 0; border: 0; border-style: none; }

#main h3.thumb, #main p.thumb { width: 484px; margin-right: 0px; background-color: yellow; }

#main p.thumb { font-size: 14px; margin-top: 0;}



/* item styling
-------------------------------------------------------------------------- */
#main img.item { padding: 0; }

#main h3.item  { font-size: 18px; }

#main p.item { font-size: 9px; margin-top: 0;}


#main ul.item-nav { font-size: 12px; width: 640px; margin-top: -10px;}

.item-nav li { float: right; margin-left: 1px; background-color: #eee; padding: 3px 10px;}


/* link styling
-------------------------------------------------------------------------- */

a:link {
	font-size: 11px;
	color: #fff;
        	line-height: 14px;
	
        text-decoration: underline;
}

a:visited {
	font-size: 11px;
        color: #cccccc;
        line-height: 14px;
	
        text-decoration: underline;
}

a:hover {
	font-size: 11px;
        color: #ff0000;
        
	line-height: 14px;
	
        text-decoration: underline;
}

a:active {
        font-size: 11px;
        color: #ff0000;
	line-height: 14px;
	
        text-decoration: none;
}