*{
border:none;
padding:0;
margin:0;
}

body { 
  font-family: luxi sans, trebuchet ms, sans-serif;
  color: #888;
  margin: 12px;
 font-size:.9em;
	
}

a:hover{
text-decoration: none;
color:#C1999B;

}

p{
font-size:1em;
line-height:1.2em;
padding-bottom:2px;
}

h1{
font-size:1.1em;
}

.subheader {
	width: 100%;
	margin-bottom: 20px;
	padding: 0px;
   font-size: 12px;

}

.title { 
  color:#bfa9a9;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-left: 3px;
	font-size: large;
	letter-spacing: .5em;
 border-bottom: 1px solid #888;
}



.navi {
	float: right;
	text-align: center;
	margin-top: 3px;
}

.navilabel {
	padding: 3px 10px 0px 0px;
}

.navi div {
	float: left;
	margin: 2px;
}

/* image pages navigation */
.navi a {
	display: block;
	width: 80px;
	height: 17px;
	border: 1px solid #444;
	padding-top: 3px;
}

#index a:hover, div#prev a:hover, div#next a:hover {
	text-decoration: none;
  	background-color:#DED3D3;
	color: #333;
}

/* index page navigation */
.navi div.navipage a, div.navi div.navipage-current a {
	display: block;
	width: 20px;
	height: 17px;
	border: 1px solid #444;
	padding-top: 3px;
}


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

/*
a:hover { 
  text-decoration: underline;
  color: #da1;
}
*/

#wrapper{
width: 860px;
margin:auto;
background:url(images/detail.jpg) bottom left ;
background-repeat:no-repeat;
background-color:white;

}

#head {
	width: 900px;
	margin: auto;
	

}

.container1 {
	width: 660px;
	margin: auto;

}


.icon{
margin-left:5px;
}


#icons{
margin-top:10px;
}

#icons img:hover{
border:1px solid #C1999B;
}

#icons img {
border:1px solid #FFFFFF;
}
.photo {
clear:both;
  text-align: center;
  vertical-align: middle;
  margin-top: 5%;

}

.thumbs  {
clear: both;
  padding: 6px;
  
  }

.thumbs a {
	margin: 6px;
	display: block;
	float: left;
	width: 180px;
	height: 120px;
 	 border: 1px solid #727272;

}
.thumbs img { 
	border: 0px;
	
}

.spacer {
	clear: both;
	height:20px;

}



.photo img { 
  padding: 16px;
  border: 1px solid #727272;
margin: 20px;
}

.thumbs a:hover {
	
  border:1px solid #C1999B;
	/*margin: 5px;*/
}
.photo div { 
 text-align: center;
  margin-top: 6px;
 }

.footer { 
	clear: both;
	padding: 20px 10px 0px 10px;
  	font-size: 10px;
	width: 640px;
	margin: auto;
	text-align:right;
 }

.projectItem{
width:200px;
float:left;
/*height:200px;*/
}

.projectDesc{
padding:6px;

font-size:.75em;
}


/*Contact form*/

input, textarea {
border:1px solid #888;
width:180px;
}

.flashPlaya{
font-size:.7em;
letter-spacing:normal;
font-weight:normal;
}

#nameerror, #emailerror, #subjecterror{
padding-left:5px;
display : none;
}


 #errors{
 padding-bottom:20px;
 }

#buttons input{
width:50px;
margin-left:5px;
}

#buttons{
padding-top:10px;
padding-left:135px;

}
#contact{
clear:both;
 vertical-align: middle;
 margin-top: 5%;
}


#comment{
height:100px;
}

.contactSide{
float:left;
width:150px;

height:100px;
}



#myform{
float:left;
}