html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	font-family: inherit;
	vertical-align: baseline;
}


* { 
border:0 solid #EEEEEE;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#textcontent p
{
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	margin-bottom: 15px;
	color:#333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:160%;
}

#topmenu a
{
	border:none;
}


#textcontent a:link,  a:visited , a:active
{
   color: #000;
	border-bottom:1px dashed #888888;
}

#textcontent a:hover
{
	color: #fff;
	background-color: #333;
}

body {
	font-family:Arial, Verdana, sans-serif;
	background-color:#666;
}

#topmenu
{
	position:fixed;
	overflow:hidden;
	position:fixed;
	left:10px;
	top:10px;
	z-index:80;
	height:100px;
}

#topmenu div 
{
	height:56px;
	height:50px;
}

#topmenu div p
{
	font-size:12px;
}

#topmenu div#logo
{
	filter:alpha(opacity=60);
	opacity:0.6;
	float:left;
	width:320px;
	cursor: pointer;
	background:#000000 none 7px 6px no-repeat;
	background-image:url(../images/template/logo.gif);
}


#navigation ul li#m_about{	background:#000000}
#navigation ul li#m_works{	background-color:#303030;}
#navigation ul li#m_hobbies{	background-color:#4a4a4a;}
#navigation ul li#m_contact{	background-color:#6b6b6b;}


/*----- navigation ------*/
#navigation{
	margin:0;
	padding:0;
	float:left;
}

#navigation ul {

	float:left;
	margin:0;
	padding:0;
	font-size: 12px;
}

#navigation ul li
{
	float:left;
	width:100px;
	height:50px;
	background:#222;
	display:block;
	margin-left:1px;
	cursor: pointer;
}


#navigation ul li a {
	margin: 10px 0px 0px 10px;
	padding: 0 10px 0 0;
	display: block;
	color:#fff;
	text-decoration: none;
}


#navigation ul li.selected 
{
	background:#ff0000;
}

#navigation ul li.selected a
{
	color:#fff;
	text-decoration: none;
}


#textcontent
{

background:#fff;
float:left;
height:auto;
//margin:0;
font-size:16px;
width:610px; /* 600 */
font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
padding: 30px 30px 0px 30px;


filter:alpha(opacity=90);
opacity:0.90;
color:#333;
/*font-family:Arial, Verdana,Helvetica,sans-serif;*/
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:160%;
margin-bottom:15px;
margin-top:70px;

border-right: #aaa 2px solid;
border-bottom: #aaa 2px solid;
border-top: #aaa 1px solid;
border-left: #aaa 1px solid;

}

#content {
float:left;
position:relative;
width:1000px;
margin:50px 300px;
color:#666666;

}

p
{
margin-bottom:10px;
}

#sectionname
{
	font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
	font-size:24px;
	background-color:#333;
	padding-left:2px;
	filter:alpha(opacity=80);
	opacity:0.8;
	color:#fff;
	width:641px;
	margin-bottom: 10px;
}

#sectionname em
{
	color:#aaa;
}


h1 {
	border-bottom: dashed 1px #222; 
	font-weight:bold;
	line-height:20px;
	font-size:24px;
	padding:10px 0px 10px;
	margin-bottom:20px;
	position:relative;
}

h2 {
	border-bottom: dotted 1px #444; 
	font-weight:bold;
	line-height:24px;
	font-size:18px;
	color: #444;
	padding:10px 0px 5px;
	margin-bottom:10px;
	position:relative;
}



div.centered{
    display:block;

    /*set the div in the center of the screen*/
    position:absolute;
    left:30%;
    
}


.contactbox input, .contactbox textarea 
{
	background-color: #fff;
	border:1px solid #CCCCCC;
	font-family:Helvetica,sans-serif;
	font-size:14px;
	margin:0 0 5px;
	padding:5px;
	margin-top: 4px;
	width:400px;
	
}


.contactbox label {
	float:left;
	font-size:14px;
	margin-right:15px;
	padding-top:5px;
	text-align:right;
	width:100px;
}


.contactbox input.submit:hover 
{
	cursor:pointer;
	background-color:#00497D;
	color:#fff;
}

.contactbox .submit 
{
	margin-left: 220px;
	background-color:#4a4a4a;
	color:#fff;
	width: 200px;
	border:thin solid #000;
}

#messagesent
{
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	color: #857DF3;
	font-weight: normal;
	text-align:center;
	padding:10px;	
	background-color: #eee;
	margin-bottom:10px;
}

#messagesent.validate_error
{
	color:#ff0000;	
}

#textcontent ul 
{
list-style-type:circle;
margin-bottom:15px;
}

#textcontent li
{
	margin-left: 40px;
	padding-right:10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

.projectpreview div
{
	margin-bottom: 30px;
	height:100%;
	/*background-color:#eee;*/
}

.projectpreview img
{
	float:left;
	width:215px;	
	border: 1px solid #777;
}

.projectpreview h2
{
	clear:both;
	background-color: #f7f7f7;
	padding:5px;
}

.projectpreview .imageleft
{
	float:left;
	width:215px
}

.projectpreview .textright
{
	margin-left:230px;
	width:360px;
}


.projecttitle 
{
	border-bottom:1px dashed #222222;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:20px;
	position:relative;
}

#textcontent div.projecttitle 
{
	border-bottom:1px dotted #666;
	border-top:1px dotted #666;
	background-color: #f7f7f7;
	padding: 15px 18px 0px 15px;
	font-family:Arial;	
	position:relative;
	font-size:20px;
	font-weight:bold;
	line-height:26px;
	margin-bottom:20px;
	
}

#textcontent div.projecttitle  em
{
	font-size:12px;
	font-weight:normal;
	color: #999;
	line-height:12px;
}

#textcontent img
{
	/*margin: 10px 0px 10px 0px;*/
	/* border: 1px solid #aaa; */
}

h2 a
{
	border:none;
}

.breadcrumb
{
	margin-bottom:35px;
	font-size: 12px; 
	color: #333;
	border:none;
}

#textcontent a.noborder
{
	border:none;
}

div.projectpreview a.aoffset
{
	position:relative;
	top:-80px;
}

#background 
{
	height:100%;
	position:absolute;
	width:100%;
	padding:0;
	margin:0;
	z-index:0;
	top:0;
}

#divwrapper
{
	margin:0;
	height:100%;
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
}