/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

table {
	margin: 0;
	padding: 0;
}

/************************ Clear Elements to Support IE6 ************************/

.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
}

.icon{
	vertical-align:middle;
	padding:0 2px;
}


/************************ Structural Elelemts *********************/

#container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}

#container-top {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background:#fff url(http://www.bostonwebcreative.com/images/background-images/body-header.jpg) repeat-x ;
	float:left;
}

#container-center {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background:#fff url(http://www.bostonwebcreative.com/images/background-images/content-homepage.jpg) repeat-x ;
	float:left;
}

#container-center-inside {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background:#fff url(http://www.bostonwebcreative.com/images/background-images/inside.jpg) repeat-x ;
	float:left;
}

#container-bottom {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0;
		float:left;
		background:#fff url(http://www.bostonwebcreative.com/images/background-images/footer.jpg) repeat-x ;
}

.web-body {
	width: 1099px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}

/**Header ***/

.header {
	width: 1099px;
	height:126px;
	margin:0px auto;
	padding: 0px 0px;
	float:left;
}

.header-left {
	width: 423px;
	height:126px;
	margin:0px auto;
	padding: 0px 0px;
	float:left;
}

.header-right {
	width: 676px;
	height:126px;
	margin:0px auto;
	padding: 0px 0px;
	float:left;
	background:#fff url(http://www.bostonwebcreative.com/images/background-images/header-right.jpg) no-repeat;
}

.header-right-top {
	width: 676px;
	height:50px;
	margin:0px auto;
	padding: 0px 0px;
	float:left;
}

.header-right-bottom {
	width: 676px;
	height:76px;
	margin:0px auto;
	padding: 0px 0px;
	float:left;
}

.header-right-top ul {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
.header-right-top li {
	font-size:18px;
	margin:0;
	padding:0px 0 0 0;
	display:block;
	float:left;
	color:#273891;
	font-weight:normal;
}
.header-right-top li#left {
	width:279px;
	height:40px;
	text-align:center;
}

.header-right-top li#project {
	width:136px;
	height:40px;
	text-align:center;
}

.header-right-top li#spacer {
	width:73px;
	height:40px;
	text-align:center;
}

.header-right-top li#phone {
	width:132px;
	height:40px;
	text-align:center;
}

.header-right-top li a {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	color:#273891;
}
.header-right-top li a:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	color:#ff6a00;
}

.header-right-bottom {
	width: 628px;
	height:41px;
	margin:0 auto ;
	padding: 11px 48px 24px 0px;
	float:left;
}

.header-right-bottom ul {
	margin:0px 0 0 0;
	padding:0;
	list-style:none;
}
.header-right-bottom li {
	margin:0;
	padding:0px 0 0 0;
    display:inline;
	float:right;
}
/*Navigation*/
.nav{
	width:994px;
	height:45px;
	margin:0 auto;
	padding:0 48px 0 57px;
	float:left;
	background:url(http://www.bostonwebcreative.com/images/background-images/nav.jpg) no-repeat;
}

.nav ul {
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
}
.nav li {
	font-size:18px;
	margin:0;
	padding:0px 0 0 0;
	display:block;
	float:left;
	color:#273891;
	font-weight:normal;
}

.nav li#home {
	width:65px;
	height:30px;
	text-align:left;
}

.nav li#portfolio {
	width:102px;
	height:30px;
	text-align:center;
}
.nav li#clients {
	width:94px;
	height:30px;
	text-align:center;
}
.nav li#services {
	width:105px;
	height:30px;
	text-align:center;
}

.nav li#process {
	width:131px;
	height:30px;
	text-align:center;
}

.nav li#testimonials {
	width:148px;
	height:30px;
	text-align:center;
}

.nav li#events {
	width:100px;
	height:30px;
	text-align:center;
}

.nav li#contact {
	width:102px;
	height:30px;
	text-align:center;
}

.nav li#blog {
	width:83px;
	height:30px;
	text-align:center;
}

.nav li#faq {
	width:64px;
	height:30px;
	text-align:center;
}

.nav li a {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	color:#273891;
}
.nav li a:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	color:#ff6a00;
}

/*Footer*/

.footer{
	width:1099px;
	height:12px;
	margin:0 auto ;
	padding:43px 0 15px 0;
	background:url(http://www.bostonwebcreative.com/images/background-images/footer.jpg) repeat-x;
	text-align:center;

}

.footer ul {
	margin:0px 0 0 0;
	padding:0;
	list-style:none;
}
.footer li {
	font-size:12px;
	margin:0;
	padding:0px 0 0 0;
	display:inline;
	color:#595959;
	font-weight:normal;
}

.footer li a {
	color:#273891;
	text-decoration:none;
}

.footer li a:hover {
	color:#ff6a00;
	text-decoration:none;
}

/*content*/

.content{
	width:994px;
	height:auto;
	margin:0 auto ;
	padding:0;

}

.content-homepage{
	width:1099px;
	height:auto;
	margin:0 auto ;
	padding:0;

}
.content-homepage-top{
	width:1099px;
	height:342px;
	margin:0 auto ;
	padding:0;
	float:left;

}

.content-homepage-top-left{
	width:500px;
	height:342px;
	margin:0 auto ;
	padding:0;
	float:left;
	background:url(http://www.bostonwebcreative.com/images/background-images/homepage-top-left.jpg) no-repeat;
}

.content-homepage-top-left h1{
	font-size:24px;
	margin:0;
	padding:40px 0 20px 57px;
	color:#ffa000;
	font-weight:normal;
}

.content-homepage-top-left p{
	font-size:18px;
	margin:0;
	padding:0px 0 20px 57px;
	color:#fff;
	font-weight:normal;
}

.content-homepage-top-left .link{
	margin:0;
	padding:0;
	color:#ffa000;
	text-decoration:none;
	font-weight:normal;
	text-align:right;
}
.orange{
	font-size:12px;
	margin:0;
	padding:0;
	color:#ffa000;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
}
.content-homepage-top-left .link a{
	margin:0;
	padding:0;
	color:#ffa000;
	text-decoration:none;
	font-weight:normal;
}

.content-homepage-top-left .link a:hover{
	margin:0;
	padding:0;
	color:#ffa000;
	text-decoration:underline;
	font-weight:normal;
}


.content-homepage-top-right{
	width:598px;
	height:342px;
	margin:0 auto ;
	padding:0px;
	float:left;
background:url(http://www.bostonwebcreative.com/images/background-images/homepage-top-right.jpg) no-repeat;
}

.content-homepage-top-right .top{
	width:326px;
	height:208px;
	margin:0 auto ;
	padding:66px 118px 26px 154px;
	float:left;
	}
	
.content-homepage-top-right .bottom{
	width:326px;
	height:32px;
	margin:0 auto ;
	padding:10px 118px 0px 154px;
	float:left;
	text-align:center;
	}

.content-homepage-top-right .bottom p{
	font-size:14px;
	margin:0;
	padding:0px 0 0px 0px;
	color:#fff;
	font-weight:normal;
	font-style:oblique;
	
	}
	.content-homepage-top-right .bottom p a{
	font-size:14px;
	margin:0;
	padding:0px 0 0px 0px;
	color:#fff;
	font-weight:normal;
	font-style:oblique;
	text-decoration:none;
	
	}
	
	.content-homepage-top-right .bottom p a:hover{
	font-size:14px;
	margin:0;
	padding:0px 0 0px 0px;
	color:#ffa000;
	font-weight:normal;
	font-style:oblique;
	text-decoration:none;
	
	}



.content-homepage-bottom-left{
	width:500px;
	height:70px;
	margin:0 auto ;
	padding:0;
	float:left;
	background:url(http://www.bostonwebcreative.com/images/background-images/homepage-bottom-left.jpg) no-repeat;

}


.content-homepage-bottom-right{
	width:598px;
	height:70px;
	margin:0 auto ;
	padding:0;
	float:left;
	background:url(http://www.bostonwebcreative.com/images/background-images/homepage-bottom-right.jpg) no-repeat;

}

.content h1{
	font-size:24px;
	margin:0;
	padding:40px 0px 20px 0px;
	color:#ffa000;
	font-weight:normal;
}

.content h2{
	font-size:16px;
	margin:0;
	padding:20px 0px 20px 0px;
	color:#595959;
	font-weight:normal;
}

.content h3{
	font-size:20px;
	margin:0;
	padding:10px 0px;
	color:#273891;
}

.content p{
	font-size:16px;
	margin:0;
	padding:10px 20px;
	color:#595959;
	font-weight:normal;
}

.content p a,.content p a:visited {
	font-size:16px;
	margin:0;
	padding:0;
	color:#ffa000;
	font-weight:normal;
	text-decoration:none;
}

.content p a:hover {
	font-size:16px;
	margin:0;
	padding:0;
	color:#ffa000;
	font-weight:normal;
	text-decoration:underline;
}

.content .name{
	font-size:16px;
	margin:0;
	padding:10px 20px;
	color:#595959;
	font-weight:bold;
	text-align:right;
}

.content .name a, .content .name a:visited {
	font-size:16px;
	margin:0;
	padding:0px 0px;
	color:#ffa000;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

.content .name a:hover {
	font-size:16px;
	margin:0;
	padding:0px 0px;
	color:#ffa000;
	font-weight:normal;
	text-align:right;
	text-decoration:underline;
}

.content ul {
	margin:0px 0px 0 32px;
	padding:0 0 0 0;
	text-align:left;
}
.content li {
	font-size:16px;
	margin:0;
	padding:5px 0  ;
	color:#595959;
	font-weight:normal;
}




.client-strip{
	width:994px;
	height:100px;
	margin:20px auto ;
	padding:0;
	float:left;

}

.client{
	width:186px;
	height:100px;
	margin:0px auto ;
	padding:0;
	float:left;

}

.client-spacer{
	width:16px;
	height:100px;
	margin:0px auto ;
	padding:0;
	float:left;

}

.client-strip{
	width:994px;
	height:100px;
	margin:20px auto ;
	padding:0;
	float:left;

}

.portfolio-thumb{
	width:175px;
	height:175px;
	margin:25px auto ;
	padding:0px 0;
	float:left;
	border:#999 1px solid;

}

.portfolio-thumb-spacer{
	width:27px;
	height:175px;
	margin:0px auto ;
	padding:0;
	float:left;

}

.events-left{
	width:604px;
	height:auto;
	background:#fff;
	margin:0;
	padding:0 0 0 30px;
	float:left;
}

.events-left .signup{
	width:562px;
	height:auto;
	background:#fff;
	margin:20px 0;
	padding:20px;
	float:left;
	border: 1px #CCC solid;
}
.events-left h1 {
  margin:0;
  padding:30px 0 0 0;
  font-size:24px;
  color:#595959;
  text-align:left;
  font-weight:bold;
}

.events-left h2 {
  margin:0;
  padding:12px 0 0 0;
  font-size:16px;
  color:#595959;
  text-align:left;
  font-weight:bold;
}

.events-left p {
  margin:0;
  padding:12px 0 0 0;
  font-size:16px;
  color:#595959;
  text-align:left;
  font-weight:normal;
}


.events-left ul {
	margin:0px 20px 0 20px;
	padding:0 0 0 0;
	list-style:none;
	text-align:left;
}
.events-left li {
	font-size:16px;
	margin:0;
	padding:5px 0  ;
	color:#595959;
	font-weight:normal;
	list-style-type:square;
}

.events-right{
	width:330px;
	height:auto;
	background:#f1f1f1;
	margin:20px 10px;
	padding:0;
	float:left;
}

.events-right h3 {
  margin:0;
  padding:12px 0 0 30px;
  font-size:16px;
  color:#595959;
  text-align:left;
  font-weight:bold;
}

.events-right .map {
  margin:0;
  padding:12px 10px 0 30px;
  font-size:14px;
  color:#595959;
  text-align:left;
  font-weight:normal;
}

.mapholder {
	width:310px;
  margin:0;
  padding:12px 10px 0 10px;
}