/*
	Author:Graphik Studios
	Date: Oct 22, 2008.
	Title: Gary Kapluggin Photography  
====================================
*/
body {
font-family:"Verdana" ;
font-size:12px;
color:#b2906b;
/*background:#E7E7E7 url(images/bg.jpg) repeat-x;*/
background:#fff;
text-align:center;
}
.hide,i
{
     position: absolute;
     left: -9999px;
} 
/*------------------------------Page Structure
*/
#wrap {
/*width:1024px; */
margin:0 auto; 
text-align:center;
}
/* We use margin-top and padding-top, because padding-top doesn't work in IE6.0 */
#logobox { 
height:230px;
padding-top:15px; 
margin:auto;
}
#logo {
height:60px;
width:550px;
margin:0 auto;
margin-top:60px;
background:url(images/logo.jpg) no-repeat;
display:block;
}

/*------------------------------MAIN AREA*/
.midbg{
	background:#E7E7E7;
	margin:0 auto;
	padding:0 0 15px 0;
}
#imgbox {
width:825px; 
margin:0 auto;
margin-top:07px;
padding-top:5px; 
}
/*.cover{
	width:825px;
	margin:auto; 
}*/ 

/*********************************************SHUMON CSS*/
#impressumcontent{
	width:100%; 
	color:#000000;
	text-align:left;
	margin:o auto; 
	background:#E7E7E7; 
}
/*\*/
 /** html #impressumcontent{
padding:10px 0;
}*/ /**/ 
#impressumcontent h3{
	font-size:14px;
	color:#E19E18;
	line-height:14px;
}
#impressumcontent  p{
	padding-bottom:10px;
}
#impressumcontent  h3 b{
	font-size:16px;
	color:#A76F00;
}
#impressumcontent  p a{
	color:#86551F; 
}
#impressumcontent  p a:hover{
	text-decoration:underline; 
}
/*********************************************SHUMON CSS*/

/*******************/
#imgbox1 {
width:825px;
height:320px;  
}
/*\*/
  * html #imgbox1{
margin-top:10px; 
} /**/
/********************/


/* Remove the padding property, And set the background left position 12px, And then plus the width value 12px*/
.imgboximg {
height:276px;
width:195px;
float:left;
background:url(images/index_08.jpg) no-repeat 12px;
}
/* Remove the padding property, And set the background left position 12px, And then plus the width value 12px*/
.imgboximg2 {
height:276px;
width:198px;
float:left;
background:url(images/index_10.jpg) no-repeat  12px;
}
/* Remove the padding property, And set the background left position 12px, And then plus the width value 12px*/
.imgboximg3 {
height:276px;
width:211px;
float:left;
background:url(images/index_12.jpg) no-repeat  12px;
}
/* Remove the padding property, And set the background left position 12px, And then plus the width value 12px*/
.imgboximg4 {
height:276px;
width:197px;
float:left;
background:url(images/index_14.jpg) no-repeat  12px;
}

/*------------------------------NAVIGATION
*/
#mainftr{
	background:#FFF;
	margin:auto;
}
#bodynav span{
	color:#b2906b;
	line-height:20px;
	text-align:left;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	margin: auto;
}
#bodynav span a{
	padding:0 5px;
	color: #333;
	font-size:16px;
	font-family:Verdana ;
	font-weight:normal;
}
#bodynav span a:hover, #bodynav span #sltme{
	color:#606060;
	font-size: 16px;
}
#bodynav b{
	float:right;
	width:100px;
	color:#003CFF;
	line-height:20px;
	text-align:right;
	
	
}
#bodynav b a{
	color:#003CFF;
	font-weight:normal;  
}
#bodynav b a:hover{
	color:#7D9CFF;
}
#ftr{
	text-align:center;
	padding:50px 0 20px 0;
}
/*-------It's hover effect for Graphik Studios ------*/
#ftr a:hover{
	color:#606060;
}
#ftr a{
	color:#BFBFBF;
}