/* CSS Document */

/* Basic Stuff */

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

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}*/
/* End hide from IE-mac */


body {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	color: #333;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}
	
p {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	color: #333;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}
	
h1 {
	font: 20px Georgia, Times New Roman, Times, serif; 
	color: #fff; 
	padding: 0;
	margin: 0;
}
	
h2 {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-top: 0px;
	line-height: 16px;
	}
	
h2 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }
	
h3 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	font-weight: normal;
	line-height: 16px;
	}

h3 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }
	
h4 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}

h4 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

h5 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}
	
h5 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

h6 {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #a4c00d;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}
	
h6 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

	
#main {
	width: 100%;
	background: #fff;
	}
	
/* Top Section */
	
#head {
	width: 770px;
	height: 126px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	}
	
#newsletter-head {
	width: 600px;
	height: 126px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	}
	
#HelloLogo {
	height: 126px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	background:url("images/layout/hello-media.gif") no-repeat left top;
	overflow: hidden;
	}

/* Navigation */

#nav {margin:0;}

#nav {
	float:right;
	width:100%;
	position: relative;
	}
	  
#nav ul {
	margin:0;
	padding:95px 0px 0 0px;
	list-style:none;
	}
	  
#nav li {
	float:right;
	background:url("images/layout/right_both.gif") no-repeat right top;
	margin:0 0 0 0px;
	padding:0;
	background-color:#a4c00d;
	}
	
#nav a {
	float:right;
	display:block;
	left:-14px;
	margin-right:10px;
	background:url("images/layout/left_both.gif") no-repeat left top;
	padding:8px 10px 8px 20px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	}
	  
#nav > ul a {width:auto;}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav a:hover {
	color:#fff;
	}
	  
#home #nav-home, 
#services #nav-services,
#work #nav-work, 
#testimonials #nav-testimonials,
#clients #nav-clients,
#blog #nav-blog,
#contact #nav-contact {
	background-position:100% -150px;
	}
	  
#home #nav-home a, 
#services #nav-services a,
#work #nav-work a, 
#testimonials #nav-testimonials a,
#clients #nav-clients a,
#blog #nav-blog a,
#contact #nav-contact a {
	background-position:0 -150px;
	padding-bottom:8px;
	color:#fff;
	border-bottom:0;
	}
	  
/* not for IE5.x or IE6 */
#nav li:hover, 
#nav li:hover a {
	background-position:100% -150px;
	color:#fff;
	}

#nav li:hover a {
	background-position:0 -150px;
	}

/* Large Text Area */

#mainstrip {
	background: #a4c00d url('images/home/gradient.gif') bottom left repeat-x;
	height: 145px;
	}
	

#maincontentarea {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	}

#newsletter-maincontentarea {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	}

#maintext{
	margin: 35px 0 0 0px;	
	position: relative;
	float: left;
	vertical-align: middle;
	}
	
/* Homepage Content */

#contentholder {
	background: #fff;
}
#content2 {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	padding: 15px 10px 5px 15px;
}

#newsletter-content2 {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	padding: 15px 10px 5px 15px;
}

#home-left {
	float: left;
	width: 285px;
	margin-right: 40px;
	}
	
#home-right {
	float: left;
	width: 438px;
	margin-right: 0px;
}

#home-news {
	height: 88px;
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	background:url("images/home/news.gif") no-repeat left top;
	overflow: hidden;
	}
	
#home-focus {
	height: 88px;
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	background:url("images/home/focus.gif") no-repeat left top;
	overflow: hidden;
	}

#submaintext{
	margin: 0px 0 0 0px;	
	width: 770px;
	position: relative;
	float: left;
	vertical-align: middle;
	}
	
#newsletter-submaintext{
	margin: 0px 0 0 0px;	
	width: 600px;
	position: relative;
	float: left;
	vertical-align: middle;
	}
	

#footer {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #7b7b7b;
	float: left;
	width: 770px;
	margin-top: 15px;
	padding-bottom: 15px;
}

#footer A:link    	{ color: #999; font-weight: normal; text-decoration: none; }
#footer A:active  	{ color: #999; font-weight: normal; text-decoration: none; }
#footer A:visited 	{ color: #999; font-weight: normal; text-decoration: none; }
#footer A:hover  	{ color: #29769d; font-weight: normal; text-decoration: underline; }

#newsletter-footer {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #7b7b7b;
	float: left;
	width: 600px;
	margin-top: 15px;
	padding-bottom: 15px;
}

#newsletter-footer A:link    	{ color: #999; font-weight: normal; text-decoration: none; }
#newsletter-footer A:active  	{ color: #999; font-weight: normal; text-decoration: none; }
#newsletter-footer A:visited 	{ color: #999; font-weight: normal; text-decoration: none; }
#newsletter-footer A:hover  	{ color: #29769d; font-weight: normal; text-decoration: underline; }

ul {
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 0px;
	}


.toptext {
	font: 16px Georgia, Times New Roman, Times, serif; 
	color: #fff; 
	padding: 0;
	margin: 0;
}
	
#subpagestrip {
	background: #a4c00d url('images/home/gradient-sub.gif') bottom left repeat-x;
	height: 115px;
	}
	
#submaintext{
	margin: 30px 0 0 0px;	
	position: relative;
	float: left;
	color: #ffffff;
	vertical-align: middle;
	font-weight: normal;
	font-size: 16pt;
	}
	
#newsletter-submaintext h1 {
	margin: 30px 0 0 0px;	
	position: relative;
	float: left;
	color: #ffffff;
	vertical-align: middle;
	font-weight: normal;
	font-size: 16pt;
	}
	
#sub-left {
	color: #1d6db7;
	float: left;
	width: 490px;
	margin-right: 40px;
	}
	
#newsletter-sub-left {
	color: #1d6db7;
	float: left;
	width: 400px;
	margin-right: 20px;
	}
	
#sub-right {
	color: #1d6db7;
	float: left;
	width: 240px;
	margin-right: 0px;
}

#newsletter-sub-right {
	color: #1d6db7;
	float: left;
	width: 180px;
	margin-right: 0px;
}

#sub-quote-blestbras {
	height: 152px;
	position: relative;
	margin-top: 30px;
	padding-top: 30px;
	background:url("images/sub/blest-bra-quote.gif") no-repeat left top;
	overflow: hidden;
	}

#sub-dot {
	height: 1px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background:url("images/sub/dot.gif") no-repeat left top;
	overflow: hidden;
	}
	
#newsletter-sub-dot {
	height: 1px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background:url("images/sub/dot-400.gif") no-repeat left top;
	overflow: hidden;
	}
	
#work1 {
	color: #1d6db7;
	float: left;
	width: 173px;
	margin-right: 26px;
	}
	
#work2 {
	color: #1d6db7;
	float: left;
	width: 173px;
	margin-right: 0px;
	}
	
#work-intro {
	float: left;
	width: 770px;
	margin-right: 0px;
	margin-bottom:0px;
	}
	
#work-dot {
	height: 1px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 0px;
	background:url("images/work/dotted-line.gif") no-repeat left top;
	overflow: hidden;
	}
	
#workexample-left {
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-top: 5px;
	}
	
#workexample-middle {
	color: #1d6db7;
	float: left;
	width: 370px;
	margin-right: 20px;
	margin-top: 5px;
	}
	
#workexample-right {
	float: left;
	width: 180px;
	margin-right: 0px;
	margin-top: 5px;
	}
	
#work-name {
	padding-left:5px;
	padding-top: 2px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 4px;
	overflow: hidden;
	top: -1px;
	left: -1px;
	}

#clients-left {
	color: #1d6db7;
	float: left;
	width: 230px;
	margin-right: 30px;
	}
	
#clients-middle {
	color: #1d6db7;
	float: left;
	width: 230px;
	margin-right: 30px;
}

#clients-right {
	color: #1d6db7;
	float: left;
	width: 230px;
	margin-right: 0px;
}

#contact-left {
	color: #1d6db7;
	float: left;
	width: 380px;
	margin-right: 30px;
	}
	
#contact-right {
	color: #1d6db7;
	float: left;
	width: 350px;
	margin-right: 0px;
}

 label{
 float: left;
 width: 120px;
 font-weight: normal;
 }

 input, textarea{
 width: 200px;
 margin-bottom: 5px;
 }

 textarea{
 width: 200px;
 height: 100px;
 }

 .boxes{
 width: 1em;
 }

 #submitbutton{
 margin-left: 120px;
 margin-top: 5px;
 width: 90px;
 }

 br{
 clear: left;
 }
 
  select{
 width: 200px;
 height: 150px;
 }


#sitemap {
	color: #1d6db7;
	float: left;
	width: 770px;
	margin-right: 0px;
	}
	
#sitemap-dot {
	height: 1px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background:url("images/sub/sitemap-dot.gif") no-repeat left top;
	overflow: hidden;
	}
	
/* Blog
----------------------------------------------- */
 
a:link {
  color:#29769d;
  text-decoration:underline;
  }
a:visited {
  color:#29769d;
  text-decoration:underline;
  }
a:hover {
  color:#a4c00d;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
@media all {
  #header {
    width:770px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    }
  }
@media handheld {
  #header {
    width:100%;
    }
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:#999;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:770px;
  font:78%/1.4em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }

/* Content
----------------------------------------------- */
@media all {
  #content {
    width:770px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:520px;
    float:left;
	margin-top: 15px;
    }
  #sidebar {
    width:220px;
    float:right;
	margin-top: 15px;
    }
  }
@media handheld {{
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */
/*h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }*/


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:0 0 .5em;
    }
  .post {
    margin:0 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0px 0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#999;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#999;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#999;
  }
.post div {
  font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  color: #333;
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  color: #333;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  letter-spacing:.2em;
  color:#a4c00d;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  letter-spacing:.1em;
    color:#ff0000;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
  
 .comment-body {
  font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  line-height:1.6em;
  color: #333;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style: none;
  }
   
#sidebar li {
  margin:0px;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }
  
/*#sidebar{
  padding-top: 0px;
  }*/


/* Profile
----------------------------------------------- */
/*#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  } */



/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }