/*
Theme Name: RobertIngramUPVC
Theme URI: http://robertingramupvc.com
Author: Chris Ingram
Author URI: http://chrisss.net
*/

@import "reset.css";

:focus { outline: none; }
html, body { height: 100%; }

body {
	background: white url(images/headerbg.png) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
}
	#pagewrap{
		width: 960px;
		margin: 0 auto -165px;
		min-height: 100%;
		background: url(images/mainbg.png) repeat-y scroll;
	}
		#header{
			height: 155px;
			background: url(images/housebg.png) no-repeat top;
		}
			h1.logo a{
				display: block;
				width: 222px;
				height: 138px;
				background: url(images/logo.png) no-repeat;
				background-position-y: 0;
				text-indent: -9999px;
				float: left;
				margin-top: 5px;
			}
			div.slogannav{
				float: left;
				padding-top: 5px;
				padding-left: 10px;
			}
				p.slogan{
					font-size: 30px;
					font-weight: bold;
					letter-spacing: -2px;
					color: white;
					padding-top: 10px;
				}
					p.slogan span.line1{
						font-size: 43px;
					}
					p.slogan span.line2{
						font-size: 38px;
					}
				ul.nav{
					list-style: none;
					padding-top: 10px;
					margin-left: -15px;
					float: left;
				}
					ul.nav li{
						display: inline;
						float: left;
						padding: 7px 0 5px 0;
						border-right: 1px solid white;
					}
					ul.nav li.last{
						border: none;
					}
						ul.nav li a{
							font-size: 22px;
							font-weight: bold;
							padding: 0 15px 0 15px;
							color: #0090ff;
							text-decoration: none;
							letter-spacing: -1px;
						}
						ul.nav li a:hover{
							color: white;
						}	
						ul.nav li.current_page_item a{
							color: white;
						}
				#main{
					padding-bottom: 165px;
					min-height: 100%;
				}
					#main #content{
						width: 650px;
						font-size: 15px;
						padding-top: 10px;
						float: left;
						padding-right: 10px;
					}
						#main #content a{
							color: #0090ff;
							text-decoration: none;
							font-weight: bold;
							font-size: 1.1em;
						}
						#main #content h2{
							font-size: 25px;
							font-weight: bold;
							letter-spacing: -2px;
							padding-bottom: 10px;
						}
						#main #content p{
							padding-bottom: 0.75em;
							line-height: 1.3em;
						}
						
						#main #content .housecontainer{
							margin-bottom: 30px;
							border: 1px solid #ccc;
							padding: 20px;
							margin-right: 10px;
							-moz-box-shadow: 5px 5px 20pxÊ#ccc;
							-webkit-box-shadow: 5px 5px 20pxÊ#ccc;
						}
						
							#main #content .housecontainer h3{
								font-size: 20px;
								font-weight: bold;
								letter-spacing: -1px;
							}
							#main #content img.priceimage{
								float: left;
								display: block;

							}
							#main #content div.pricetext{
								float: left;
								padding-left: 20px;
							}
								#main #content div.pricetext p{
									font-size: 12px;
									padding-bottom: 0;
									margin-bottom: 0;
									padding-top: 10px;
									line-height: 1;
									
								}
								#main #content div.pricetext p.cost{
									font-size: 50px;
									font-weight: bold;
									letter-spacing: -2px;
									line-height: 1;
									padding: 0;
									margin: 0;
									color: #444;
								}
								
								#main #content .ngg-galleryoverview a{
									font-size: 12px;
									text-decoration: none;	
									font-weight: normal;
									padding-left: 5px;
									margin-bottom: 3px;
								}
								#main #content .ngg-gallery-thumbnail a{
									padding: 0;
									margin: 0;
								}
							
						.wpcf7{
							margin-bottom: 15px;
							-moz-box-shadow: 3px 3px 10px #ccc;
							-webkit-box-shadow: 3px 3px 10px #ccc;
						}
						form.wpcf7-form{
							border: 1px dotted #bbb;
							padding: 10px;
							margin-bottom: 15px;
							padding-bottom: 25px;
						}
							form.wpcf7-form label{
								font-size: 11px;
								font-family: "Segoe UI", "Calibri", Helvetica, Arial, sans-serif;
							}
						
						#content div.details{
							float: left;
							padding: 10px;
						}
							#content div.details p.input input{
								padding:5px;
								font-size: 15px;
								font-family: "Segoe UI", "Calibri", Helvetica, Arial, sans-serif;
								width: 150px;
							}
						#content div.message{
							float: left;
							padding: 10px;
						}
							#content div.message p.inputmessage textarea{
								padding:5px;
								font-size: 13px;
								font-family: "Segoe UI", "Calibri", Helvetica, Arial, sans-serif;
								height: 158px;
							}
						#content p.submit{
							padding-left: 10px;
						}
							#content p.submit input{
								border: 1px solid #222;
								background: #F0F0F0;
								color: #222;
								outline: none;
								padding: 5px 10px;
								font-size: 13px;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;
								display: block;
								-moz-box-shadow: 3px 3px 10px #ccc;
								-webkit-box-shadow: 3px 3px 10px #ccc;
								float: left;
							}
								#content p.submit input:active{
									position: relative;
									top: 1px;
									left: 1px;
								}
						.wpcf7-response-output{
							border: none;
							font-size: 15px;
							font-weight: bold;
						}
							.wpcf7-mail-sent-ok{
								border: none;
								color: green;
							}
							
				#sidebar{
					float: left;
					background: #333333;
					width: 300px;
					color: white;
					text-align: center;
					min-height: 100%;
				}
					#sidebar{
						list-style: none;
					}
					.sidebarinside{
						padding: 10px;
						text-align: center;
					}
					.sidebaritem{
						border-bottom: dotted white 1px;
						margin-bottom: 15px;
						padding-bottom: 15px;
					}
					#sidebar h2{
						color: white;
						font-size: 25px;
						font-weight: bold;
						letter-spacing: -2px;
						text-align: center;
					}	
					.imagesgrid{
						height: 300px;
						width: 100%;
						border: white solid 1px;
						color: white;
					}
				#footer{
					height: 145px;
					background: transparent url(images/footerbg.png) repeat-x;
					text-align: center;
					padding-top: 20px;
					position: relative;
					z-index: 2;
					margin-top: -165px;
					clear: both;
				}
					#footer p{
						font-size: 30px;
						letter-spacing: -1px;
						color: white;
					}
					#footer p.designedby{
						position: absolute;
						bottom: 5px;
						right: 5px;
						font-size: 15px;
					}
						#footer p a{
							color: #0090ff;
							text-decoration: none;
						}
						#footer p span{
							padding-right: 30px;
						}
				
/*
	TOOLS
*/
.clear { clear: both; }