/*
Theme Name: proposals
Theme URI: http://www.proposals.co.uk/
Description: Master CSS file.
Version: 1.0
Author: Alex Stanhope
Author URI: http://www.studiolimonard.co.uk/
*/

/*Global Reset
*********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	border:none;
	}
body{
	line-height:1;
	}
ol, ul{
	list-style:none;
	}
blockquote,
q{
	quotes:none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';
	content:none;
	}			
:focus{
	outline:0;
	}			
ins{
	text-decoration:none;
	}
del{
	text-decoration:line-through;
	}			
table{
	border-collapse:collapse;
	border-spacing:0;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */

/*Body Styles
*********************************************************/

body{
	font:85%/150% "myriad-pro-1","myriad-pro-2", "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	}
	
/*Container Styles
*********************************************************/

.container{
	width:940px;
	margin:0 auto;
	overflow:hidden;
	}
	.container:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
		}
		
/*Control Bar Styles
*********************************************************/

#controlbar{
	width:100%;
	margin: 0;
	background-color:#3d3c63;
	border-bottom:1px solid #35344a;
	z-index:1;
	text-align:left;
	color:#cac9e1 !important;
	}
	#controlbar ul{
		margin:0 0 0 5px;
		}
		#controlbar li{
		float:left;
		padding:10px 0 10px 25px;
		margin-left:15px;
		color:#cac9e1;
		font-family:Arial,Helvetica,sans-serif !important;
		font-size:0.8em;
		}
		#controlbar li.first{
			padding: 10px 10px 10px 0 !important;
			}
		#controlbar li.homelink{
			background:url(http://proposals.co.uk/template/theme/default/image/bullet-home.gif) no-repeat 0% 50%;
			margin-left:20px;
			}
		#controlbar li.edit{
			background:url(../image/bullet-edit.gif) no-repeat 0% 50%;
			}
		#controlbar li.admin{
			background:url(../image/bullet-admin.gif) no-repeat 0% 50%;
			}
		#controlbar li.logout{
			background:url(http://proposals.co.uk/template/theme/default/image/bullet-logout.gif) no-repeat 0% 50%;
			}
			#controlbar li a{
				color:#cac9e1;
				font-weight:bold;
				text-decoration:none;
				}
				/*
				#controlbar li a:hover{
					color:#fff !important;
					}
					*/
				
/*Header Styles
*********************************************************/
						
#header{	
	position:relative;
	width:100%;
	margin:0 0 35px 0;	
	background-color:#55538f;
	padding:60px 0 0 0;
	-moz-box-shadow:inset 0 -20px 10px -20px #000;
	-webkit-box-shadow:inset 0 -20px 10px -20px #000;
	box-shadow:inset 0 -20px 10px -20px #000;
	}
	#header .container{
		padding-bottom:30px;
		}
		a#logo{
			float:left;
			display:block;
			width:251px;
			height:40px;
			line-height:200000px;
			overflow:hidden;
			background:url(http://proposals.co.uk/template/theme/default/image/logo.png) no-repeat 0 0;
			cursor:pointer;
			margin-bottom:35px;
			}
		a#telephone{
			margin-top:10px;
			float:right;
			display:block;
			width:244px;
			height:29px;
			line-height:200000px;
			overflow:hidden;
			background:url(http://proposals.co.uk/template/theme/default/image/bg-contact-telephone.png) no-repeat 0 0;
			}
		
/*Navigation Styles
*********************************************************/

#nav{
	clear:both;
	z-index:999;
	}
	#nav ul{
		position:absolute;
		}
	#nav li{
		float:left;
		position:relative;
		font-size:.95em;
		/*
		margin:0 0 0 8px;
		*/
		font-family:"myriad-pro-1", "myriad-pro-2", "Myriad Pro", "Helvetica Neue", Helvetica, "Trebuchet MS", sans-serif;
		}
		#nav li a{	
			color:#999;
			/* padding:0 20px; */
			padding:5px 15px;
			margin-right:10px;
			text-decoration:none;
			display:block;
			}
			#nav li.active a, #nav li a:hover{
				color:#999;
				background-color:#fff !important;
				}
			#nav li ul{
				position:absolute;
				top:40px;
				/* top:170px; 
				margin-left:-198px;
				*/
				z-index:999;
				margin-left:-186px;
				width:940px;
				}
				#nav li ul li a{
					padding:0 15px 0 0;
					/* padding:0 22px 0 0; */
					color:#999 !important;
					}
				#nav li.active ul li a, #nav li ul li a:hover{
					-moz-box-shadow:none !important;
					-webkit-box-shadow:none !important;
					box-shadow:none !important;
					background-color:transparent !important;
					}
					#nav li ul li.active a{
						color:#333 !important;
						}
					#nav li ul li a:hover{
						color:#55538f !important;
						}
				
/*Home Page Styles
*********************************************************/
.homecontent{
	z-index:1;
	}
.homecontent img, .accessories img{
	margin:0 auto 45px auto;
	}
.homecontent p{
	color:#808080;
	font-size:.9em;
	}
	
/*Content Styles
*********************************************************/

#content h1, #content h2, #content h4, #content em{
	color:#55538f;
	font-size:1.7em;
	font-weight:normal;
	font-style:normal;
	}
	#content h1, #content h4{
		margin-bottom:10px;
		}
		#content h2, #content h4{
			font-size:1.4em !important;
			}
#content p{
	color:#808080;
	font-size:.9em;
	margin-bottom:10px;
	}
.column3{
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap:20px;
	}
.column2{
	-moz-column-count:2;
	-moz-column-gap:20px;
	-webkit-column-count:2;
	-webkit-column-gap:20px;
	column-count:2;
	column-gap:20px;
	}
.left{
	float:left;
	width:460px;
	}
.right{
	float:left;
	right:460px;
	margin-left:30px;
	}
	.right strong{
		color:#55538f;
		}
	.right a{
		color:#808080 !important;
		}
		.right a:hover{
			color:#333 !important;
			}
#content a{
	color:#55538f;
	text-decoration:none;
	}
	#content a:hover{
		color:#35344a;
		}
#content ul{
	color:#808080;
	margin-bottom:10px;
	font-size:.9em;
	}
	ul.sitemap{
		font-size:1em !important;
		margin:30px 0 !important;
		}
		ul.sitemap li{
			margin:10px 0 0 0 !important;
			font-weight:bold;
			padding:2.5px 0px 5px 30px !important;
			font-size:.9em !important;
			}
			ul.sitemap li ul li{
				font-size:.95em !important;
				font-weight:normal;
				}
				ul.sitemap li ul li a{
					font-weight:normal !important;
					}
			.sitemap li ul{
				margin-top:0 !important;
				margin-bottom:-10px !important;
				}
				.sitemap li ul li ul{
					font-weight:normal !important;
					margin-top:0 !important;
					}
					.sitemap li ul li ul li{
						font-size:1em !important;
						}
.item{
	margin:20px 0;
	padding:10px 0;
	border-top:1px dotted #55538f;
	}
	.itemimage{
		float:left;
		width:240px;
		}
	.itemcontent{
		float:right;
		width:680px;
		}
		.item small, small.date{
			clear:both;
			text-transform:uppercase;
			color:#808080;
			margin-bottom:15px !important;
			}
.slideshow{
	margin:10px 0;
	border-top:1px dotted #55538f;
	border-bottom:1px dotted #55538f;
	width:940px;
	height:495px;
	overflow:hidden;
	}
	.slideshow img{
		padding:10px 0;
		width:940px;
		height:473px;
		}
.contactright{
	float:right;
	width:302px;
	}
	#googlemap{
		width:300px;
		height:300px;
		padding:10px;
		background-color:#f4f4f4;
		border:1px solid #d4d1d1;
		color:#808080;
		font-size:.9em;
		margin:30px 0 15px 0;
		}
	#address{
		float:left;
		width:50%;
		}
	#hours{
		float:right;
		}
		#hours small{
			font-size:.9em;
			color:#808080;
			font-style:italic;
			}
		
/*Portfolio Styles
*********************************************************/

#gallery{
	position:relative;
	margin:10px 0 20px 0;
	width:940px;
	height:334px;
	/* margin:40px 0; */
	/* height:284px; */
	overflow:hidden;
	}
	.galleryitems{
		position:absolute;
		top:0;
		left:0;
		padding-top:35px;
		}
		.galleryitem{
			float:left;
			position:relative;
			margin-right:10px;
			z-index:10;
			}
			.galleryitem img{
				overflow:hidden;
				width:178px;
				height:284px;
				}
			.galerryitem a:hover{
				z-index:11;
				}
			.galleryitem a span{
				display:none;
				}
			.galleryitem a:hover span{
				width:100%;
			    display:block;
			    top:-35px;
			    left:0;
	   			position:absolute;
				border-top:2px solid #ddd;
				color:#808080;
				background:#fff;
				text-align:center;
				padding:5px 0;
				}
	
/*Footer Styles
*********************************************************/

#footer{
	margin-top:60px;
	color:#999;
	}
	#footer .container{
		background:url(http://proposals.co.uk/template/theme/default/image/bg-footer.png) repeat-x 0 0;
		padding:10px 0 20px 0;
		}
		#footer p{
			float:left;
			font-size:.8em;
			}
			p.credit{
				float:right !important;
				text-align:right;
				}
		#footer ul{
			float:left;
			margin-left:5px;
			}
			#footer li{
				float:left;
				font-size:.8em;
				}
				#footer li a{
					padding:0 5px;
					border-left:1px solid #808080;
					color:#999 !important;
					}
				#footer li.last a{
					border-right:1px solid #666;
					}
		#footer a{
			color:#666;
			text-decoration:none;
			}
			#footer a:hover{
				color:#333 !important;
				}
				
/*Pagination Styles
*********************************************************/

.pagination{
	margin:20px 0 0 0 !important;
	text-align:left;
	padding:20px 0;
	}
	.pagination a{
		padding:5px 10px !important;
		border:1px solid #d4d1d1;
		background:#fff;
		background-image:none !important;
		color:#55538f !important;
		text-decoration:none;
		}
		.pagination a.next,
		.pagination a.previous{
			border:1px solid #d4d1d1;
			color:#55538f !important;
			}
		.pagination a:hover{
			background:#fff;	
			border:1px solid #3d3c63;
			}
	.pagination span{		
		padding:5px 10px;
		}	
		.pagination span.next,
		.pagination span.previous{
			background:#fff;
			border:1px solid #d4d1d1;
			color:#bbb;
			}
		.pagination span.current{
			border:1px solid #3d3c63;
			background:#fff;	
			color:#3d3c63;
			font-weight:bold;
			}
				
/*Form Eelement Styles
*********************************************************/

form.standard{
	margin:30px 0;
	}
	form.standard fieldset, form.login fieldset{
		padding:20px 30px;
		background-color:#f4f4f4;
		border:1px solid #d4d1d1;
		}
		form.login fieldset{
			width:878px;
			}
		form.standard fieldset{
			width:498px;
			}
		form.standard legend, form.login legend{
			display:none;
			}
		form.standard label, form.login label{
			display:block;
			font-weight:bold;
			color:#666;
			}
			form.standard p.submit, form.login p.submit{
				margin-top:-20px;
				}
		form.standard .checkbox label, form.login .checkbox label{
			display:block;
			float:left;
			margin:0 0 20px 0;
			}
		form.standard .checkbox input, form.login .checkbox input{
			display:block;
			clear:both;
			float:left;
			margin:4px 5px 20px 0;
			}
		form.standard input.text, form.standard textarea, form.login input.text, form.login textarea{
			padding:10px !important;
			font-size:1em !important;
			font-family:"myriad-pro-1","myriad-pro-2", "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			}
			form.standard input.text, form.standard textarea{
			 	width:476px !important;
			 	}
			form.login input.text, form.login textarea{
			 	width:850px !important;
			 	}
		p.error{
			font-size:1em !important;
			border-top:1px solid #ff0000;
			border-bottom:1px solid #ff0000;
			margin:30px 0 !important;
			line-height:2.5em !important;
			font-style:italic;
			width:100%;
			display:block;
			padding-left:20px !important;
			background:url(http://proposals.co.uk/template/theme/default/image/icon-error-sml.gif) no-repeat 0 50%;
			}
			form.standard input.text, form.standard textarea, form.login input.text, form.login textarea{
				clear:both;
				background-color:#fff;
				padding:6px 7px;
				border:1px solid #d4d1d1;
				color:#808080;
				font-size:1.1em;
				font-family:"myriad-pro-1","myriad-pro-2", "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
				}
				form.login input.text, form.login textarea{
					width:262px;
					}
				form.standard input.text:hover, form.standard textarea:hover, form.login input.text:hover, form.login textarea:hover{
					border:1px solid #7e7c7c;
					color:#000;
					}
		form.standard input.btn, form.login input.btn{
			display:block;
			clear:both;
			border:none;
			text-transform:uppercase;
			color:#fff;
			font-weight:bold;
			font-size:1em;
			margin:10px 0 10px 0;
			text-shadow:0 0 2px #000;
			cursor:pointer;
			}
			form.standard input.btn, form.login input.btn{
				background:#55538f url(http://proposals.co.uk/template/theme/default/image/btn-submit.png) no-repeat 0 0;
				width:128px;
				height:40px;
				}
				form.standard input.btn{
					margin-bottom:0;
					}
			form.standard input.btn:hover, form.login input.btn:hover{
				background:#3d3c63 url(http://proposals.co.uk/template/theme/default/image/btn-submit.png) no-repeat -128px 0;
				}
.required{
	color:#ff0000;
	font-weight:bold;
	font-size:1.1em;
	padding-left:5px;
	}
.contactleft{
	float:left;
	width:540px;
	}