/*

	Copyright 2009 CactusHq
	
	Colours:
	Background:				f2f2ea
	default text:			3b454b
	
	

*/

/* ------------------------------- General Structure */
html { font-size:100.01%; }

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 150%;
	font-size: 82%;
	background: #8ba4b2;
}

img {border:0;}

a img {border:0;}

img.floatLeft { 
    float: left;  
    margin-top: 3px; 
	    margin-right: 15px; 
}

/* -------------------------------------- Header */
#header {
	position: relative;
	margin: 0;
	padding-bottom: 20px;
	background: #3b454b;
}

.masthead {
margin-left: 0px;
	padding: 0;
}


/* -------------------------------------- Global Nav */	
#global-nav { margin: 0; padding: 0; position: relative; left: 25px; top: 10px;}
#global-nav li { display: inline; list-style-type: none; }
#global-nav a:link, #global-nav a:visited {
	font-size: 1em;
	text-decoration: none;
	color: #8ba4b2;
	font-weight: normal;
	padding-right: 15px;
}
#global-nav a:hover { color: #80c9f5; }
#global-nav a.current { color: #fff; }


/* -------------------------------------- Home Page Slogan */
#home-page-slogan {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 120%;
	margin-top: 25px;
	margin-bottom: 25px;	
}
#home-page-slogan a{
	font-size: 0.35em;
	line-height: 120%;
		
}

#home-page-slogan strong { font-weight: bold; }
/* -------------------------------------- Content Structure */

#content-container {
	background: #8ba4b2 url('../images/backblend3.png') top left repeat-x;
	position: absolute;
	top: 0;
	z-index: 100;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #5e5e5e;
	background: #8ba4b2;
}
#content-wrapper {
	width: 845px;
	margin: 0 auto;
	background: #f2f2ea;
}
#content {
	margin-left: 25px;
}

/* -------------------------------------- Column Structure */
.columns { clear: both; }
.columns .left { float: left; }
.columns .right { float: right; }
.columns .column { margin-right: 25px; margin-bottom: 5px; }
.columns .last { margin-right: 0; }
.columns .one { width: 180px; }
.columns .two { width: 385px; }
.columns .three { width: 590px; }
.columns .four { width: 795px; }
.columns .section { margin-bottom: 20px; }
.columns .first { margin-left: 25px; }
.columns .footerr { margin-left: 0px; }



/* -------------------------------------- Frames */
.with-frame {
	background: #fff;
	padding: 25px 25px 37px 25px;
}

.one.column .with-frame { 
	background: #fff url('../images/one-column-bg.gif') bottom center no-repeat;
}

img.with-frame {
	display: block;
	padding: 8px 8px 25px 8px;
	background: #fff url('../images/one-column-bg.gif') bottom center no-repeat;
}


/* -------------------------------------- Typography */
h1 {
		margin-top: 40px;
margin-left: -93px;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
}

h2,h3,h4,h5,h6 { color: #3b454b; }
h2 {
	font-size: 2.0em;
	margin-top: 5px;
}
h2 span { color: #cc0000; }
h2 a:link, h2 a:visited { color: #b0b0b0; text-decoration: none; }
h2 a:hover { text-decoration: underline; }

p,ul,ol,dl,pre,code,table,blockquote { margin-top: 0; margin-bottom: 20px; }

h3 { margin-top: 5px; font-size: 1.4em; margin-bottom: 5px;}
h4 { margin-top: 0px; font-size: 1.4em; margin-bottom: 5px;}
h5 { font-size: 1.4em; margin-top: -20px; margin-bottom: 10px; }



/* -------------------------------------- Links */
a, a:link, a:visited { 
	color: #3e3e3d;
	font-weight: bold;
}
a:hover { text-decoration: none; }

/* -------------------------------------- Buttons */
.submit input, 
.button,
.button:link,
.button:visited, 
.button-primary, 
.button-secondary, 
input[type=button], 
input[type=submit] {
	text-decoration: none;
	padding: 3px 10px !important;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #3e3e3d;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
	line-height: 200%;
}
.button img { vertical-align: -20%; }
.button a, .button-secondary a {
	font-weight: normal !important;
}
 
.submit input:hover, .button:hover, .button-secondary:hover, input[type=button]:hover, input[type=submit]:hover {
	color: #000;
	border-color: #bbb;
	text-decoration: none;
}
 
.submit input, .button, .button-secondary, input[type=button], input[type=submit] {
	background: #e5e5e5 url('images/button_gradient.gif') repeat-x scroll left top;
}
 
.submit input:active, .button:active, .button-secondary:active, input[type=button]:active, input[type=submit]:active {
	background: #eee url('images/button_gradient.gif') repeat-x scroll left bottom;
}
 
.button-primary {
	border-color: #298cba !important;
	font-weight: bold;
	color: #FFF !important;
	background: #21759B url('images/button-grad.png') repeat-x scroll left top !important;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0 !important;
}
 
.button-primary:hover {
	border-color: #13455b !important;
	color: #EAF2FA !important;
}
 
.button-primary:active {
	background: #21759b url('images/button-grad.png') repeat-x scroll left bottom !important;
}

.work-small h3 {
	font-size: 1.1em;
	margin-bottom: 5px;
		line-height: 115%;

}
.work-small p {
	font-size: 0.85em;
	line-height: 135%;
}
.work-small-thanks p {
	font-size: 0.85em;
	line-height: 135%;
	margin-top: 40px;
	margin-bottom: 300px;
}

.work-mid h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
		line-height: 115%;

}
.work-mid p {
	font-size: 0.9em;
	line-height: 135%;
}
.work-mid em {
	color: #8ba4b2;
	font-weight: bold;
	font-style:normal;
}
.work-mid-gallery img {
	margin-right: 7px;
	margin-bottom: 7px;
}
.button em{
	color: #8ba4b2;
	font-style:normal;
}

.work-form p {
	font-size: 0.9em;
	line-height: 115%;
	margin-top: 0px;
		margin-bottom: 10px;
}
/* -------------------------------------- Footer */
#footer {
	clear: both;
	padding-top: 5px;
	font-size: 0.75em;
	font-style:normal;
	text-decoration: none;
	background: #8ba4b2;
}

/* -------------------------------------- News */
.news h5 {
	font-size: 1.2em;
	margin-bottom: 0px;
}
.news p {
	font-size: 0.9em;
	line-height: 135%;
		margin-bottom: 10px;
}