/* CSS Document */

body {
	background:#414141  url(images/body-bg.jpg) repeat-x;
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

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

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

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


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

#container {
	width: 1002px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background:none;
}


/****************************** Site Containers ***********************************/

.header {
	width: 1002px;
	height:132px;
	margin:40px 0 0 0  ;
	padding: 0px 0 0px 0;
	float:left;
	background:none;
}
.top-nav {
	width: 1002px;
	height: 35px;
	margin: 0 0 0px 0;
	padding: 0px 0px 0 0;
	float:left;
	background:#FFF;
	text-align:right;
}
.top-nav ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}
.top-nav li {
	font-size:14px;
	margin:0 0 0 0;
	padding:0  0 0 0;
	display:block;
	float:left;
	color:#555555;
	font-weight:normal;
	text-align:center;
}
.top-nav li#blank {
	width:110px;
	text-align:center;
}
.top-nav li#pricing {
	width:110px;
	text-align:center;
}
.top-nav li#index {
	width:100px;
	text-align:center;
}
.top-nav li#services{
	width:100px;
	text-align:center;
}

.top-nav li#testimonials{
	width:130px;
	text-align:center;
}
.top-nav li#clients{
	width:100px;
	text-align:center;
}

.top-nav li#contact{
	width:100px;
	text-align:center;
}
.top-nav li#blog{
	width:80px;
	text-align:center;
}



.top-nav li#rss{
	width:35px;
	text-align:center;
}

.top-nav li#facebook{
	width:35px;
	text-align:center;
}
.top-nav li#twitter{
	width:100px;
	text-align:center;
}

.top-nav li a{
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	color:#555;
}
.top-nav li a:hover{
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	color:#bb6720;
	text-align:center;
}

.services {
	width: 970px;
	height: 269px;
	margin: 0 0 0px 0;
	padding: 0 16px;
	float:left;
	background:#FFF;
}

.brand-strip {
	width: 1002px;
	height: 105px;
	margin: 0 0 0px 0;
	padding: 0 0px;
	float:left;
	background:#fff url(images/brand-strip.jpg) no-repeat;
}
.content {
	width: 970px;
	height: auto;
	margin: 0 0 0px 0;
	padding: 0 16px;
	float:left;
	background:#fff;
}

.content-inside {
	width: 970px;
	height: auto;
	margin: 0 0 0px 0;
	padding: 0 0 20px 0;
	float:left;
	background:#414141;
}
.content-inside .contact-left{
	width: 485px;
	height: auto;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	float:left;
	background:#414141;
}

.content-inside .contact-left .portfolio{
	width: 450px;
	height: auto;
	margin: 0 0 0px 0;
	padding: 10px 17px ;
	float:left;
	background:#414141;
}

.content-inside .contact-left .portfolio p{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
  padding:10px 0 ;
  font-size:16px;
  color:#bb6720;
  text-align:center;
  font-weight:normal;
  display:block;
  font-weight:normal;
}

.content-inside .contact-left .portfolio p a, .content-inside .contact-left .portfolio p a:visited{
  margin:0;
  padding:0px 0 0 0px;
  font-size:16px;
  color:#bb6720;
  text-align:center;
  font-weight:normal;
  display:block;
  text-decoration:none;
}

.content-inside .contact-left .portfolio p a:hover{
  margin:0;
  padding:0px 0 0 0px;
  font-size:16px;
  color:#bb6720;
  text-align:center;
  font-weight:normal;
  display:block;
  text-decoration:underline;
}

.content-inside .contact-right{
	width: 485px;
	height: auto;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	float:left;
	background:#414141;
}

.content-inside .contact-right-clients{
	width: 460px;
	height: auto;
	margin: 0 25px 0px 0;
	padding: 0 0 0 0;
	float:left;
	background:#fff;
}


.content-inside .contact-right-clients .logo{
width:425px;
text-align:center;
height:auto;
padding:0;
margin:10px 25px;
border:0;
}

.content-inside .contact-right-clients .logo .square{
width:200px;
text-align:center;
height:200px;
padding:0;
margin:0;
border:0;
}

.content-inside .contact-right .logo .line-spacer{
width:25px;
text-align:center;
height:50px;
padding:0;
margin:0;
border:0;
}

.content-inside .contact-right-clients .logo .spacer{
width:20px;
text-align:center;
height:200px;
padding:0;
margin:0;
border:0;
}
.content-inside .contact-left h1 {
  margin:0;
  padding:28px 0 0 40px;
  font-size:24px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}
.content-inside .contact-right-clients h1 {
  margin:0;
  padding:28px 0 0 40px;
  font-size:24px;
  color:#000;
  text-align:left;
  font-weight:normal;
  display:block
}
.content-inside .contact-left p {
  margin:0;
  padding:20px 0 0 40px;
  font-size:16px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}

.content-inside .contact-left p a, .content-inside .contact-left p a:visited  {
  margin:0;
  padding:0;
  font-size:16px;
  color:#bb6720;
  text-align:left;
  font-weight:normal;
  display:block;
  text-decoration:none;
}

.content-inside .contact-left p a:hover {
  margin:0;
  padding:0;
  font-size:16px;
  color:#bb6720;
  text-align:left;
  font-weight:normal;
  display:block;
  text-decoration:underline;
}

.content-inside h1 {
  margin:0;
  padding:28px 0 0 40px;
  font-size:24px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}

.content-inside h2 {
  margin:0;
  padding:18px 0 0 150px;
  font-size:18px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}

.content-inside h3 {
  margin:0;
  padding:14px 0 0 180px;
  font-size:14px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}

.content-inside p {
  margin:0;
  padding:12px 40px 0 200px;
  font-size:12px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}

.content-inside .contact {
  margin:0;
  padding:12px 40px 0 40px;
  font-size:12px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}

.content-inside .name {
  margin:0;
  padding:12px 40px 0 200px;
  font-size:12px;
  color:#fff;
  text-align:right;
  font-weight:normal;
  display:block
}

.content-inside .name a, .content-inside .name a:visited {
  margin:0;
  padding:0;
  font-size:12px;
  color:#bb6720;
  text-align:right;
  font-weight:normal;
  display:block;
  text-decoration:none;
}

.content-inside .name a:hover {
  margin:0;
  padding:0;
  font-size:12px;
  color:#bb6720;
  text-align:right;
  font-weight:normal;
  display:block;
  text-decoration:underline;
}


.services .brand {
	width: 242px;
	height: 269px;
	margin: 0 0 0px 0;
	padding: 0 0;
	float:left;
	background:#FFF url(images/brand-it.jpg) no-repeat;
}

.services .build {
	width: 243px;
	height: 269px;
	margin: 0 0 0px 0;
	padding: 0 0;
	float:left;
	background:#FFF url(images/build-it.jpg) no-repeat;
}

.services .tag {
	width: 244px;
	height: 269px;
	margin: 0 0 0px 0;
	padding: 0 0;
	float:left;
	background:#FFF url(images/tag-it.jpg) no-repeat;
}


.services .link {
	width: 241px;
	height: 269px;
	margin: 0 0 0px 0;
	padding: 0 0;
	float:left;
	background:#FFF url(images/link-it.jpg) no-repeat;
}

.services .link h1, .services .tag h1, .services .build h1, .services .brand h1  {
	margin:0;
  padding:187px 0px 0 0;
  font-size:14px;
  color:#fff;
  text-align:center;
  font-weight:bold;
}

.services .link p, .services .tag p, .services .build p, .services .brand p  {
	margin:0;
  padding:12px 0px 0 0;
  font-size:14px;
  color:#fff;
  text-align:center;
  font-weight:normal;
}

.grey-strip {
	width: 1002px;
	height: 215px;
	margin: 0 0 ;
	padding: 0 0;
	float:left;
	background:#FFF
}

.grey-strip .inside {
	width: 970px;
	height: 215px;
	margin: 0 16px ;
	padding: 0 0;
	float:left;
	background:#FFF  url(images/grey-strip.jpg) no-repeat;
}

.grey-strip .inside .featured {
	width: 485px;
	height: 215px;
	margin: 0  ;
	padding: 0 0;
	float:left;
}

.grey-strip .inside .featured .featured-left {
	width: 242px;
	height: 215px;
	margin: 0  ;
	padding: 0 0;
	float:left;
}

.grey-strip .inside .featured .featured-right {
	width: 242px;
	height: 212px;
	margin: 0  ;
	padding: 2px 0;
	float:left;
}


.grey-strip .inside .featured .featured-left p {
	margin:0;
  padding:55px 0px 0 38px;
  font-size:12px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block
}

.grey-strip .inside .featured .featured-left .clients {
	margin:0;
  padding:12px 0px 0 0px;
  font-size:12px;
  color:#bb6720;
  text-align:right;
  font-weight:normal;
  display:block
}

.grey-strip .inside .featured .featured-left .clients a, .grey-strip .inside .featured .featured-left .clients a:hover {
	margin:0;
  padding:0px 0px 0 0px;
  font-size:12px;
  color:#bb6720;
  text-align:right;
  font-weight:normal;
  display:block;
  text-decoration:none;
}
.grey-strip .inside .featured .featured-left .clients a:hover {
	margin:0;
  padding:0px 0px 0 0px;
  font-size:12px;
  color:#bb6720;
  text-align:right;
  font-weight:normal;
  display:block;
  text-decoration:underline;
}

.grey-strip .inside .about {
	width: 485px;
	height: 215px;
	margin: 0 ;
	padding: 0 0;
	float:left;
}
.grey-strip .inside .about p{
margin:0;
  padding:55px 31px 0 37px;
  font-size:12px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  display:block}
  
.footer-strip {
	width: 1002px;
	height:15px;
	margin:0 auto;
	padding: 0;
	float:left;
	background:#FFF url(images/footer-strip.jpg) no-repeat;
	}
	
.bottom-strip {
	width: 970px;
	height:69px;
	margin:0 auto;
	padding: 0 16px;
	float:left;
	background:#FFF url(images/bottom-strip.jpg) no-repeat;
	}
	
.bottom-strip-thanks {
	width: 1002px;
	height:69px;
	margin:0 auto;
	padding: 0 0;
	float:left;
	background:#FFF url(images/bottom-strip.jpg) no-repeat;
	}
	
	
	


#copyright {
	width: 1002px;
	height:auto;
	margin:0 0 0 0;
	padding: 10px 0px 0px 0px;
	float:left;

}

#copyright ul {
	margin:0px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	text-align:center;
}
#copyright li {
	font-size:11px;
	margin:0;
	padding:0 30px;
	color:#fff;
	display:inline;
	text-decoration:none;
	font-weight:normal;
}

#copyright li a{
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
}
#copyright li a:hover{
	margin:0;
	padding:0;
	text-decoration:underline;
	font-weight:normal;
	color:#fff;
}

.events{
	width:970px;
	height:auto;
	background:#fff;
	margin:0;
	padding:0;
}

.events-left{
	width:570px;
	height:auto;
	background:#fff;
	margin:0;
	padding:0 0 0 30px;
	float:left;
}
.events-left h1 {
  margin:0;
  padding:30px 0 0 0;
  font-size:24px;
  color:#333;
  text-align:left;
  font-weight:bold;
}

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

.events-left p {
  margin:0;
  padding:12px 0 0 0;
  font-size:14px;
  color:#333;
  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:14px;
	margin:0;
	padding:5px 0  ;
	color:#333;
	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:#333;
  text-align:left;
  font-weight:bold;
}

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

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