/* reset stylesheet based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles */
*:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol,ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

/* typography */
body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 62.5%;
  background: #688c8c url(images/grad.jpg) bottom center repeat-x fixed;
  text-align: center;
  padding: 0;
  margin-bottom: -50px;
}

strong { font-weight: bold; }

div#page {
  background: #688c8c url(images/bg.jpg) top center no-repeat fixed;
  width: 100%;
  height: 100%;
  padding-top: 7em;
  padding-bottom: 4em;
  min-width: 70em;
}

/* this evil, so its inserted via javascript */
div#masthead_wrapper, div#footer_wrapper {
  background: white;
}

div#masthead {
  /*font-family: "rockwell", "Bookman Old Style", helvetica, arial, sans-serif;*/
  font-family: verdana, helvetica, arial, sans-serif;
  width: 900px;
  margin: 0 auto;
  position: relative;
  height: 13em;
  text-align: left;
  background: white;
}

div#footer {
  font-family: verdana, helvetica, arial, sans-serif;
  width: 940px;
  margin: 0 auto;
  position: relative;
  height: 8em;
  text-align: left;
  background: white;
}

div#masthead h1#logo {
  width: 425px;
  height: 211px;
  background: url(images/logo.png) no-repeat;
  text-indent: -3000px;
  margin-top: -45px;
  margin-left: -20px;
  position: absolute;
}

div#masthead h1#logo a.home {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 425px;
  height: 211px;
}

div#footer h1#flogo {
  width: 225px;
  height: 112px;
  background: url(images/flogo.png) no-repeat;
  text-indent: -3000px;
  margin-top: -35px;
  margin-left: -20px;
  position: absolute;
}

div#footer h1.logo a.home {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 225px;
  height: 112px;
}

div#footer p.bionic {
  width: 56px;
  height: 18px;
  background: url(images/bionic.png) no-repeat;
  position: absolute;
  right: 177px;
  top: 95px; 
}

div#footer p.bionic a {
  width: 56px;
  height: 18px;
  text-indent: -3000px;
  position: absolute;
}

h2#tagline {
  background: url(images/tagline.gif) no-repeat top left; 
  top: 10px;
  left: 690px;
  width: 240px;
  height: 44px;
  text-indent: -3000px;
  /*line-height: 1.2em;*/
  position: absolute;
  /*font-size: 1.3em;*/
  /*color: #5b8181;*/
  /*font-weight: normal;*/
}

div#masthead ul#navigation { 
	background: url(images/menu.gif) no-repeat top left; 
	width: 218px;
	height: 103px; 
	position: absolute; 
	top: 8px;
	left: 460px;
	border-left: 1px solid #5b8181;
    border-right: 1px solid #5b8181;
}

/*ul#navigation {
  width: 218px;
  position: absolute;
  top: 8px;
  left: 450px;
  padding: 8px 0 0 20px;
  margin: 0;
  border-left: 1px solid #5b8181;
  border-right: 1px solid #5b8181;
}*/

ul.construction {
  background: url(images/construct.jpg);
}

/*ul#navigation li {
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 0 16px 15px 0px;
  float: left;
  width: 93px;
}*/
ul#navigation li { /*position: absolute; top: 0;*/ float: left; }
ul#navigation a { text-indent: -3000px; display: block; width: 107px; height: 27px; }

div#masthead li#cat-item-7 a, div#masthead li#cat-item-8 a {height: 20px;}

/* set up rollover states */
div#masthead li#cat-item-1 a:hover { background: url(images/menu.gif) 0 -103px; }
div#masthead li#cat-item-2 a:hover { background: url(images/menu.gif) -107px -103px; }
div#masthead li#cat-item-3 a:hover { background: url(images/menu.gif) 0 -130px; }
div#masthead li#cat-item-4 a:hover { background: url(images/menu.gif) -107px -130px; }
div#masthead li#cat-item-5 a:hover { background: url(images/menu.gif) 0 -157px; }
div#masthead li#cat-item-6 a:hover { background: url(images/menu.gif) -107px -157px; }
div#masthead li#cat-item-7 a:hover { background: url(images/menu.gif) 0 -184px; height: 20px; }
div#masthead li#cat-item-8 a:hover { background: url(images/menu.gif) -107px -184px; height: 20px; }

/*ul#navigation li a {
  color: #5b8181;
  text-decoration: none;
}*/

/*ul#navigation li a:hover {
  text-decoration: underline;
}*/

/*ul#navigation li a.selected {
  color: #160750; 
}*/

div#_grid_div_mrb{
  background: url(images/grid.png) repeat-y;
  width: 901px;
  height: 3000px;
  position: absolute;
  top: 0;
  left: 26.2em;
}

div#content {
  text-align: left;
  width: 950px;
  margin: 88px auto 5em auto;
}

div#content h2.section_title {
  font-family: "rockwell", "Bookman Old Style", helvetica, arial, sans-serif;
  font-size: 2.4em;
  color: white;
  margin-bottom: 20px;
  /*font-weight: bold;*/
}

div#content .section_title a {
	color: white;
}

div#content .section_title a:hover { color: #160750; }

div#content h2.testimonials, div#content h2.case-studies, div#content h2.welcome, div#content h2.blog, div#content h2.rss, div#content h2.signup, div#content h2.habbo, div#content h2.properties, div#content h2.clients, div#content h2.contact, div#content h2.email, div#content h2.about, div#content h2.press {
  width: 400px;
  height: 25px;
  text-indent: -3000px;
  margin-bottom: 20px;
  position: relative;
  left: -10px;
}

div#content h2.testimonials {
  background: url(images/ti_testimonials.png) no-repeat; 
  width: 216px;}

div#content h2.case-studies {
  background: url(images/ti_case-studies.png) no-repeat;
  width: 162px; }
  
div#content h2.welcome {
  background: url(images/ti_welcome.png) no-repeat;
  width: 400px; }
  
div#content h2.blog {
  background: url(images/ti_blog.png) no-repeat;
  width: 128px; }
  
div#content h2.rss {
  background: url(images/ti_rss.png) no-repeat;
  width: 123px; }

div#content h2.signup {
  background: url(images/ti_signup.png) no-repeat;
  width: 110px; }
  
div#content h2.habbo {
  background: url(images/ti_habbo.png) no-repeat;
  width: 236px; }

div#content h2.properties {
  background: url(images/ti_properties.png) no-repeat;
  width: 137px; }

div#content h2.clients {
  background: url(images/ti_clients.png) no-repeat;
  width: 356px; }

div#content h2.contact {
  background: url(images/ti_contact.png) no-repeat;
  width: 164px; }

div#content h2.email {
  background: url(images/ti_email.png) no-repeat;
  width: 115px; }
  
div#content h2.about {
  background: url(images/ti_about.png) no-repeat;
  width: 115px; }
  
div#content h2.press {
  background: url(images/ti_press.png) no-repeat;
  width: 201px; }
	  
div#column_1 {
  padding: 0;
  color: white;
  float: left;
}

div#footer div#column_1 {
  padding: 0;
  color: black;
  float: left;
}

div#column_2 {
  float: left;
}

div#column_3 {
  float: left;
}

.span_1 {
  width: 210px;
}

.span_2 {
  width: 460px;
}

.article.span_1 img {
  width: 185px;
  height: auto;
}

.article.span_3 img {
  width: 322px;
  height: auto;
}

.span_3 {
  /*width: 644px;*/
  width: 680px;
}


.span_4 {
  /*width: 884px;*/
  width: 950px;
}

.span_5 {
  width: 411px;
}

.gutter {
  margin-right: 30px;
}
	
div.post {
  margin-bottom: 8.8em;
}

.alignright {
float:right;
margin-left: 10px;
}

.alignleft{
float:left;
margin-right: 10px;
}
	
	
div#content img, div.entry img {
  border: 5px solid white;
  margin-bottom: 1.2em;
}

div.entry hr {
  margin: 2em 0px;
  border: 0;
  color: #fff;
  background-color: #fff;
  height: 1px;
}

div#content h3, li h3, div.entry h3 {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 1em;
  color: white;
  line-height:17px;
}

div.entry h2 {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 1em;
  color: white;
}

div#content p {
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: 1em;
  color: white;
}

div#footer div#copyright {
position: absolute;
top:10px;
left: 406px;
}

div#footer div#trade {
position: absolute;
top:10px;
left: 706px;
}

div#footer div#address {
position: absolute;
top:10px;
left: 220px;
}

div#footer p {
  font-size: 0.9em;
  line-height: 1.3em;
  margin-bottom: 1em;
  color: black;
}

div#content small {
  font-size: 0.8em;
  line-height: 1.3em;
  color: white;
}

div#content ul {
  color: white;
}

div#column_2 ul li {
  margin-bottom: 3em;
}

div#content a, div#footer a { color: #160750; 
  font-weight: bold;
  text-decoration: none;
}

div#content div.article small {
font-size: 1em;
}

div.case_study div.case_img {
	width: 424px;
	height: 236px;
	overflow: hidden;
	border: 5px solid white;
	margin-bottom: 1.2em;
	padding: 0;
}

div#content div.case_study div.case_img img,
div#content div#column_2 ul#recent-projects li div.side_case_img img,
div#content div#column_2 div.side_case_img img {
	border: 0;
	margin: 0;
	padding: 0;
}


div#content div#column_2 ul#recent-projects li div.side_case_img,
div#content div#column_2 div.side_case_img  {
  	width: 199px;
	height: 111px;
	overflow: hidden;
	border: 5px solid white;
	margin: 0;
	padding: 0;
	margin-bottom: 1.2em;
	/*background: white;*/
}


/* Comments section */
/* Begin Comments*/
alt {
 margin: 0;
 padding: 10px;
 }
 
 .commentlist {
 padding: 0;
 text-align: justify;
 }

.commentlist li {
 margin: 15px 0 3px;
 padding: 5px 10px 3px;
 list-style: none;
 }

.commentlist p {
 margin: 10px 5px 10px 0;
 }

#commentform p {
 margin: 5px 0;
 }

.nocomments {
 text-align: center;
 margin: 0;
 padding: 0;
 }

.commentmetadata {
 margin: 0;
 display: block;
 }
/* End Comments */


a:hover { color: #160750; }

a.more-link {
  text-align: right;
  display: block;
  color: #160750;
  font-size: 1.2em;
}

a.rss_icon {
  text-indent: -3000px;
  width: 29px;
  height: 29px;
  background: url(images/rss.png) no-repeat;
  display: block;
}

div.article {
  margin-bottom: 4em;
}

div.client-logo {
	margin-bottom: 3em;
	font-size: 0.8em;
}

div.client-logo img {
  width: 185px;
  height: 87px;
}

div.property-logo img {
  width: 182px;
  height: 182px;
}

div.client-logo h2, div.property-logo h2 {
	height: 2em;
	margin-top: 0;
}

div.dual {
  float: left;
}

div.testimonial {
	margin-bottom: 2em;
}

div.testimonial p {
padding-left: 225px;
}

div.testimonial blockquote {
	position: relative;
	padding: 0 2.5em 1em;
}

div.testimonial blockquote p {
	padding-left: 200px;
	/*display: inline;*/
	width: 411px;
	/*position: absolute;
	left: 220px;*/
	
}

div.testimonial p.quote_by {
	font-weight: bold;
	padding-left: 225px;
}

.bqstart {
	font-size: 4em;
	color: white;
	/*position: absolute;*/
	position: relative;
	top: 0;
	/*left: 200px;*/
	font-family: "rockwell", "Bookman Old Style", helvetica, arial, sans-serif;
}

.bqend {
	font-size: 4em;
	color: white;
	font-family: "rockwell", "Bookman Old Style", helvetica, arial, sans-serif;
	/*position: absolute;*/
	float: right;
	position: relative;
	top: 0px;
}

/* HOME PAGE SPECIFICS */

div#column_2 ul#recent-projects {
  
}


div#column_2 ul#recent-projects img {
  width: 199px;
}

div#column_2 ul#recent-projects a.more-link, div#column_3 ul#recent-blog-posts a.more-link, div#column_2 div a.more-link{ font-size: 1em; }

/* HOLDING PAGE CSS */

div#under_construction {
  color: white;
  background: #003C4C;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em 0 1.2em 0;
  border-bottom: 1px solid #eee;
}

div#under_construction p {
  font-size: 1.2em;
}

div#under_construction a {
  color: #eee;
}

div#under_construction a:hover {
  color: #aaa;
}

div.vcard {
  font-size: 1.2em;
  line-height: 1.2em;
}

div.vcard span {
  display: block;
}

span.label,span.spacer,span.multiple span { width:120px; float:left; color: white; font-weight: bold; margin-bottom: 0.3em;} 

input, form, textarea { margin-bottom: 1em; }

span.multiple {float:left;} 
/*span.button {padding-left:120px;}*/
span.button {padding-left:0px;}
div.clear {clear:both;padding-top:5px;}

.spacer {clear: both;}