/*
Theme Name: Applied Landscape Design - Summer Theme
Theme URI: http://appliedlandscape.co.uk
Description: The Winter theme for Applied Lanscape Design - created by <a href="http://bigbutton.tv">Big Button</a>
Version: 1
Author: Andrew Smart
Author URI: http://bigbutton.tv
Tags: blue, purple, winter
*/

/* Imports */

@import url('css/reset.css');
@import url('css/colorbox.css');

/* basic formatting */

body 
{
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: url('img/summer-bg.png') repeat-x top left #ffff7f;
	color: #666;
}

p 
{
	margin-bottom: 1em;
}

a 
{

}

a:hover
{

}

h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
	margin-bottom: .5em;
}

h1, h2 
{
	font-size: 2em;
	color: #5a308b;
	line-height:1.2em;
}

h3 
{
	font-size: 2.2em;
	color: #5a308b;
	line-height:1.2em;
}

h4 
{
	font-size: 1.5em;
	line-height: 1.2em;
	
}

h5
{
	font-size: 1.4em;
	color: #5a308b;
}

blockquote
{

}

cite
{

}

small
{
	font-size: 0.8em;
}

strong
{
	font-weight: bold;
	
}

/* Positioning and wrappers */

#main_wrapper
{
	width: 850px;
	height:580px;
	position:absolute;
	left: 50%;
	margin-left: -425px;
	top:65px;
	background: #fff;
	border:none;
}

#large_image
{
	width: 410px;
	height: 400px;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 5;
	display:block;
}

#large_image span 
{
	position:absolute;
	right:0px;
	top:0px;
	height:400px;
	width:87px;
	z-index: 6;
	background: url(img/mask.png) top right no-repeat transparent;
}

#content_wrap
{
	position:absolute;
	top:137px;
}

#right_content {
	left: 430px;
	top:50px;
	position:absolute;
	width: 385px;
	height: 260px;
	z-index: 9;
}

#right_content p, #news_content p {
	text-align: justify;
}

#right_content ul {
	list-style: disc;
	margin-left: 15px;
}

/* Circles */

#circle_wrapper, #circle_wrapper_2, #circle_wrapper_3, #circle_wrapper_4
{
	width:500px;
	height:92px;
	overflow: hidden;
	position:absolute;
	left:330px;
	top:300px;
	display:block;
	z-index: 9;
}

#circle_wrapper_2
{
	left: 375px;
	top:220px;
	width: 400px;
}

#circle_wrapper_3
{
	top:130px;
	left: 410px;
	width: 500px;
}

.circle_grey, .circle_purple, .circle_white
{
	width:92px;
	height:92px;
	display:block;
	float:left;
	text-align:center;
	color: #fff;
	padding-top:35px;
	margin-right:5px;
	text-decoration:none;
	font-size: 0.9em;
}

.circle_grey
{
	background: url('img/circle_grey.png') no-repeat top left transparent;
}

.circle_purple
{
	background: url('img/circle_purple.png') no-repeat top left transparent;
}

.circle_white
{
	background: url('img/circle_white.png') no-repeat top left transparent;
	width: 98px;
	color: #5a308b;
	text-indent: -6px;
}

.circle_grey:hover {
	background: url('img/circle_purple.png') no-repeat top left transparent;
}


.two_line
{
	padding-top:30px;
}

#circle_wrapper_contact
{
	position:absolute;
	left:-100px;
	bottom:-85px;
	z-index: 9;
	display:block;
}
/* header */

#top_logo
{
	position:absolute;
	left:10px;
	top:10px;
	display:block;
	z-index: 9;
}

ul#navigation
{
	border-top:1px solid #ac9bc0;
	border-bottom:1px solid #ac9bc0;
	height: 25px;
	position:absolute;
	top:110px;
	width:100%;
}

ul#navigation li
{
	display:block;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	letter-spacing: 0.05em;
	font-size: 0.85em;
}

ul#navigation li a 
{
	color: #aaaaaa;
	text-decoration:none;
	font-weight:bold;
}

ul#navigation li a.down
{
	color: #5a308b;
	font-weight:bold;
}

ul#navigation li a:hover
{
	color: #5a308b;
	font-weight:bold;
}

#season_overlay 
{
	background: url('img/summer-overlay.png') no-repeat top left transparent;
	width: 850px;
	height: 196px;
	position:absolute;
	top:-20px;
	left:50%;
	margin-left: -425px;
	z-index: 8;
}

/* home */

#mission_statement
{
	display:none;
	position:absolute;
	width:240px;
	height:240px;
	background: url('img/mission_bg.png') no-repeat top left transparent;
	z-index:9;
	top:75px;
	left:70px;
	text-align:center;
	overflow:hidden;
	padding-top:35px;
	color: #fff;
}

#mission_statement a
{
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration:none;
}

/* news page */

#news_content
{
	width: 385px;
	height: 270px;
	overflow-y: auto;
	overflow-x:hidden;
	display:block;
	position:absolute;
	top:20px;
	left:430px;
}

ul#news_posts li a
{
	font-size: 1.8em;
	color: #5a308b;
	text-decoration:none;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	line-height: 1em;
}

ul#news_posts li a:hover 
{
	background: #eee;
}

ul#news_posts li span.date
{
	font-size: 0.5em;
	display:block;
	color: #999;
}

/* portfolio page */

#portfolio_content
{
	width: 385px;
	display:block;
	position:absolute;
	top:45px;
	left:420px;
}

/* about page */



/* people page */

#people_text h2 
{
	color: #fff;	
}

#people_text 
{
	display:block;
	position:absolute;
	background:transparent;
	z-index: 9;
	top:20px;
	left:20px;
	width: 300px;
	color: #fff;
}

.people_item
{
	width:92px;
	height:92px;
	float:left;
	display:block;
	position:relative;
	margin-right: 5px;
}

.people_item img
{
	position:absolute;
	display:block;
	top:-92px;
	left:0px;
}

.people_item img:hover 
{
	top:0px;
	left:0px;
}

#people_biog
{
	position:absolute;
	top:10px;
	left:430px;
	width:400px;
	height:100px;
	overflow-y: auto;
}

#people_biog strong
{
	color: #5a308b;
	font-weight:bold;
}

#people_biog .job_title
{
	font-size: 0.8em;
}

/* contact page */

#contact_form
{
	display:block;
}

#contact_form input, #contact_form textarea
{
	width:300px;
	display:block;
	margin-bottom:5px;
	padding:5px;
	border:1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#contact_form input#submit
{
	width:80px;
	color: #fff;
	background: #5a308b;
	border:none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em;
	margin:0px;
}

#contact_form input#submit:hover
{
	cursor: pointer;
	background: #ac9bc0;
}

#contact_form textarea
{
	height: 70px;
}

.contact_footer
{
	display:block;
	position:absolute;
	top: 380px;
	left:430px;
	z-index: 9;
	width:350px;
	font-size: 0.8em;
}

/* Vacancies */

#vacancies_body
{
	background: #fff;
	width: 585px;
	min-height:400px;
	padding:20px;
}

/* footer */

#footer_wrap 
{
	display:block;
	position:absolute;
	width: 100%;
	border-top:1px solid #ac9bc0;
	top:537px;
}

ul#footer_text 
{
	margin-left:15px;	
}

ul#footer_text li
{
	display:block;
	float:left;
	font-size: 0.82em;
	padding-left:5px;
	padding-right: 5px;
	border-right: 1px solid #ac9bc0;
	color: #666;
	margin-top:10px;
}

ul#footer_text li.no_border
{
	border:none;
}

ul#footer_text li strong
{
	color: #5a308b;
	font-weight:bold;
}


/* Lightbox styles */

.lightbox_arrow
{
	height:100px;
	width:17px;
	position:absolute;
	top:150px;
	z-index:9;
}

#left
{
	left:0px;
	background: url('img/left_arrow.png') no-repeat top left transparent;
}

#right
{
	right: 0px;
	background: url('img/right_arrow.png') no-repeat top left transparent;
}

#left:hover
{
	background: url('img/left_arrow_hover.png') no-repeat top left transparent;
}

#right:hover
{
	background: url('img/right_arrow_hover.png') no-repeat top left transparent;
}

#portfolio_mask
{
	width:490px;
	height:390px;
	position:absolute;
	left:25px;
}

#portfolio_slider li
{
	width:490px;
	height:390px;
}

#portfolio_slider li h2
{
	margin-top:10px;
}

#portfolio_slider li img
{
	width:490px;
	height:349px;
	display:block;
	background: #eee;
}

#circle_submit
{
	margin:0px;
	padding:0px;
	background: url('img/circle_grey.png') no-repeat top left transparent;	
	width:92px;
	height:92px;
	display:block;
	position:relative;
	text-align:center;
	color: #fff;
	padding-top:35px;
	margin-right:5px;
	text-decoration:none;
	font-size: 0.9em;
	border:none;
	cursor: pointer;
	z-index: 9;
}

#circle_submit:hover
{
	background: url('img/circle_purple.png') no-repeat top left transparent;	
}