* {margin:0; padding:0;}
html {min-height: 100%}

a {color:#75B0E2; text-decoration:none; outline: none;}
a:hover	{color:#96C8E9; text-decoration:none;}
a img {color:#FFF;}

a.h1 {color:#7B9E4B;}

.home div#navigation ul li#home a,
.who div#navigation ul li#who a,
.what div#navigation ul li#what a,
.portfolio div#navigation ul li#portfolio a,
.pricing div#navigation ul li#pricing a,
.contact div#navigation ul li#contact a {color:#4B888D;}

h1 {color:#7B9E4B; font-weight:normal; font-size:1.5em;}
h2 {color:#7B9E4B; font-weight:bold; font-size:1.2em;}
h3 {color:#7B9E4B; font-weight:bold; font-size:1.0em;}
p {line-height:1.5; padding-top:7px;}

body 	
{
	background:#96C8E9 url('../images/body_bg.jpg') repeat-x 0 0; 
	color:#6A665B; 
	margin-top:20px; 
	font-family:arial, verdana, "Times New Roman", serif; 
	font-size:76%;
	text-align:center;	
}

#pageholder {width:910px; margin:0px auto;}

#logo 
{
	width:100%;
	background: #FFF url('../images/logotitle.jpg') no-repeat top left;
	padding:7px 0 10px 0;
}

#logo h1 {font-size:2em; text-align:left; margin-left:400px;}
#logo h2 {font-size:1.3em; text-align:left; margin-left:434px;}

#navigation	
{
	padding:10px 0; 
	width:100%; 
	background:#96C8E9;
	border-top: solid 1px #C6DDF2;
	border-right: solid 1px #C6DDF2;
	border-left: solid 1px #C6DDF2;
}
#navigation li {list-style:none; display:inline; }
#navigation a {font-size:1.2em; font-weight:bold; padding:0 80px 0 0; color:#FFF;}
#navigation a:hover	{color:#C6DDF2;}
	
#content 
{
	background:#FFF; 
	width:100%; 
	text-align:left;
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
	padding:0 0 10px 0;
}

#content ul {margin:10px 0 0 40px;}

.title	
{
	width:100%; 
	background:#CAE688;
	b/order-right: solid 1px #FFF;
	b/order-left: solid 1px #FFF;
	text-align:left;
}

.home .title {min-height:250px;}
.title h1 {padding:0 0 0 10px !important;}

.projectslist {text-align:center;}
.projectslist li {list-style:none; display:inline; padding-left:20px;}
.projectslist img {border:none;}

.innercontent {padding:10px 20px 10px 20px;}

#full h1, #left h1, #right h1 {padding-top: 20px}
#full h2, #left h2, #right h2 {padding-top: 15px}
#full h3, #left h3, #right h3 {padding-top: 10px}

#full {width:100%;}

.home #left {float:left; width:455px; border-right: 1px solid #B1DC57;}
.home #right {float:left; width:454px; border-left: 1px solid #B1DC57; margin:0 0 0 -1px;}

.who #left {float:left; width:546px; border-right: 1px solid #B1DC57;}
.who #right {float:left; width:363px; border-left: 1px solid #B1DC57; margin:0 0 0 -1px;}

.what #left, .contact #left {float:left; width:455px; border-right: 1px solid #B1DC57;}
.what #right, .contact #right {float:left; width:454px; border-left: 1px solid #B1DC57; margin:0 0 0 -1px;}

.newsitem
{
	background:#f2fbdd;
	border:1px solid #B1DC57;
	margin:20px 0;
	padding: 0 10px 10px 10px;
}

.newsitem h1
{
	font-size:1.2em; font-weight:bold;
}

.client
{
  float:left;
}

.screenshot
{
  float:left;
}

/* client */
div.client {float:left; margin:0 0 10px -8px; display:inline; width:880px; min-height:310px; height:auto !important; height:310px;}
div.client h1 {margin:0 0 14px 0; font-size:1.7em; font-weight:normal;}
div.client div.screenshot img {float:left; margin:20px 38px 30px 21px;}
div.analysis {float:left; background:#f2fbdd; border:1px solid #B1DC57; margin:0 0 0 0px;}
div.wanted {float:left; margin:0 0 0 0; padding:0 18px 10px 18px; width:232px; w\idth:196px;}
div.said {float:left; margin:0 0 0 -1px; padding:0 18px 10px 18px; width:278px; w\idth:242px;}
div.client div.analysis h2 {margin:0 0 10px 0;}
div.wanted ul {padding-bottom: 10px;}

div.quote {margin:10px 0 23px 0;}
.work div.quote {margin:10px 0 0 0; background:#F7F5F2; padding:10px 10px; border-top:1px solid #EAE7DF; border-bottom:1px solid #EAE7DF; width:640px; w\idth:620px;}
blockquote {padding:4px 10px 0px 20px; background:url(../images/ldquo.png) no-repeat 2px 1px;}
blockquote span {background:url(../images/rdquo.png) no-repeat right bottom; padding:0 20px 2px 0px; margin:0 10px 0 0;}
.home blockquote p {margin-bottom:6px;}
cite {font-style:normal; font-size:.92em; display:block; font-weight:bold; float:right;}

.biographyimage {float:left; padding: 20px 10px 0 0;}

/* contact */
.contact div.telephone {float:left; margin-bottom:14px;}
.contact div.address {float:right; margin-right:28px; display:inline;}
.contact div.address {font-style:normal; font-weight:normal; margin: 7px 0 10px 0;}
.contact div.address p {margin:0; line-height:normal; padding-top:0;}

.map 
{
	clear:both;
	border:1px solid #B1DC57;
	width:415px;
	height:350px;
}

/* forms */
form {margin: 18px 0 10px 0; float:left; background:#f2fbdd; padding:0 0 0 16px; border:1px solid #B1DC57; width:400px; height:350px;}
fieldset {border:none;}
legend {font-size:1em; margin:0 0 14px 0; color:#7B9E4B; font-weight:bold;}
legend.error {color:#7B9E4B;}
* html legend {margin-left:-8px;} /* fudge for IE6 to display the legend correctly */
*:first-child+html legend {margin-left:-8px;} /* fudge for IE7 to display the legend correctly */
label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 156px; float:left;}
input, textarea {width:220px; float:left; margin:1px 0 6px 0; border: 1px solid #E2DED1; background:#fff;}
input, textarea {padding:1px;}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;}
input.button {display:inline; margin:5px 0 0 308px; width:auto; cursor:pointer; border:none; float:left; background:transparent;}

#footer	
{
	clear:both; 
	width:100%; 
	margin:0px auto; 
	padding:5px 0 20px 0; 
	text-align:left;
	color:#FFF;
}
#footer li {list-style:none; display:inline; }
#footer a {color:#FFF;}
#footer a:hover	{color:#C6DDF2;}

#copyright	{float:right; }

.left {float:left;}

acronym {border-bottom: 1px dashed #ccc; cursor: help;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }