/* CSS Document */

/* CSS Reset */

body, h1, h2, h3, h4, h5, h6, p, div, form, fieldset, dl, dt, dd, ul, li, ol, img, table {
	margin:0;
	padding:0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}
p { margin-bottom: 10px; }


body {
	background-color: #cfccab; /* aubergine */
	font-size: 14px;
	font-family:  helvitica, arial, verdana, sans-serif;
	background-image: url(../images/proper_productions_site_bg_v9.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}

/* Simple pixel-based font framework --------------------------------------------------*/

h1 {font-size:25px}
h2 {font-size:18px; font-weight: bold; margin-bottom: 20px; letter-spacing: -1px; }
h3 {font-size:14px; font-weight: bold; margin-bottom: 20px; letter-spacing: -1px; }
h2.gallery {color: #2b152a; font-size:24px; font-weight: bold; margin-bottom: 20px; }
h4 {font-size:21px}
h2.main_proposition_h2_replacement {
	width:818px;
	height:105px;
	background: transparent url(../images/main_prop.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 50px 0px 0px 30px;
	}

/* Links --------------------------------------------------*/

a { color : #2b152a; text-decoration : underline ;}
a:hover { color : #cfccab; text-decoration : underline ;  background-color: #2b152a; }

p.eightypixindent { padding-left: 80px; }

/* basic list  ___________________________________________________________________________*/


.basic_list {
	width: 275px;
	float: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.basic_list ul {
	list-style: none;
	margin: 0px 0px 30px 0px;
	}
	
.basic_list ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	}
	
.basic_list_clear {
	clear: both;
	margin: 10px 0px 0px 0px;
	}
	
.basic_list h2 { font-size:14px; font-weight: bold; margin-bottom: 20px;
	}
	
	
/* SEO friendly logo  ___________________________________________________________________________*/

#logo { 
    background: transparent url(../images/proper_productions_logo.png) no-repeat 0 0; 
    width: 290px; 
    height: 51px; 
    text-indent: -9999px; 
    border: 0; 
    margin: 0px 0px 0px 30px; 
    } 


#logo a { 
    display: block; 
    width: 290px; 
    height: 51px; 
    text-decoration: none; 
    border: 0;
	outline: none;
    }
	
#logo a:hover { background-color: transparent;
    } 
 

/* main site sections --------------------------------------------------*/
/* if using bg image on site wrapper, declare height of the background image, to display entire background image */
/* allows smaller version of main ad image ( site background image ) to be used if required */
/* background-image: url(../images/main_ad_background.png); */

#site_wrapper {
	margin: 0 auto;
	width: 960px;
	}
	
#main_illustration_mask {
	width: 960px;
	height: 300px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	}
	

#content_and_side_bar_wrapper {
	width: 960px;
	margin:0px 0px 0px 0px;
	}


#content {
	width: 560px;
	float: left; /* left margin 15?px for ie 6 double margin bug */
	display:inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	}

	
#sidebar {
	width:275px;
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	}
	
/* contact information --------------------------------------------------*/
/* form section divider un-semantic -------------------------------------*/

.form_section_divider {
	background-image: url(../images/contact_info_divider.png);
	background-repeat: no-repeat;
	height:5px;
	}

dl { margin: 10px 0px 10px 0px;
	}

 .tel dl {  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}

.tel dt {
	width: 80px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	}

.tel dd {
	width:220px; /* 210 for ie 6*/
	padding: 0px 0px 0px 80px; /* left padding 0px for ie 6*/
	
	}
	
.form dl {  
	margin-top:0px;
	}

.form dt {
	width: 80px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	}

.form dd {
	width:220px;
	padding: 0px 0px 10px 80px;
	}
	
.address dl {  
	margin-top:0px;
	}

.address dt {
	width: 80px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	}

.address dd {
	width:220px;
	padding: 0px 0px 0px 80px;
	}

	
	
/* jquery lightbox image gallery --------------------------------------------------*/


.thumbnails {
	width: 540px;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	background-repeat: repeat-x;
	}
	
.thumbnails ul li {
	display:block;
	float:left;
	padding: 0px 1px 1px 0px;
	list-style: none;
	}
	
.thumbnails ul li a {
	background: #2b152a;
	display:block;
	padding: 0px 0px 0px 0px; /* bottom padding 3px for underline effect if no using image opacity technique */
	}
	
.thumbnails ul li a:hover {
	background-color: #cfccab;
	display:block;
	}
	
	
/* contact form styles respondent details ___________________________________________________________________________*/
	

label {
	display: block;
	padding: 0 0 10px 0;
	font-size: 12px;
	}
	

input {
	font-family:  helvitica, arial, verdana, sans-serif;
	color: #656565;
	font-size: 14px;
	padding: 3px;
	border: 1px inset #aaaaaa;
	background: #cfccab;
	width: 210px;
	}
	
textarea {
	font-family:  helvetica, arial, verdana, sans-serif;
	color: #656565;
	font-size: 14px;
	padding: 3px;
	border: 1px inset #aaaaaa;
	background: #cfccab;
	width: 210px;
	height: 100px;
	}	


input:focus {
	color: #f7f7f7;
	background:  #2b152a;
	}
	
textarea:focus {
	color: #f7f7f7;
	background:  #2b152a;
	}
	

input.send {
	color:#ffffff;
	border: none;
	width: 80px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 80px;
	background: #2b152a url(../images/send.png) no-repeat;
	cursor: pointer;
	}
	
	
/* footer  --------------------------------------------------*/


#footer {
	width: 890px;
	padding: 10px 0px 0px 0px;
	margin: 30px 0px 0px 40px;
	font-size: 11px;
	clear: both;
	text-align:center;
	background-image: url(../images/footer_background.png);
	background-repeat: no-repeat;
	
	}

#footer ul {
	display: inline;
	}

#footer li {
	list-style: none;
	display: inline;
	padding: 0px 10px 0 0;
	}

#footer ul li.not_a_link {
	text-decoration: none;
	}
	
	
/* footer validation --------------------------------------------------*/

	
#website_validation {
	width: 900px;
	margin: 10px 0px 50px 30px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	font-size: 11px;
	}

#website_validation ul {
	/* er... */
	}

#website_validation li {
	list-style: none;
	display: inline;
	padding: 0px 10px 0px 0px;
	}
	
#website_validation li.first {
	list-style: none;
	display: inline;
	padding-left: 0px;
	}

#website_validation ul li.not_a_link {
	text-decoration: none;
	}
		

/* Clearfix --------------------------------------------------*/


.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}