
/* .......................................................
//////////////////////////////////////////////////////////
Cees Penning Permanent Makeup Site
//////////////////////////////////////////////////////////
.......................................................... */

body{				
		color:#808284;
		background-image:url(../images/bg.jpg);
		background-repeat:repeat;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11pt;
		text-align:center;}
		
		
a{color:#fff;}		
a:hover{color:#b3e0fe;}

/*		Site wrappers
.......................................................	*/		

#wrapper-full{
		width:671px;
		text-align:center;
		margin:0 auto;}	

/*		header
.......................................................	*/

#header{
		width:671px;
		height:65px;
		background-image:url(../images/header.jpg);}
		
#header a{
		display:block;}

/*		navigation
.......................................................	*/

#navigation{
		width:671px;
		height:36px;
		text-align:center;
		background-image:url(../images/nav/navigation.jpg);
		background-position:top;
		background-repeat:no-repeat;}
		
#navigation ul{
		width:381px;
		margin:0 auto;}

#nav1{width:57px; height:36px; float:left;}
#nav1 a{background:url(../images/nav/navigation.jpg); width:57px; height:36px; display:block; background-position:-143px 0px;}
#nav1 a:hover{background:url(../images/nav/navigation.jpg); background-position:-143px -36px;}

#nav2{width:53px; height:36px; float:left;}
#nav2 a{background:url(../images/nav/navigation.jpg); width:53px; height:36px; display:block; background-position:-203px -0px;}
#nav2 a:hover{background:url(../images/nav/navigation.jpg); background-position:-203px -36px;}

#nav3{width:65px; height:36px; float:left;}
#nav3 a{background:url(../images/nav/navigation.jpg); width:65px; height:36px; display:block; background-position:-256px 0px;}
#nav3 a:hover{background:url(../images/nav/navigation.jpg); background-position:-256px -36px;}

#nav4{width:97px; height:36px; float:left;}
#nav4 a{background:url(../images/nav/navigation.jpg); width:97px; height:36px; display:block; background-position:-321px 0px;}
#nav4 a:hover{background:url(../images/nav/navigation.jpg); background-position:-321px -36px;}

#nav5{width:41px; height:36px; float:left;}
#nav5 a{background:url(../images/nav/navigation.jpg); width:41px; height:36px; display:block; background-position:-418px 0px;}
#nav5 a:hover{background:url(../images/nav/navigation.jpg); background-position:-418px -36px;}

#nav6{width:68px; height:36px; float:left;}
#nav6 a{background:url(../images/nav/navigation.jpg); width:68px; height:36px; display:block; background-position:-459px 0px;}
#nav6 a:hover{background:url(../images/nav/navigation.jpg); background-position:-459px -36px;}

/*		services navigation
.......................................................	*/

#services_nav{
		padding-top:15px;
		padding-left:15px;
		width:216px;
		height:168px;}

#side_nav1{background:url(../images/services_nav/nav1.jpg); width:216px; height:24px;}
#side_nav1 a{background:url(../images/services_nav/nav1.jpg); width:216px; height:24px; display:block;}
#side_nav1 a:hover{background:url(../images/services_nav/nav1.jpg); background-position:0 -24px;}

#side_nav2{background:url(../images/services_nav/nav2.jpg); width:75px; height:24px;}
#side_nav2 a{background:url(../images/services_nav/nav2.jpg); width:75px; height:24px; display:block;}
#side_nav2 a:hover{background:url(../images/services_nav/nav2.jpg); background-position:0 -24px;}

#side_nav3{background:url(../images/services_nav/nav3.jpg); width:87px; height:24px;}
#side_nav3 a{background:url(../images/services_nav/nav3.jpg); width:87px; height:24px; display:block;}
#side_nav3 a:hover{background:url(../images/services_nav/nav3.jpg); background-position:0 -24px;}

#side_nav4{background:url(../images/services_nav/nav4.jpg); width:73px; height:24px;}
#side_nav4 a{background:url(../images/services_nav/nav4.jpg); width:73px; height:24px; display:block;}
#side_nav4 a:hover{background:url(../images/services_nav/nav4.jpg); background-position:0 -24px;}

#side_nav5{background:url(../images/services_nav/nav5.jpg); width:132px; height:24px;}
#side_nav5 a{background:url(../images/services_nav/nav5.jpg); width:132px; height:24px; display:block;}
#side_nav5 a:hover{background:url(../images/services_nav/nav5.jpg); background-position:0 -24px;}

#side_nav6{background:url(../images/services_nav/nav6.jpg); width:164px; height:24px;}
#side_nav6 a{background:url(../images/services_nav/nav6.jpg); width:164px; height:24px; display:block;}
#side_nav6 a:hover{background:url(../images/services_nav/nav6.jpg); background-position:0 -24px;}

#side_nav7{background:url(../images/services_nav/nav7.jpg); width:164px; height:24px;}
#side_nav7 a{background:url(../images/services_nav/nav7.jpg); width:164px; height:24px; display:block;}
#side_nav7 a:hover{background:url(../images/services_nav/nav7.jpg); background-position:0 -24px;}

/*		gallery navigation
.......................................................	*/

#gallery_nav{
		color:#808284;
		width:671px;
		height:60px;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;}
		
#gallery_nav a{
		font:Verdana, Arial, Helvetica, sans-serif;
		color:#808284;
		height:60px;
		text-decoration:none;}
		
#gallery_nav a:hover{
		font:Verdana, Arial, Helvetica, sans-serif;
		background-color:#F7F5E7;}
		
	


/*		content
.......................................................	*/

#content{
		text-align:center;
		margin:0 auto;
		background-color:#FFFFFF;
		width:671px;
		min-height:600px;}
		
#main_content_l{		
		padding-left:37px;
		padding-right:5px;
		text-align:left;
		width:400px;
		float:left;}		
		
#main_content_l p{		
		font-size:10pt;
		padding:8px;
		line-height:22px;}
		
#main_content_center{
		margin:0 auto;
		width:494px;
		height:385px;
		background-image:url(../images/homebg.jpg);}	
		
#faq_content{
		padding-top:10px;
		text-align:left;
		padding-left:60px;
		padding-right:60px;}
		
#faq_content h1{
		text-align:left;
		padding-bottom:10px;
		font-size:09pt;
		font-weight:bold;}
			
#faq_content p{
		font-size:09pt;
		padding-bottom:25px;
		line-height:20pt;}	
		
#side_r{
		float:left;
		padding:15px;}
		
#side_l{
		text-align:left;
		float:left;
		padding-left:10px;}
		
#side_l_thumbs{
		text-align:left;
		float:left;
		padding-bottom:25px;
		padding-left:25px;
		padding-right:25px;}
		
#side_l_thumbs img{		
		padding-bottom:10px;}
		
#main_content_r{
		padding-left:10px;
		padding-right:20px;
		text-align:left;
		width:400px;
		float:left;}	
			
#main_content_r_gallery{
		text-align:left;
		width:472px;
		float:left;}	
		
#main_content_r p{				
		font-size:11pt;
		padding:8px;
		line-height:22px;}
		
#main_content_r h1{	
		font-weight:bold;
		padding-top:15px;
		padding-left:8px;}
		
#title{
		background:#FFFFFF;
		padding-top:5px;
		padding-bottom:15px;}
	
/*		footer
.......................................................	*/

#footer{
		width:671px;
		height:123px;
		background-image:url(../images/footer.png);
		clear:both;}
		
.footerboldred{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#ff0000;}
	
.footerbold{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#fff;
	}		
		
#footer2{
	padding-bottom:10px;}
	
#footer2 p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:12px;
	padding-top:7px;
	color:#fff;
	text-align:center;
	}
	
#footer2 a{
	text-decoration:none;
	}
	
					