/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.geoff-moore.co.uk		                            *
*  E-mail    :  geoff ( at ) geoff-moore ( dot ) ( co ) ( dot ) ( uk )    		*
*  Modified  :  15th-Sept-2008                                                  *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/* TIPS FOR THE STYLESHEET
================================================================================ 

The correct order for shrothand font stylying is....
font:font-style, font-variant, font-weight, font-size, line-height, font-family

Always Declare font styles above, again on forms.

The correct order for site links a, hover etc is....
link, visited, hover, focus, active.
/*

/* MAIN PAGE CONTAINERS AND LAYOUT
=============================================================================== */
body {background: #364551 url(../img/body-bg.jpg) no-repeat 0 0;color: #333;padding: 0 0 40px;text-align:center;
	margin-top: 0;
}

.container_12 {background:transparent;text-align:left;
	margin-top: 0;
}

.grid_3, .grid_4, .grid_5, .grid_12 {
display : inline;
float : left;
margin-left : 10px;
margin-right : 10px;
}
.container_12 .grid_3 {
width : 300px;
}
.container_12 .grid_12 {
width : 940px;
}
.container_12 .grid_4 {
width : 300px;
}
.container_12 .grid_5 {
width : 300px;
}


.clearUp {
position : relative;
background : transparent url(../img/icons/up.png) no-repeat 940px 2px;
margin : 5px 0 10px;
	text-align: right;
	padding-right: 25px;
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	text-decoration: none;
}
.clearUp a{
	color: white;
	font-weight: normal;
	font-style: normal;
}
.clearUp a:link{
	color: #81949e;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.clearUp a:hover{
	color: #b3d2dd;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.clearTitle {
position : relative;
background : transparent no-repeat 0 0;
margin : 10px 0 0;
width : 940px;
height : 20px;
text-align : left;
color : #bcd6e1;
font : 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-left : 10px;
}


/* Nav
----------------------------------------------- */

#nav {
position : absolute;
z-index : 5;
width : 930px;
	padding : 0 0 0px 5px;
	top: 20px;
	color: silver;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	float: right;
	text-align: right;
}
#nav a:link {
text-decoration : none;
	text-align: center;
	color: white;
	padding-left: 20px;
	padding-right: 0;
}
#nav a:visited {
text-decoration : none;
color: white
}
#nav a:hover {
text-decoration : none;
	color: #e6e4b5;
}
#nav a:active {
text-decoration : none;
}

#nav #current, #nav #current:hover {
background : transparent;
border-bottom : 0 solid #ed145b;
cursor : default;
color : #e4e3b2;
}



/* branding
----------------------------------------------- */
.branding {position:relative;background:transparent url(../img/branding-logo_150.png) no-repeat 0 0;margin: 0;width: 100%;height:140px;
	top: 0;
	z-index: 1;
}
.branding .geoffs-details {position:absolute;top: 0;left: 10px;width:200px;display:none;}
.branding .geoffs-details p {color:#fff;}

.brandingflash {
	
	margin: 0em auto;
    border: 0px solid #555;
    width: 940px;
    height: 450px;
	background-image: url(../img/branding-flash-bg.jpg);
}


/* page / section titles
----------------------------------------------- */
#welcome {background: url(../img/page-titles/welcome.png) no-repeat 7px 0;height:28px;width:206px;}
#recent-work {background: url(../img/page-titles/recent-work.png) no-repeat 7px 0;height:28px;width:176px;}
#latest-news {background: url(../img/page-titles/latest-news.png) no-repeat 7px 0;height:28px;width:176px;}
#contact-me {background: url(../img/page-titles/contact-me.png) no-repeat 5px 0;height:28px;width:176px;}
.blank-title {height:28px;}

/* hrContent
----------------------------------------------- */

.hrcontent {
margin : 10px;
background : #2d3b46;
border : 0 solid #414141;
padding : 10px;
overflow : hidden;
	width: 920px;
}
.hrcontent p {
margin : 0 0 15px 0;
padding : 0;
overflow : hidden;
font : 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
color : #85969e;
}
.hrcontent p a {
color : #d6d6d6;
font-weight : bold;
margin : 0 5px 0 5px;
background-color : #5b7489;
font-family : "Lucida Grande", Lucida, Verdana, sans-serif;
}
.hrcontent p a:hover {
color : #c7dbea;
text-decoration : none;
font-weight : bold;
margin : 0 5px 0 5px;
}
.hrcontent img {
padding : 5px;
margin : 0 15px 15px 0;
background : #ffffff;
border : 1px solid #666666;
float : left;
}

.hrcontent2 {
margin : 00px;
background : #2d3b46;
border : 0 solid #414141;
padding : 10px;
overflow : hidden;
float : left;
width : 500px;
}
.hrcontentForm {
margin : 0px;
background : #2d3b46;
border : 0 solid #414141;
padding : 0px;
overflow : hidden;
width : 370px;
float : left;
	text-align: left;
}
.hrcontentForm img {
	background-color: transparent;
	padding-left: 120px;
	border-style: none;
}

/* boxes
----------------------------------------------- */
.box {background:transparent;margin-bottom:20px;padding:0;position:relative;}

.box p {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #81969e;
}

.box strong {
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #b3d2dd;
}

.box a:link {
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #b5d3df;
	text-decoration: none;
}
.box a:hover {
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #e4d896;
	text-decoration: none;
}

.box visited {
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: gray;
	text-decoration: none;
}

.box h2 {font-size:1em;font-weight:normal;text-transform:uppercase;color: #e4e2b1;background:transparent;padding:0;margin: 0;}

.box h3 {text-transform: capitalize;color: white;background:transparent;padding:0;margin: 0;
	font: normal bold 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.project-info h3 {margin-bottom:6px;}

.block {padding-bottom:1px;}

.block strong{color: #e4e2b1;
}

.block h2 {
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.latest-work img{border: 5px solid #415566;margin-bottom:10px;
	background-color: #415566;
}
.latest-work a {outline:none;}
.latest-work a:hover img {border: 5px solid #85969e;}
.latest-work .project-info {padding: 0 5px;display:block;}
.project-details {margin-top:11px;}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {margin-bottom:1em;}
blockquote {font-family: Georgia, 'Times New Roman', serif;font-size:1.2em;padding-left:1em;border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul, ol {padding-top:0;}


/* forms
----------------------------------------------- */
form {overflow:hidden;}
#contact-form fieldset {border:none;padding:10px 10px 10px 0;position:relative;margin:-50px 0 10px 0;}
legend {display:none;}
fieldset label {float:left;width:100px;color:#fff;clear:left;padding:.5em 0;}
fieldset label.first {margin-top:15px;}
fieldset input {width:160px;  margin:0 0 10px;padding:3px;border:3px solid transparent;position:relative;background:#3f5004;color:#fff;vertical-align:top;}
fieldset input[type="text"]:hover,
fieldset input[type="text"]:focus,
fieldset select:hover,fieldset select:focus,
fieldset textarea:hover,fieldset textarea:focus {border:3px solid #90b608;}
fieldset button {float:right;margin:10px 20px auto 0;border:3px solid transparent;background:#3f5004;color:#fff;cursor:pointer;}
fieldset button:hover, fieldset button:focus {background:#90b608;color:#fff}

fieldset select {width:176px;margin:0 0 10px 0;padding:3px;border:3px solid transparent;background:#3f5004;color:#fff;}
fieldset textarea {width:90%;padding:3px;border:3px solid transparent;background:#3f5004;color:#fff;}
fieldset input#antispamcheck {display:none;height:1%;}
.thankyou {display:block;color:#fff;}






/* FORM MIO
----------------------------------------------- */

fieldset {
clear : both;
border : 0 solid;
cursor : default;
}
textarea {
width : 350px;
height : 135px;
}
label {
margin : 0;
padding : 0 10px 5px 0;
display : inline;
font-size : 1.3em;
color : #7c7d7d;
float : left;
}
input, textarea {
display : block;
float : left;
}
.form-topleft {
float : left;
width : 350px;
margin-bottom : 20px;
}
.form-topright {
float : right;
width : 350px;
margin-bottom : 20px;
}
input.input-text, textarea {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 1.2em;
font-weight : normal;
color : #999;
background : #1e2b34;
border : 1px solid #1e1f1f;
text-decoration : none;
margin : 0 0 7px 0;
padding : 5px 0 5px 3px;
display : inline;
cursor : default;
}
input:focus, textarea:active, textarea:focus {
border : 1px solid #666666;
}
input.input-text {
width : 350px;
}
input.button {
font : 16px/16px "helvetica", arial, verdana, sans-serif;
color : #63a5ff;
float : right;
border : none;
cursor : pointer;
padding : 0 20px 0 0;
margin : 0;
text-align : center;
background : none;
}
input.button:hover {
color : #fff;
}

/* site information
----------------------------------------------- */
#site_info .box {border-top:1px dotted #90b608;color:#fff;background:transparent;margin-bottom:10px;margin:20px auto;padding:10px 0;}

.foot {
margin : 10px;
background : #2d3b46;
border : 0 solid #414141;
padding : 10px;
width: 920px;
	color: silver;
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.foot a:link {
	color: #b3d2dd;
}
.foot a:hover {
	color: #e6e4b5;
}

/* MISC */
.pointer {cursor:pointer;}
#rssfeed {position:absolute;top:6px;left:157px;display:block;width:14px;height:14px;background:transparent url(../img/rssicon.png) no-repeat 0 0;cursor:pointer;}