/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img
{ margin : 0; padding : 0; }


/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }


/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }


/* Removes border from fieldset and img */
fieldset,img { border : 0; }


/* Left-aligns text in caption and th */
caption,th { text-align : left; }


/* Removes quotation marks from q */
q:before, q:after { content :''; }

/*---------standard styles------------*/
.bold	
{
	font-weight:bold;
}

#right .bold{
color:#ffffff;
}

.bold strong{
font-weight:bold;
}

.italic{
	font-style:italic;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ------default font styles and sizes for this web site------ */

      h1,h2,h3,h4,p,li{
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;/*RH-font-family1*/
      }

      h1{font-size: 22px;}
      h2{font-size: 20px;}
      h3{font-size: 18px;}
      h4{font-size: 16px;}
      p{
      font-size: 14px;
		letter-spacing:.5px;      
      }

      h1,h2,h3,h4{
      color:#ffffff;;/*RH-color-headers*/
		font-weight:normal;      
      }
	  a, a:link, a:visited{	
		color:#ffffff;/*RH-color-links*/
      }
      a:hover, a:active{
      	color: #978668;
      }
      
/*--------body--------*/
body  {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;/*RH-font-family1*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*background-image:url(../images/bg.gif); */
	font-size:12px;	
	color:#fff;
	background:#111;
}
#outer_wrapper{
	background:#212f3b url(../images/background.jpg) repeat-x; 			
	padding-bottom:50px;
}


/*---------------wrapper--------------*/
#wrapper { 
	width: 990px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0 10px 0;
	border: none;
	text-align: left; 
} 

/*-------------navbar-----------------*/
#navbar {
	width:710px;
	/*height:30px;*/ 
	margin:0;
	padding:0;
	/*font-family: Helvetica, Helvetica, sans-serif;*/
	font-size:14px;
	list-style-type:none;
	float:right;
	position:absolute;
	top:123px;
	left:250px;
}


#navbar li {
	margin:0;
	padding:0;
	float:left;
}


#navbar a {
	float:left;
	text-decoration: none;
	padding:0 40px 0 0;
	margin: 0;
	color:#ffffff;/*RH-color-navbar*/
	font-weight:normal;/*RH-font-weight-navbar*/
	text-align:center;
	display:block;
	}

#navbar li a:link,#navbar li a:visited  {
	color:#ffffff;/*RH-color-navbar*/
}

#navbar li a:link,#navbar li a:visited  {
	color:#ffffff;/*RH-color-navbar*/
}

#navbar li a:hover,#navbar li a:active {
/*	color:#ffffff;/*white*/
	color:#000000;
	
}

/*------------banner--------------*/
#banner{
	height:160px;
	width:990px;
	position:relative;
}	
#banner img{
	display:block;
}

/*--------footer------------*/
#outer_footer{
background-image:url(../images/footer_bg.png); 
background-repeat:repeat-x;
background-color:#1b1b1b;
}

#footer{
color:#999;
	width: 990px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 50px 0 10px 0;
	border: none;
	text-align: left; 
}
#footer a{
	color:#999;
}
#footer ul{
padding:0;
margin:0 0 20px; 0;
}

#footer ul h2{
padding:0;
margin:0 0 10px 0;
}

#footer ul h2 a{
color:#fff;
}

div.footerNav{
float:left;
/*height:200px;*/
margin-right:50px;
}
div.footerNav_r{
float:right;
/*height:200px;*/
margin-right:30px;
}
div.footerNav li{
margin-bottom:10px;
}

#footerLegal{
margin-top:30px;
text-align:center;
}
/*-------left---------*/
#left{
float:left;
width:210px;
margin: 0;
text-align:center;
}

#left .left_inner{
padding:5px 10px 5px 30px;
margin:0 ;
text-align:left;

}

#left h2{
color:#978668;
font-size:20px;
}

/*---------right-------*/
#right{
float:right;
/*height:800px;*/
width:730px;
padding:0 0 20px 0;
margin: 0;
height:100%;
}

#right .right_inner{
margin:50px 60px 10px 60px;
}

#right h1{
font-size:22px;
color:#87ceec;
margin: 50px 0px 20px 0px;
}

#right h2{
margin:15px 0 10px 0;
}

#right p{
color:#ccc;
margin:10px 0 10px 0;
line-height:1.4;
}

.portfolio #right p.info{
padding:0;
margin:0 0 30px 0;
}

#right ul{
color:#ccc;
}

/*------------overrides---------*/

.img_floatr{
float:right;
margin: 5px;
display:block;
}

.img_floatl{
float:left;
margin:5px;
display:block;
}

.seo_link{
	text-decoration:none;
}

#banner_logo{
margin:39px 0 0 25px;
float:left;
}

#tagline{
	float:left;
	font-size:18px;
	font-weight:bold;
	padding:55px 10px 20px 250px;
}
#tagline h2{
	margin-top:5px;
	margin-bottom:15px;
	}	
	
#call_to_action{
	position:absolute;
	top:25px;
	left:560px;
}

#nav_blog{
	text-indent:-99999px;
	background-image:url(../images/blog-menu.png); 
	background-repeat:no-repeat;
	width:53px;
	height:45px;
}

a:hover#nav_blog{
	background-image:url(../images/blog-menu-hover.png); 
	background-repeat:no-repeat;
}

#nav_about{
	text-indent:-99999px;
	background-image:url(../images/about-menu.png); 
	background-repeat:no-repeat;
	width:106px;
	height:45px;
}

a:hover#nav_about{
	background-image:url(../images/about-menu-hover.png); 
	background-repeat:no-repeat;
}

.why_us #nav_about{
	background-image:url(../images/about-menu-here.png); 
	background-repeat:no-repeat;
}

#nav_services{
	text-indent:-99999px;
	background-image:url(../images/services-menu.png); 
	background-repeat:no-repeat;
	width:91px;
	height:45px;
}

a:hover#nav_services{
	background-image:url(../images/services-menu-hover.png); 
	background-repeat:no-repeat;
}

.services #nav_services{
	background-image:url(../images/services-menu-here.png); 
	background-repeat:no-repeat;
}

#nav_portfolio{
	text-indent:-99999px;
	background-image:url(../images/portfolio-menu.png); 
	background-repeat:no-repeat;
	width:110px;
	height:45px;
}

a:hover#nav_portfolio{
	background-image:url(../images/portfolio-menu-hover.png); 
	background-repeat:no-repeat;
}

.portfolio #nav_portfolio{
	background-image:url(../images/portfolio-menu-here.png); 
	background-repeat:no-repeat;
}

#nav_contact{
	text-indent:-99999px;
	background-image:url(../images/contact-menu.png); 
	background-repeat:no-repeat;
	width:121px;
	height:45px;
}

a:hover#nav_contact{
	background-image:url(../images/contact-menu-hover.png); 
	background-repeat:no-repeat;
}

.contact #nav_contact{
	background-image:url(../images/contact-menu-here.png); 
	background-repeat:no-repeat;
}

#slideshow img.default{
display:inline;
}

#slideshow{
margin-top:20px;
background-color:transparent;
height:240px;
width:962px;
}

#slideshow img{
display:none
}

img.slideshow{
height:240px;
width:962px;
}


#slideshow_nav { 
float:right;
padding:5px 40px 0 0;
}

#slideshow_nav a { 
margin: 0 5px; 
padding: 3px 5px; 
border: 1px solid #978668; 
background: #868583; 
text-decoration: none 
}

#slideshow_nav a.activeSlide { 
background: #dddddd;
color: #888888; 
}

#slideshow_nav a:focus { 
outline: none; 
}

#column1, #column2, #column3{
margin-top:35px;
width:265px;
color:#ffffff;
float:left;
padding-left:5px
}

#column1, #column2{
padding-right:85px;
}
#column3{
width:255px;
}

#column3 li{
padding-bottom:10px;
}

#column3 li a{
font-size:14px;
}

#column1 p,#column2 p,#column3 p{
margin-bottom:10px;
}

#column1 h2{
	text-indent:-99999px;
	background-image:url(../images/boston-web-solutions.png); 
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:0;
	width:257px;
	height:26px;
}

#column2 h2{
	text-indent:-99999px;
	background-image:url(../images/boston-website-optimization.png); 
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:0;
	width:257px;
	height:26px;
}

#column3 h2{
	text-indent:-99999px;
	background-image:url(../images/news-articles.png); 
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:0;
	width:257px;
	height:26px;
}

ul.bullet_list{
margin:10px 10px 10px 25px;
list-style-type:disc;
font-size:14px;
}

ul.bullet_list li{
margin-bottom:10px;
line-height:1.5;
}

#content{
background-image:url(../images/content_box_middle.png); 
background-repeat:repeat-y;
float:left;
width:958px;
position:relative;
}

#content2,#portfolio{
background-image:url(../images/content_box_middle2.png); 
background-repeat:repeat-y;
float:left;
width:958px;
position:relative;
padding-left:70px;
padding-top:20px;
}

#wrapper #portfolio p{
margin-top:10px;
}

#content_top{
background-image: url(../images/content_box_top.png);
background-repeat: no-repeat; 	
padding:0;
/*margin:67px 0 0 0;*/
margin:10px 0 0 0;
line-height:10px;
height:10px;
}

#content_bottom{
background-image: url(../images/content_box_bottom.png);
background-repeat: no-repeat; 	
padding:0;
margin:0;
line-height:10px;
height:10px;
}

#service_images{
margin:30px 0;
}
#service_images img{
border: 1px solid #fff; 
margin-right:25px;
}

div.service_image_container{
border: 1px solid #fff; 
float:left;
margin-right:30px;
}

div.quote_button a {
background-image: url(../images/quote-button1.png); 
background-repeat: no-repeat; 	 
display:block;
width: 200px;
height: 71px;
position:absolute;
left:675px;
top:-35px;
}

div.quote_button a:hover {
background-image: url(../images/quote-button2.png); 
background-repeat: no-repeat; 	 
}

img.about{
margin-top:20px;
width:175px;
}

p.about{
padding:10px 0;
}

#cust_quote{
margin:30px 0 0 5px;
font-size:14px;
font-style:italic;
line-height:1.5;
}

div.quote_name{
padding-top:10px;
font-style:normal;
}

div.quote_name .from{
font-size:12px;
}

.portfolio_img{
	float: left;
	background: #000000;
	margin: 5px 0 0 0;
	padding: 0;
}
.portfolio_img img{
	border: 1px #b6b6b6 solid;
	width:250px;
	}
	/*
.portfolio_img a:hover img,.portfolio_img a:active img,.portfolio_img a:focus img {
width: 400px;
height: 400px;
left: -20px;
top: -20px;
z-index: 1;
border: 1px #b6b6b6 solid
}
*/
.portfolio_desc{
	float: left;
	width: 325px;
	margin: 0 0 0 25px;
	text-align: left;
	padding: 0; 
	font-size: 14px;
	line-height: 1.3;
	color:#d8d7d7;
}

#right .portfolio_desc h2{
	padding:0;
	margin:0 0 10px 0;
}

.portfolio_entry{
	margin: 0px 0;
	/*height: 250px; */
	position: relative;
	width: 610px;
	margin-bottom:40px;
}
.portfolio_testimonial{
padding-top:10px;
font-style:italic;
}

#validation_errors{
color:#cc6666;
margin:20px 0;
}

#validation_errors #error_intro{
padding:0;
margin:0 0 15px 0;
}

#contactform{
font-size:14px;
}

div.form_field{
padding:5px 0 0 0;
line-height:1.5;
}

#right form p{
padding:0;
margin:5px 0 2px 0;
}

form{
font-size:12px;
color:#ccc;
}


#validation_errors p{
color: #ff6666;
}

.bright{
color:#fff;
}

#right p.bright{
color:#fff;
}

.contact_address{
padding:5px 20px 30px 0;
font-size:14px;
float:left;
}

ul.content_nav{
padding:0 0 55px 0;
margin:25px 0 0 0;
/*border-bottom: 1px solid #888; */

}

ul.content_nav a{
font-size:15px;
}

ul.content_nav li{
padding:0 0 0 15px;
margin:5px 0 0 5px;
background-image:url(../images/blue_bullet.png);
background-repeat: no-repeat;
background-position: 0px 6px;	

}

#client_list h3{
font-size:16px;
padding-top:10px;
}

#client_list h4{
font-style:italic;
font-size:14px;
}

#client_list p{
padding:0;
margin:0;
font-size:14px;
}

a.click{
font-size:16px;
}

#facebook_badge{
margin: 35px 0 0 0;
}

#fb-root{
padding-top:20px;
padding-bottom:10px;
}

span.connect_widget_not_connected_text{
color:#fff;
}

.home h1{
font-size:26px;
margin:50px 0 0 0;
padding:0;
}

#intro_body{
margin-top:20px;
height:240px;
width:962px;
background-image:url(../images/intro_bg.png); 
position:relative;
}

#intro_text{
position:absolute;
top:35px;
left:400px;
width:550px;
height:185px;
/*background-color:#666;*/
}


#intro_text h2{
color:#fff;
font-size: 22px;
font-weight:bold;
}

#intro_text p{
color:#000;
font-size: 16px;
margin:8px 10px 10px 0;
}

#intro_text a,#intro_text a:link, #intro_text a:visited{
color:#000;
text-decoration:underline;
}
#intro_text a:hover,#intro_text a:active{
color:#fff;
}
h1.content_title{
margin:40px 0 0px 30px;
font-size:36px;
/*color: #73c4e0;*/
color: #fff;
}
h2.content_title{
margin:0 0 10px 30px;
font-size:36px;
color: #73c4e0;
}


.contact #right .right_inner{
margin-top:25px;
}

.why_us #right .right_inner{
margin-top:30px;
}

#web-design-fadeout{
display:block;
height:200px;
width:250px;
float:left;
background-position: 1px 1px;	
background-image:url(../images/custom-web-design-hover.jpg);
background-repeat:no-repeat;
}

#seo-fadeout{
display:block;
height:200px;
width:250px;
float:left;
background-position: 1px 1px;	
background-image:url(../images/search-engine-optimization-hover.jpg);
background-repeat:no-repeat;
}

#consulting-fadeout{
display:block;
height:200px;
width:250px;
float:left;
background-position: 1px 1px;	
background-image:url(../images/online-marketing-consulting-hover.jpg);
background-repeat:no-repeat;
}

p.large_p{
font-size:20px;
}

.panes div{
background-color:#fff;
border: 1px solid #999; 
}

#tab_content{
margin-top:30px;
}

img.portfolio_thumb{
width:84px;
height:75px;
}

#portfolio_slideshow{
float:left;
margin-top:30px;
height: 425px;
}

#portfolio_caption{
float:left;
width:360px;
margin: 30px 30px;
}
span.image-caption{
width:360px;
display:block;
}

div.caption h2{
margin-bottom:20px;
}

#portfolio_slideshow img{
width:450px;
}

div.ss-controls{
float:left;
width:245px;
}

div.nav-controls{
float:left;
}

#portfolio_controls a{
padding: 5px 10px;
margin-right:10px;
text-decoration:none;
font-size:12px;
background-color:#314C61;
}

ul.thumbs li{
width:84px;
height:75px;
margin-right:14px;
margin-bottom:10px;
float:left;
}

ul.thumbs li.selected{
opacity:1 !important;
}

ul.thumbs{
width:800px;
}
#thumbs{
width:800px;
}

a.advance-link{
text-decoration:none;
height:400px;
line-height:400px;
}

div#thumbs{
margin:40px 0 20px 0px;
}

#portfolio div.facebook_like{
margin-left:90px;
float:left;
}
img.client_img{
margin-right:15px;
margin-bottom:15px;
border: 4px solid #fff; 
}

.why_us #office_image img{
width:150px;
margin-bottom:5px;
}

.why_us #office_image{
float:right;
width:150px;
text-align:center;
margin:20px 30px 10px 0px;
font-size:11px;
}

.contact #office_image{
float:left;
width:150px;
text-align:center;
margin:10px 20px 0 20px;
font-size:11px;
}

#right h2.about_rh{
margin:30px 0 10px 0;
}

.contact #office_image img{
width:150px;
margin-bottom:5px;
}

#right h2.rh_profile{
margin: 20px 0 20px 0;
}

#right p.rh_profile{
margin-bottom:20px;
}

img.rh_profile{
float: left;
width:150px;
margin: 0 20px 0 0;
}
img.border_img{
border: 1px solid #fff; 
}

/*facebook page styles - these really should be in a separate file*/
.facebook #wrapper{
width:520px;
background-color:#fff;
}
body.facebook{
background-color:#fff;
color:#000;
}

#social_media img{
display:inline;
}


div#social_media{
margin:3px 10px 0 0;
}

img#facebook{
margin-left:5px;
}
img#twitter{
margin-left:3px;
}