/* CSS Document : 3 column, outside columns fixed width, middle adjusts*/

/*took Image out in the Main Column Div in order to view gallery*/



body {
	background: #fff  url(images/bg_thin.jpg) no-repeat top right;
	text-align:center;
	margin: 120px 40px  40px 40px ;
	padding:0;
	font:normal 0.9em/1.2em verdana,aria,sans-serif;
	color:#666;
	}
	
#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	background:#fff url(images/bg_column.jpg) repeat-y top right;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	background:url(images/bg_column.jpg) repeat-y top left;
	}
	
/*-------- white background containing logo-------*/	
#header {
	background:#fff; 
	padding:10px;
	margin:0;
	border: #999 double;
	} 	
#header p {
	text-align: left;
	}	
#header img {
	margin: -55px 0px 0px -35px;
}


/*----------Navheader bar---below logo------------*/
#navtop {
	background:#7a2875;  /*purple*/
	padding:10px;
	margin: 0;
	color:#fff;
	}	
#navtop h1 {
	font-size:200%;
	}	
#navtop p {
	text-align: right;
	font: medium Verdana, Arial, Helvetica, sans-serif;
	}

/*-----------------------------------------------*/

#navtop img {
	float: right;
	padding: 0px;
	margin: -80px 1px 0px 0px;
	border: none; 
 }

/*navigation-------------------------------------*/
#navtop  ul { 
	margin: 10px 5px 10px 0px;
	padding: 0px; 
	list-style-type: none; 
	text-align: right; 
} 
#navtop  ul li { 
	display: inline;
	margin: 1px;
	padding: 1px;  
}


/*navigation CURRENT PAGE....................................*/ 
#navtop  ul li a { 
	text-decoration: none; 
	padding: 4px 4px 6px 4px; 
	color: #fff; background: #7a2875;	
	border-right: 2px solid #fff;
	border-bottom:  2px solid #fff;  
} 
#navtop ul li a:hover { 
	color: #7a2875; background: #fff;
	border-right: 2px solid #ccc;
	border-bottom:  2px solid #ccc;
} 

body#home a#homenav,
body#portfolio a#portnav,
body#services a#sernav,
body#creativebio a#crenav,
body#contact a#connav {

	color: #f99f01; background: #7a2875;
	border-right: 2px solid #f99f01;
	border-bottom:  2px solid #f99f01; 
} 



/*-----------------------*/	
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}
	
	
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	background: #f99f01 url(images/bg_column.jpg) repeat-y top left;
	z-index:100;
	}	
#leftcol ul {
margin: 0px 0px 0px 15px;
padding: 0px;
list-style-type: disc;
text-align: left;
}
#leftcol ul li {
margin: 3px;
padding: 5px;
}
#leftcol	a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted;
	}
#leftcol a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
	
	
#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	background: #f99f01 url(images/bg_column.jpg) repeat-y top right;
	z-index:99;
	}	
#rightcol ul {
margin: 0px 0px 0px 15px;
padding: 0px;
list-style-type: disc;
text-align: left;
}
#rightcol ul li {
margin: 3px;
padding: 5px;
}
#rightcol	a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted;
	}
#rightcol a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
	
	
#centercol {
	position:relative;
	padding:0 240px;
	}	
#centercol h1 {
	font-size: 18px
}	
#centercol ul {
	margin: 10px 0px; 
	padding: 0px; 
	list-style-type: none; 
	text-align: left; 
}
#centercol ul li { 
	display: inline;
	margin: 1px;
	padding: 1px;  
}

	
#footer {
	position:relative;
	top:1px;
	background:#7a2875;
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	font-size: 12px;
	color:#ccc;
	}