@charset "utf-8";
/* CSS Document */
/*----------------------------------------------
Style Sheet to define layout

version: 1.0
Author: Ben Mason
website: http://www.ben-mason.com/
-----------------------------------------------*/

/* MAIN CONTAINER ===================================  */
#container {
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
}

/* Logo ===================================  */
#logo {
margin-left:85px;
background-image:url(../images/ben-mason-logo.png);
background-repeat:no-repeat;
width:273px;
height:80px;
margin-bottom:18px;
}

/* Top Nav ===================================  */
#topNav {
width:968px;
height:72px;
background-image:url(../images/topNav.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;
}

	/* =================================== Top Navigation */

	.navigation {float:left; width:710px;}
	.navigation li {float:left; margin-right:10px;}
	.navigation li#last {margin-right:0;}
	.navigation a {display:block; width:110px; height:34px;	text-indent:-999em;	overflow:hidden;}
	.navigation a.home {background:url(../images/nav/main_page.png) no-repeat;}
	.navigation a.web {background:url(../images/nav/web_portfolio.png) no-repeat;}
	.navigation a.photo {background:url(../images/nav/photo_portfolio.png) no-repeat;}
	.navigation a.blog {background:url(../images/nav/blog.png) no-repeat;}
	.navigation a.contact {background:url(../images/nav/contact.png) no-repeat;}
	.navigation a:hover, .navigation li.current a {background-position:0 -34px;}
	
	/* =================================== Side Web Navigation */

	.navigationWeb {float:left; padding-top:20px;}
	.navigationWeb li {float:left; margin-right:10px;}
	.navigationWeb li#last {margin-right:0;}
	.navigationWeb a {display:block; width:57px; height:48px;	text-indent:-999em;	overflow:hidden;}
	.navigationWeb a.guardwell {background:url(../images/nav/guardwell.png) no-repeat;}
	.navigationWeb a.yateley {background:url(../images/nav/yateleydirectory.png) no-repeat;}
	.navigationWeb a.finchnetball {background:url(../images/nav/finchnetball.png) no-repeat;}
	
/* Middle Content ===================================*/
#middleContent {
width:968px;
}

#middleContentTop {
width:100%;
height:25px;
background-image:url(../images/middleTop.png);
}

#middleContentMiddle {
width:100%;
background-image:url(../images/middle.png);
overflow:hidden;
}

#ContentPadding {
margin-left:19px;
margin-right:19px;
}

	/* =================================== Home Page */
	
#leftNavMain {
float:left;
width:320px;
}

#MiddeNavMain {
float:left;
width:320px;
margin-left:38px;
margin-right:30px;
}

#RightNavMain {
float:right;
width:210px;
background-color:#FF0000;
}

.aboutme {
background-color:#f5f5f5;
width:280px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
background-image:url(../images/icons/aboutme.png);
background-position:right bottom;
background-repeat:no-repeat;
}

.currentreads {
background-color:#f5f5f5;
width:280px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
margin-top:20px;
background-image:url(../images/icons/currentread.png);
background-position:right bottom;
background-repeat:no-repeat;
}

.currentskillset {
background-color:#f5f5f5;
width:280px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
padding-top:10px;
background-image:url(../images/icons/currentskillset.png);
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:10px;
}

.latestblog {
background-color:#f5f5f5;
width:280px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
margin-top:20px;
margin-bottom:20px;
padding-bottom:14px;
background-image:url(../images/icons/latestblog.png);
background-position:right bottom;
background-repeat:no-repeat;
}

.twitter {
background-color:#f5f5f5;
width:190px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:14px;
}

	/* =================================== Web Page */

.websitesLeft {
width:290px;
min-height:470px;
float:left;
}

.websitePortfolio {
background-image:url(../images/icons/mac.png);
background-position:left bottom;
background-repeat:no-repeat;
float:left;
}

.sitesLeftNav {
padding-left:40px;
}

.websitesMiddle {
padding-left:10px;
width:630px;
min-height:470px;
float:left;
}

		/* =================================== Contact Page */

.contactForm {
background-image:url(../images/icons/contact.png);
background-repeat:no-repeat;
padding-bottom:20px;
height:400px;
}

/* Footer Content ===================================*/
#footer {
width:965px;
height:70px;
background-image:url(../images/footer.png);
background-repeat:no-repeat;
padding-bottom:20px;
}