/* --- css --- */

body{

margin:0px 0px 0px 0px;
background:url(../images/bg.jpg) ;
}





#holder{

margin-left:auto;
margin-right:auto;
width:960px;
height:500px;
background:#;
clear:both;
position:relative;



}

#logo{
	
width:900px;
height:200px;
background-color: #;
float:center;
position:relative; 
margin:70px;	
}

#nav{
background:url(../images/nav.jpg) ;
width:182px;
height:375px;
background-color: #;
float:left;
position:relative;
color: #ffffff;
font-family: Century Gothic, Helvetica, sans-serif;
text-decoration: none;
	
}


.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 182px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #a02199; /* thick left border of menu */

}


.slidedoormenu li{
border-bottom: 1px solid #c0c0c0; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
font-family: Century Gothic, Helvetica, sans-serif;
display: block;
color: #000000;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: white;
}


.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

#Maincontent{
	
background:url(../images/bgcontent.jpg) ;
width:656px;
height:375px;
background-color: #;
float:left;
position:relative;

	
	
}


#portfoliocontent{
	
background:url(../images/bgcontent.jpg) ;
width:590px;
height:375px;
background-color: #;
float:left;
position:relative;

	
	
}

#MaincontentP{
	
background:url(../images/bgcontent.jpg) ;
width:620px;
height:375px;
background-color: #;
float:left;
position:relative;

	
	
}




#content{
	
width:390px;
height:375px;
background-color: #;
float:right;
position:relative;
font-family: Century Gothic, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;

	
	
}


#contentabout{
	
width:390px;
height:375px;
background-color: #;
float:right;
position:relative;
font-family: Century Gothic, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;

	
	
}


#contentportfolio{
	
width:600px;
height:375px;
background-color: #;
float: right;
position:relative;
font-family: Century Gothic, Helvetica, sans-serif;
color: #ffffff;

	
	
}

#Contactform a{
	color: #ffffff;
	
}

#Contactform {
	
width:600px;
height:375px;
background-color: #;
float:right;
position:relative;	
color: #ffffff;
font-family: Century Gothic, Helvetica, sans-serif;

	
}

#footerleft {
	text-align: left;
	width: 400px;
	height:15px;
	padding-bottom: 25px;
	height: 35px;
	margin: 5px auto 0;
	font-size: 11px;
	float:left;
	color: #e9e9e9;
	}
	
	
	#footerright {
	text-align: right;
	width: 400px;
	height:15px;
	padding-bottom: 25px;
	height: 35px;
	margin: 5px auto 0;
	font-size: 11px;
	float:left;
	color: #e9e9e9;
	}


#footerright a {
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #ffba25;
	
	}