html {margin: 0px;
	  padding: 0px; }


body {font-family: arial, verdana, sans-serif;
     font-size: 11px;
     background: black;
     color:  black;
	 text-align: center;
     margin: 0px;
     padding: 0px;}

p {margin-top: 0; 
	text-align: left; }
	
#containeri, #containera, #containerc, #containerp {position: relative;
			background: #a6a4a5 url(images/gradient.png) repeat-x top left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 452px;
  height:1250px;
   border: 2px solid #67104d;
   }
  
#containera {height: 820px; }

#containerc {height: 800px; }  

#containerp {height: 900px; }

#pageheader {margin-top: 10px;
			width: 205px ;
			height: 150px ;
			float: left;}

#side {position: relative;
	left: -45px;
	top: 0px;
	background: transparent url(images/name_v7.png) no-repeat top;
		margin-top: 0px;
		width: 45px;
		height: 400px;
		float: left;
		 } 	

#headleft {position: absolute;
			top: 0px;
			left: 0px;
			background: transparent url(images/head1.png) no-repeat top left;
			width: 130px;
			height: 150px; }
			
			
#headmid {position: absolute;
			top: 0px;
			left: 131px;
			background: transparent url(images/head2.png) no-repeat top left;
			width: 205px;
			height: 150px; }
			
			
#headright {position: absolute;
			top: 0px;
			left: 336px;
			background: transparent url(images/head3.png) no-repeat top left;
			width: 117px;
			height: 150px; }			
			
			
.content, .about {position: absolute;
		  top: 210px;
		  left: 10px; 
		  text-align: left;
		  width: 400px;}
		  
.header, .header2, .header3 {position: absolute;
		 top: 190px;
		 left: 10px; }
		 
.header2 {left: 185px;}		

.header3 {left: 300px;}
 
.text {position: absolute;
		top: 20px;
		left: 0px;
		margin-left: 20px;
		width: 370px;
		height: 100px; }
		
.text2 {position: absolute;
		top: 25px;
		left: 0px;
		margin-left: 20px;
		width: 370px;
		height: 100px; }	
		
.text3 {position: absolute;
		top: 25px;
		left: 0px;
		margin-left: 20px;
		width: 370px;
		height: 100px; }	
		
.text212 {position: absolute;
         top: 20px;
         left: 0px;
         width: 170px;
          text-align: left;}
          
        
         
.about {
		background: url(images/box2.png);
		top: 10px;
		left: 5px;
		width: 420px;
		height: 131px;}
		
.about2 {position: absolute;
		background: url(images/box3.png);
		top: 160px;
		left: 5px;
		width: 420px;
		height: 265px;}
		
.about3 {position: absolute;
		background: url(images/box2.png);
		top: 445px;
		left: 5px;
		width: 420px;
		height: 131px;}		

.contact {background: url(images/box4.png);
		  position: absolute;
		  top: 10px;
		  left: 5px;
		  width: 420px;
		  height: 509px;}

.navbar {position: absolute;
	     top: 150px;
	     left: 0px;
	     margin-top: 0px;
		    width: 452px;
         height: 25px; 
         background: #01172e;
         color: white;
         border-top: 2px solid #67104d;
         border-bottom: 2px solid #67104d;
         }
         
.site1, .site2, .site3, .site4  {position: absolute;
		top: 220px;
		left: 16px;
		width: 420px;
		height: 215px; 
		background: #fff url(images/box6.png) no-repeat left;}
		
.site2 	{top: 450px;
		}
			
.site3 	{top: 680px;
		}	
		
.site4 	{background: #fff url(images/box7.png) no-repeat left;
          top: 910px;
          height: 275px;
		}				 
		
.digitalphoto {position: absolute;
		top: 230px;
		left: 16px;
		width: 420px;
		height: 265px; 
		background: #fff url(images/box3.png) no-repeat left;}	
			
.filmphoto 	{position: absolute;
		top: 520px;
		left: 16px;
		width: 420px;
		height: 190px; 
		background: #fff url(images/box3.png) no-repeat left;}	
		
.art {position: absolute;
		top: 17px;
		left: 14px;
		width: 215px;
		height: 130px;
		 float: left;
		 }	
h1 {font-size: 13px;
	margin-bottom: 1px;}

h2 {font-size: 12px; 
	color: #67104d;
	margin: 0px;
	padding: 0px; }
	
h3 {font-size: 13px;
	color: #67104d;
	text-align: left;
	padding-left: 20px;}
	
.arttext, .phototext, .photo, .mockups {position: absolute;
		  top: 18px;
		  left: 237px; }
		  
.photo {left: 14px; } 
			
.mockups {left: 10px; }			
			
.rock {position: absolute;
		top: 0px;
		left: 0px; }
			
.list {position:absolute;
	   top: 70px;
	   left: 0px;
	    }
		  
ul {list-style: none;
		margin-top: 0px;
		padding: 0px;
		text-align: left;}		
		
li {padding: 1px; }		 

.button1, .button2 {position: absolute;
	      top: 160px;
	      left: 0px;
	      width: 65px;
	      height: 14px;
	      background:  #67104d;
	      padding: 2px;
	      color: white;}
	      
	      
a {color: white;
	text-decoration: none; }
	
a:hover {text-decoration: underline; }	

.facebook, .twitter, .facebooka, .twittera, .facebookc, .twitterc {position: absolute;
		   top: 1280px;
		   left: 80px; 
		   color: #fff;
		   }
		   
.twitter	{left: 230px; }	  

.twittera	{top: 1050px;
			left: 230px; }	

.facebooka {top: 1050px;} 

.twitterc	{top: 830px;
			left: 230px; }	

.facebookc {top: 830px;} 



.w3c, .w3ca, .w3cc, .w3cp {position: absolute;
		top: 1360px;
		left: 160px;
		 }
		 
.w3ca {top: 1030px;}

.w3cc {top: 910px; }

.w3cp {top: 950px; }
	      
.form {position: relative;
		 top: 15px;
		 left: 0px;
		 text-align: left; }