/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* END RESET */
/* __________________________________________________________________________________________ */

body { 
	background-image:url(/images/site/header_bg.jpg);
	background-repeat:repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:0.75em;
	color:#5f5f5f;
}

h1,h2,h3,h4,h5,h6 	{ color:#1194cc; font-family:"Lucida Grande","Trebuchet MS", Tahoma, Arial, sans-serif; font-weight:bold; } /*"Trebuchet MS",serif*/
h1 					{ font-size:1.667em; line-height:1.6em; }
h2 					{ font-size:1.5em; line-height:1.4em; margin-top:5%; }
p			{ margin: 10px 0;}

a:link		{ color:#1194cc; text-decoration:none; font-size:inherit; }
a:visited	{ color:#1194cc; text-decoration:none; font-size:inherit;}
a:hover		{ color:#1194cc; text-decoration:underline; font-size:inherit;}
a:active	{ color:#1194cc; text-decoration:underline; font-size:inherit; }

section ul, article	ul	{ margin:10px 0px 10px 3.125%; } /* 30/960 */
section li, article li	{ margin-left:6.250%; } /* 60/960 */

header		{ clear:right; height:135px; }
	header img.logo	{ float:left; margin-top:65px; max-width:100%; }

nav			{ margin:84px 1.041666666666667% 0 0; float:right; } /* 10/960 */
	nav			{  white-space:nowrap; }
	nav ul		{ list-style-type:none; }
	nav li		{ display:block; float:left; margin-left:2px; text-align:center; }
	nav a 		{ padding:8px 0.3125% 0px 0.3125%; display:block; width:116px; height:32px; } /* 3/960 */
	nav a.current{ color:#fff; background-image:url(/images/site/menu_over.jpg); text-decoration:none; }
	nav a.current:link, nav a.current:visited	{ color:#fff; background-image:url(/images/site/menu_over.jpg); text-decoration:none; }	
	nav a:link, nav a:visited	{ color:#1198d2; background-color:#fff; text-decoration:none; }	
	nav a:hover 	{ color:#fff; background-image:url(/images/site/menu_over.jpg); text-decoration:none; }

section		{ }
footer		{ background-color:#eeeeee; width:100%; padding-top:90px; margin:-86px auto 0 auto; height:60px; border-bottom:12px solid #1194cc; border-top:1px solid #fff;  }
footer p	{ max-width:920px; margin:0px auto; padding:0; font-size:0.917em; line-height:1.5em; } /* 30/960 */

#preload	{ background-image:url(/images/site/menu_over.jpg); display:none;}
#wrapper 	{ margin: 0 auto; max-width:960px; }
#basewrapper{ background:url(/images/site/base_foot_bg.jpg) no-repeat center bottom; position:relative; z-index:999; }
#base		{ background:url(/images/site/base_top_bg.jpg) no-repeat center top; margin-top:-17px; padding:30px 2.083333333333333% 30px 2.083333333333333%; min-height:250px; overflow:auto; line-height:1.25em; } /* 20 / 960 */
#base section		{ margin:0 1.041666666666667% 15px 1.041666666666667%; line-height:1.33em; }
#base section.oneCol{ width:31.25%; /* 300/960 */ margin:0 1.041666666666667% 15px 1.041666666666667%; float:left; }
#base section.twoCol{ width:62.50%; /* 600/960 */ margin:0 1.041666666666667% 15px 1.041666666666667%; float:left; }

div.portfoliocase				{ max-width:880px; min-height:300px; margin:20px 1.041666666666667% 30px 1.041666666666667%; clear:left;} /* 10/960 */
div.portfoliocase img 			{ float:left; max-width:430px; height:275px; border:3px solid #ccc; } /*#1194cc*/
div.portfoliospecs				{ float:left; margin:0px 1.041666666666667%;} /* 10/960 */
div.portfoliospecs h2			{ margin:5px 0;} /* 10/960 */
	div.portfoliocasespecleft	{ clear:left; float:left; width:120px; margin:0 0 5px 0;} 
	div.portfoliocasespecright	{ float:left; max-width:300px; margin:0 0 5px 0;} 


article				{ }
article.block280 	{ max-width:31.25%; /* 300/960 */ margin:0 1.041666666666667% 15px 1.041666666666667%; float:left; } /* 280/960 */ /* 10/960 */

#map_canvas	{ width:280px; height:168px; }

#topLinks 	{ color:#fff; font-size:0.813em; text-align:right; padding:5px 0.8333333333333333% 0 0; float:right; } /* 8/960 */
	#topLinks a:link	{ color:#fff; text-decoration:none; }
	#topLinks a:visited	{ color:#fff; text-decoration:none;}
	#topLinks a:hover	{ color:#fff; text-decoration:underline;}
	#topLinks a:active	{ color:#fff; text-decoration:underline;}
#topContact			 	{ display:none; }
.clear					{ clear:both; } 

.flexslider p			{ max-width:455px; font-family:"Trebuchet MS",serif; font-size:1.5em; line-height:1.4em; color:#fff; margin:5px 0.5208333333333333% 5px 0.5208333333333333%; text-shadow:0pt 1pt 2px #333;} /* 5/960 */
.flexslider p.title		{ font-size:3em; line-height:1.2em; text-shadow:0pt 1pt 2px #333; }
.flexslider p.content	{ }
.flexslider p.caselink	{ font-size:1.5em; margin-top:10px; }
.flexslider a:link, .flexslider a:visited, .flexslider a:hover	{ color:#fff; text-decoration:underline; }