ul{
padding:0;
margin:0;
}

a {
text-decoration:none;
color:#333;
}

a img{
border:none;
}


/* Structure Start */

body{
padding:0;
margin:0;
color:#898E79;

background-color:#898E79;
font-style:normal; font-variant:normal; font-weight:bold; font-size:0.8em; font:83%/1.5 arial,tahoma,verdana,sans-serif;
}


.container{
margin:0 auto;
width:607px;
text-align:left;
background:url('images/Banner-Home.jpg') no-repeat;
height:400px;
color:#333;
}

#b_about{
background:url('images/Banner-About.jpg') no-repeat;
}

#b_contact{
background:url('images/Banner-Contact.jpg') no-repeat;
}


#content{
	position:relative;
	clear:both;
	width:587px;
	top:249px;
	background-color: #F5F5F5;
	text-indent:10px;
	padding-left: 10px;
	padding-right:10px;
	background:url("images/Background_content.jpg") repeat-y;
	border-bottom:4px solid black;
	border-top:2px solid black;
	margin-bottom: 10px;
}

.highlight{
	text-indent:0px;
	font-size:1.8em;
	color:#88CC00;
	margin-top: 10px;
}

#content p{
width:380px;
text-align:justify;
margin-top:7px;
margin-bottom:7px;
}

.foliobox{
width:160px;
text-align:center;
float:right;
display:block;
padding:10px;
margin-top:0;
clear:left;
}


#footer{
clear:right;
width:100%;
}

/* Structure Complete */


/* Navigation Start */

#navigation{
position:absolute;
width:607px;
z-index: auto!important;
}

#navigation a {
position: absolute;
height: 42px;
text-decoration: none;
display:block;
float:left;
}

#navigation a:hover{
background:url('images/hover.gif') no-repeat top center;
}

#navigation a.active{
background:url('images/hover.gif') no-repeat top center;
}


#navigation a i { visibility: hidden; }

#home{
top:196px;
width:80px;
margin-left:10px;
}

#about{
top:196px;
width:85px;
margin-left:94px;
}

#contact{
top:196px;
width:100px;
margin-left:179px;
}


/* Navigation Complete */



/* Formatting Start */

.header{
clear:both;
height:25px;
color:#3333CC;
width:100%;
margin:0px;
padding:0;
background-position:center left;
background-repeat:no-repeat;
display:block;
border-bottom:1px solid #ccc;
}

.h_screenshot{

}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 1.3em;
	margin: 5px 0px 10px;
	display: block;
	padding-bottom: 5px;
}

.gray{
color:#555;
}

.highlight{
padding-top: 20px !important;
font-size: 1.1em;
color:#3333CC;
text-indent:0px !important;
}


/* Formatting Complete */

.alignright{
text-align:right;
}

.aligncenter{
text-align:center;
}

.italic{
font-style:italic;
}



#content a{
border-bottom:1px solid #3333CC;
}


#footer{
clear:both;
padding-bottom:10px;
color:#999;
border-top:1px dashed #ccc;
}


#footer a:hover{
border-bottom:1px solid #3333CC;
}

#footer a{
border-bottom:none;
color:#3333CC;
}

#footer span{
padding-top:15px;
clear:right;
}



.f_right{
position:relative;
float:right;
padding-left:10px;
}


.f_left{
position:relative;
float:left;
padding-right:10px;
}


/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
        width:300px;
        margin-top:20px;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input,select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
        width:185px;
 	font-family: inherit;
        margin-left:10px;
        display:block;
        clear:left;
	}

#selfCC{
	padding:0;
        width:20px;
	font-size: 100%;
	font-family: inherit;
        border:none;
        display:inline;
        clear:none;
        margin-left:0px;
	}

textarea{
margin: 0;
padding: 1px;
font-size: 100%;
width:200px;
height:100px;
border:1px solid #555;
font-family: inherit;
margin-left:10px;
color:#333;
display:block;
clear:left;
}
	
select { padding: 0; }

label {
margin-left:10px;
}

hr{
border-top:1px dashed #999;
border-bottom:none;
height:0px;
}

form br{
display:inline;
}

#sendContactEmail{
display:block;
margin-top:10px;
margin-left:10px;
border:1px outset #fff;
}

#commentform{
width:100%;
}

#commentform small{
font-size:100%;
}