body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Tahoma, Arial;
	color: #252525;
	font-size: 12px;
	background: #FFF url(images/bg_website.jpg) repeat-x top center;
}

a, a:visited { color: #00668C; text-decoration: none; outline: none; }
a:hover { color: #252525; text-decoration: none; }

strong { font-weight: bold; }

img { border: 0; }

blockquote { background: #f2f2f2; border: 1px solid #f8f8f8; margin: 10px; padding: 10px; }

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

#sitewrapper {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF;

}

/* HEADER WRAP CODES */

.headerwrap {
	position: relative;
	float: left;
	width: 890px;
	padding: 5px;
	height: 30px;
	color: #00668C;
	text-align: right;
	background: #FFF url(images/bg_header.jpg) no-repeat top center;
}

.headerwrap a:hover { color: #FFF; }

.logo { position: absolute; top: 0; left: 231px; margin: 0; }

/* NAVIGATION CODES */

.navigationwrap {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	background-color: #005270;
}

.navigationwrap ul {
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.navigationwrap ul li { display: inline; color: }

.navigationwrap ul li a,  .navigationwrap ul li a:link, .navigationwrap ul li a:visited {
position: relative;
padding: 14px 14px 15px 14px;
color: #FFF;
font-size: 18px;
text-decoration: none;
}

.navigationwrap ul li a:hover {
background: #001720;
color: #FFF;
}

/* CONTENT WRAP CODES HERE */

.bigboxwrap_single {
	position: relative;
	float: left;
	width: 960px;
	margin: 10px 0 10px 10px;
	padding: 10px;
	background: #000;
	color: #FFF;
}

.bigboxwrap_single a, .bigboxwrap_single a:visited { color: #FFF; text-decoration: none; }
.bigboxwrap_single a:hover { color: #FFF; text-decoration: underline; }

.bigboxwrap_home {
	float: left;
	height: 200px;
	padding: 0;
	background: #000 url(images/bg_bigboxhome.jpg) no-repeat top center;
	margin: 10px 0 0 0;
	width: 100%;
	position: relative;
}

.textbox {
	position: relative;
	float: left;
	margin: 30px 0 0;
	width: 600px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
	height: 100px;
}

.bigboxwrap_services {
	position: relative;
	float: left;
	width: 980px;
	height: 300px;
	margin: 10px 0 10px 10px;
	padding: 0;
	background: #000 url(images/bg_bigboxservices.jpg) no-repeat top center;
}

.textboxservices {
	position: relative;
	float: left;
	margin: 0;
	width: 600px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
}

.bigboxwrap_process {
	position: relative;
	float: left;
	width: 980px;
	height: 300px;
	margin: 10px 0 10px 10px;
	padding: 0;
	background: #000 url(images/bg_bigboxclientprocess.jpg) no-repeat top center;
}

.textboxprocess {
	position: relative;
	float: left;
	margin: 0;
	width: 600px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
}

.bigboxwrap_portfolio {
	position: relative;
	float: left;
	width: 980px;
	height: 300px;
	margin: 10px 0 10px 10px;
	padding: 0;
	background: #000 url(images/bg_bigboxportfolio.jpg) no-repeat top center;
}

.textboxportfolio {
	position: relative;
	float: left;
	margin: 0;
	width: 550px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
}

.bigboxwrap_blog {
	position: relative;
	float: left;
	width: 980px;
	height: 300px;
	margin: 10px 0 10px 10px;
	padding: 0;
	background: #000 url(images/bg_bigboxblog.jpg) no-repeat top center;
}

.textboxblog {
	position: relative;
	float: left;
	margin: 0;
	width: 650px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
}

.bigboxwrap_testimonials {
	position: relative;
	float: left;
	width: 980px;
	height: 300px;
	margin: 10px 0 10px 10px;
	padding: 0;
	background: #000 url(images/bg_bigboxtestimonials.jpg) no-repeat top center;
}

.textboxtestimonials {
	position: relative;
	float: left;
	margin: 0;
	width: 650px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
}

.bigboxwrap_contact {
	position: relative;
	float: left;
	width: 980px;
	height: 300px;
	margin: 10px 0 10px 10px;
	padding: 0;
	background: #000 url(images/bg_bigboxcontact.jpg) no-repeat top center;
}

.textboxcontact {
	position: relative;
	float: left;
	margin: 0;
	width: 620px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
}

.bigboxwrap_presents {
	position: relative;
	float: left;
	width: 980px;
	height: 300px;
	margin: 10px 0 10px 10px;
	padding: 0;
	background: #000 url(images/bg_bigboxpresents.jpg) no-repeat top center;
}

.textboxpresents {
	position: relative;
	float: left;
	margin: 0;
	width: 500px;
	color: #FFF;
	padding: 0 10px;
	line-height: 18px;
	clear: both;
}

.bigboxhomelist { 
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

.bigboxwrap_home ul {
padding: 0;
margin: 14px 10px 14px 10px;
width: 100%;
}

.bigboxwrap_home ul li { display: inline; }

.bigboxwrap_home ul li a {
position: relative;
padding: 8px;
color: #898989;
margin: 0 10px 0 0;
background: #252525;
font-size: 18px;
text-decoration: none;
}

.bigboxwrap_home ul li a:hover {
background: #252525;
color: #FFF;
}

.bigboxwrap_blog ul {
padding: 0;
margin: 14px 10px 14px 10px;
width: 100%;
}

.bigboxwrap_blog ul li { display: inline; }

.bigboxwrap_blog ul li a {
position: relative;
padding: 8px;
color: #898989;
margin: 0 10px 0 0;
background: #252525;
font-size: 18px;
text-decoration: none;
}

.bigboxwrap_blog ul li a:hover {
background: #252525;
color: #FFF;
}

/* CONTENT WRAP CODES HERE */

.contentwrap {
	position: relative;
	float: left;
	width: 570px;
	margin: 0;
	padding: 10px 0 10px 10px;
	background: #FFF;
	line-height: 18px;
	font: 14px;
}

.home_recentwork { 
	position: relative;
	float: left;
	margin: 10px 0;
	padding: 0;
	width: 670px;
}

.home_recentwork1 { 
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	width: 216px;
}

.home_recentwork2 { 
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	width: 216px;
}

.home_recentwork3 { 
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 216px;
}

.imageborder img { border: 2px solid #E6E6E6; }

.imageborder.hover img { border: 2px solid #dadada; }

.imageborder:hover { color: red; /* irrelevant definition to overcome IE bug */ }


.contentwrap h1 { padding: 0; margin: 0 0 10px 0; font-size: 24px; font-weight: normal; color: #00668C; }
.contentwrap h1 a, .contentwrap h1 a:visited { color: #00668C; text-decoration: none; }
.contentwrap h1 a:hover { color: #252525; text-decoration: none; }
.contentwrap h2 { padding: 0; margin: 0 0 10px 0; font-size: 18px; font-weight: normal; color: #00668C; }
.contentwrap h3 { padding: 0; margin: 0 0 10px 0; font-size: 15px; }

.postinfo { width: 650px; padding: 10px; margin: 0 0 20px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; color: #00668C; }

.sociable {
        position: relative;
        float: left;
        margin: 10px 0;
        padding: 10px;
        width: 650px;
        background: #F2F2F2;
}

.sociable ul { list-style-type: none; padding: 0; margin: 0; }
.sociable ul li { padding: 0; margin: 5px; display: block; float: left; }

/* RIGHT SIDEBOX WRAP CODES */

.rightsidewrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px;
	width: 300px;
}

.testimonialbubble {
	position: relative;
	float: left;
	margin: 10px 0 20px 0;
	padding: 15px;
	line-height: 18px;
	width: 270px;
	height: 170px;
	background: url(images/bg_testimonialbubble.jpg) no-repeat top center;
}

.testimonial_name { 
	position: absolute;
	bottom: 5px;
	right: 108px;
	text-align: right;
	width: 192px;
	color: #00658B;
}

.list_lightbulb {
	position: relative;
	float: left;
	margin: 0;
	padding: 13px 5px 13px 55px;
	width: 240px;
	height: 31px;
	background: url(images/list_lightbulb.jpg) no-repeat top center;
}

.list_download {
	position: relative;
	float: left;
	margin: 0;
	padding: 13px 5px 13px 55px;
	width: 240px;
	height: 31px;
	background: url(images/list_download.jpg) no-repeat top center;
}

.list_contact {
	position: relative;
	float: left;
	margin: 0;
	padding: 13px 5px 13px 55px;
	width: 240px;
	height: 31px;
	background: url(images/list_contact.jpg) no-repeat top center;
}

.attention { position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 278px;
	background: #F7F7F7;
	border: 1px solid #E4E4E4;
	line-height: 18px;
}

.attention h2 {
	padding: 0;
	margin: 0;
	background: url(images/h2_attention.jpg) no-repeat top left;
	color: #00658B;
	font-size: 18px;
	font-weight: bold;
}

.viewportfolio { position: relative;
	float: left;
	margin: 20px 0;
	padding: 0;
}

/* FOOTER WRAP CODES */

.footerwide {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	background: #012c3c;
}

.footerwrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 100px;
	background: url(images/bg_footer.jpg) no-repeat top center;
}

.footerlogo {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 450px;
}

.footertext {
	position: relative;
	float: left;
	margin: 0;
	padding: 26px 10px;
	width: 380px;
	height: 48px;
	color: #FFF;
	text-align: right;
	line-height: 18px;
}

.footertext a, .footertext a:visited { color: #FFF; text-decoration: none; }
.footertext a:hover { color: #FFF; text-decoration: underline; }

/* COMMENT WRAP CODES HERE */

ul.commentlist { list-style-type: none; margin: 0; padding: 0; }

ul.commentlist li { margin: 0; padding: 0; display: inline;}

.gravatarwrapper {
        position: relative;
        float: left;
        margin: 0;
        padding: 10px;
        width: 50px;
        text-align: center;
        background: #E4EBEE;
}

.gravatarwrapper img { width: 50px; height: 50px; }

.commenttext { position: relative; float: left; margin: 0; padding: 10px 10px 10px 0; width: 590px; }
.commenttext p { padding: 0; margin: 0; }

.textinput { padding: 5px; width: 660px; background: #E4EBEE; border: 1px solid #CDD8DD; }

.contactselect { width: 206px; }