/*
Theme Name: Sutton Estates
Theme URI: http://www.apartmentsintuscany.co.uk
Description: Sutton Estates Website Theme
Version: 1.0
Author: Karl Wills
*/

@import "style/css/reset.css";

body {
margin: 0;
padding: 0 0 20px 0;
background: #333;
color: #fff;
font-family: 'Arial', Helvetica, sans-serif;
font-size: 13px;

}


/* ========== Typography ========== */

h1 { font-size: 22px; text-transform: uppercase; }
h2 { font-size: 18px; text-transform: uppercase; margin-top: 25px; }
h3 { font-size: 16px; text-transform: uppercase; margin-top: 35px; }
h4 { font-size: 14px; text-transform: uppercase; }
p, ul { font-size: 13px; margin-top: 20px; line-height: 18px; }
a {	outline: none; }


/* ========== Tables ========== */

table {
	border-collapse: collapse;
	width: 500px;
	color: #fff;
	margin: 25px 0 25px 0;
	}	
	
	td, th { padding: 5px; }
	tr { border-bottom: 1px solid #333; }
	tr:hover { background: #333; }		
	th { font-weight: normal; text-align: left; }	
	
	.odd { background: none; }
		
	.sold { color: #ea4c4c; font-style: italic;}
	.reserved { color: #eba559; font-style: italic;}
	

/* ========== Utilities ========== */

.left 		{ float: left; }
.right 		{ float: right; }
.clear		{ clear: both; }

img.right	{ float:right; margin-left: 45px;}
img.left 	{ float:right; margin-right: 45px;}


/* ========== Layout ========== */

#langs {
/* Select Your Language Container */
width: 975px;
margin: 10px auto 10px auto;
text-align: right;
}

#langs p, #langs a {
font-size: 11px;
}

#langs a {
margin: 0 0 0 5px;
}

#page-wrap {
	position: relative;
	width: 975px;
	min-height: 900px;
	height: auto !important;
    height: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #262626;
	}

#header {
	position: relative;
	width: 975px;
	height: 330px;
	margin: 0;
	padding: 0;
	}
	
.page-content {
	width: 945px;
	padding: 0 15px 50px 15px;
	}	
	
#footer-wrap {
	clear: both;
	width: 100%;
	}
	
	
/* ========== Header ========== */

div.animation {
	width: 975px;
	height: 329px;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 80;
	top: -67px;
	}	
	
img.logo { /* Main Logo Image */
	position: relative;
	z-index: 81;
	top: 30px;
	}	
	
/* ========== Navigation ========== */			

/* Son of Suckerfish Dropdown Menu: http://htmldog.com/articles/suckerfish/dropdowns/ */

ul#nav {
	position: relative;
	top: 228px;
	z-index: 82;
	width: 975px;
	list-style: none;
	margin: 0 0 0 15px;
	}
	
	ul#nav li {
		float: left;
		}
		
		ul#nav li a:hover {
			color: #a9defd;
			}
		
		ul#nav li ul  {
			position: absolute;
			left: -999em;
			width: 200px;
			margin: 0;
			}
			
			ul#nav li ul li {
				width:190px;
				background: #1c1c1c;
				padding-left: 10px;
				}
				
			ul#nav li ul li a {
				background: url('style/images/ddbgnormal.png') no-repeat 0 50%;
				padding-left: 10px;
				color: #fff;
				}	
				
				ul#nav li ul li a:hover {
				background: url('style/images/ddbg.png') no-repeat 0 50%;
				color: #a9defd;
					}
			
		ul#nav li:hover li {
			left: auto
			}	
		
		#nav li:hover ul, #nav li.sfhover ul {
			left: auto;
			}
		
	ul#nav li a {
		display: block;
		padding: 8px 18px 8px 18px;
		margin-right: 2px;
		background: url('style/images/navbg.png') repeat;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 11px;
		}
		
		ul#nav li a:hover {
			background: #262626;
			}


/* ========== Page Content ========== */

.page-content a {
	font-size: 13px;
	color: #a9defd;
	text-decoration: underline;
	}

			
/* ========== Home Page 4 Boxes ==========*/

.apartment-boxes {
	width: 945px;
	background: #1c1c1c;
	padding: 0 15px 20px 15px;
	overflow: auto;
	margin: 60px 0 0 0;
	}
				
.box1, .box2, .box3, .box4 {
	margin-top: 20px;
	width: 225px;
	float: left;
	}
	
	.apartment-boxes h3 { margin: 0 0 10px 0; }
	.apartment-boxes p { font-size: 12px; margin-top: 10px;}
	.apartment-boxes a { text-decoration: none; color: #a9defd;}
	.apartment-boxes a:hover { text-decoration: underline; }
	.box2 { margin: 20px 15px 0 15px; }
	.box3 { margin: 20px 15px 0 0; }
	

/* ========== Contact Form ========== */

.wpcf7-form {
	float: right;
	width: 400px;
	padding: 0 15px 0 15px;
	margin-left: 60px;
	}
	
	.wpcf7 input, .wpcf7 textarea {
		width: 350px;
		padding: 5px;
		margin-top: 3px;
		font-family: 'Arial', Helvetica, sans-serif;
		font-size: 12px;
		border: none;
		background: #454545;
		border: 1px solid #5f5f5f;
		color: #fff;
		}
	
	input.button {
		width: 80px;
		padding: 3px 5px 3px 5px;
		}
		
		input.button:hover {
			color: #a9defd;
			border: 1px solid #a9defd;
			}		
			
			
/* ========== Apartment Subpage ========== */			

div.apartment-slideshow {	
	position: relative;
	width: 385px;
	padding: 5px;
	margin: 20px 5px 100px 30px;
	float: right;
	border: 1px solid #333;
	background: #1c1c1c;
	}
	
	div.apartment-slideshow p {
		text-align: center;
		margin: 0;
		background: #1c1c1c;
		padding: 10px 0 10px 0;
		}
	
	div.slideshow-images {
		position: relative;
		width: 385px;
		height: 225px;
		}
		
/* ========== Image Gallery ========== */

.ngg-gallery-thumbnail img {
	border: none;
	}		
					

/* ========== Footer ========== */

.footer {
	width: 945px;
	padding: 10px 15px 10px 15px;
	margin: 0 auto;
	}

.footer p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
	
.footer a {
	text-decoration: none; 
	color: #a9defd;
	}
	
	.footer a:hover {
		text-decoration: underline;
		}