/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Helvetica, Arial, Verdana;
 background: url(images/pagebg.jpg) repeat-y center;
} 

p {
text-align:justify;
}

a {
text-decoration:none;
color:#333;
}
H1 {
font-size:24px;
color:#333;
}

H2 {
font-size:18px;
color:#333;
}
 
#pagewidth{ 
 width:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background:#fff;
  background: url(images/citiesbg.jpg) no-repeat top right;

} 
 
#header{
 position:relative; 
 height:170px; 
 width:100%;

} 
 
#maincol{

clear:both;
 display:inline; 
 position: relative; 
 width:;
 }
 
#footer{
margin-top:20px;
 height:50px; 
  background-color:#FFFFFF; 
 clear:both;
 text-align:center;
font-size:12px;
color:#666;
} 
 
.logo {
border:0;
float:left;
}
.logod, .rss {
float:right;
border:0;
}

#about, #photographers, #events, #contactlocation {
margin-left:10px;

}

#about {

}

#frontimage {
width:252px;
height:227px;
float:right;
margin: 0 10px 20px 20px;
margin-left:15px;
border-left: 1px solid #ccc;
}

#frontimage img {
padding: 10px 0 0 10px;
}

#menu {
position:absolute;
top:105px;
height:62px;
width:100%;
background: url(images/menubg.jpg) repeat-x top left;
clear:both;

}

.menuimg {
border:0;
float:left;
}

.menuRIGHT {
float:right;

}
 
#contact {
width:950px;

}
#contactlocation {
float:left;
width:300px;
height:500px;
border-right:1px dashed #CCC;
margin-top:50px;

} 

.newsletter {
float:left;
margin: 23px 0 0 25px;
background:#f4f4f4;
width:120px;
border:0;
color:#666;
}
.newsletterimg {
float:left;
margin: 23px 0 0 3px;
background:#f4f4f4;
border:0;
color:#666;
}


.newsletter:hover, .newsletter:active, .newsletter:focus {
background:#fff;
margin: 21px 0 0 23px;
color:#000;
border: 2px solid #cc0000;
}


#contactform {
float:left;
margin: 50px 0 0 50px;
}

#phoportraits {
width:100px;
height:100px;
float:left;
margin-right:25px;
}

#photext {
width:650px;
text-align:justify;
float:left;
}

#photext h3 {
margin:0;
padding:0;
}

#photext a {
font-size:12px;
color:#a82829;
text-decoration:none;

}

#phocity {
width:130px;
height:100px;
float:right;
font-size:24px;
padding-top:35px;
color:#666;
text-align:center;
font-variant:small-caps;
font-weight:bold;
margin:auto;
border-left: 1px dashed #e2e2e2;
background:url(images/europebg.jpg) no-repeat top right;
}


#newsletterform {
height:30px;
float:left;
background:url(images/newsletter-title.jpg) no-repeat 24px 8px;

}


.cities ul {
list-style-image: url(images/puce1.gif);
width:90px;
float:left;
color:#666;
}

.cities {
margin-top:100px;
height:300px;
width:950px;
background: url(images/citiesbg.jpg) no-repeat 596px top;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */