/**************************************************
Site:           Walkie Talkie Marketing Communications, LLC
Created:        Jul 14 2008
Last Modified:  Jul 14 2008 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2008
================================================= */
@import "reset.css";
html{
	background: #00a0c6;
}

body{
	background: #fff url(../images/body_bg.png) repeat-x top center;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 930px;
}

/* Header and Nav Styles ******************************************/
#header{
	margin-bottom: 25px;
	padding-top: 125px;
}
	#header h1 { 
		background: url('../images/logo.gif') no-repeat;
		float: left;
		margin-top: 10px;
		width: 252px;
	}

		#header h1 a {
			background: url('../images/logo.jpg') 0 0 no-repeat;
			display: block;
			font-size: 1px;
			height: 73px;
			height: 0px !important;
			height /**/:73px;
			overflow:hidden;
			padding: 73px 0px 0px 0px; 
			width: 252px;
		}
		
	#navWrapper{
		float: right;
	}
	ul#subMenu{
		list-style-type: none;
		float: right;
		height: 50px;
	}
		ul#subMenu li{
			color: #c55712;
			display: inline;
			font-size: 14px;
		}
			ul#subMenu li a{
				color: #c55712;
				text-decoration: none;
			}
				ul#subMenu li a:hover{text-decoration: underline;}
	
	ul#mainMenu{
		background: url(../images/nav_bg.gif) no-repeat;
		float: right;
		list-style-type: none;
		padding-left: 40px;	
		width: 570px;
	}
		ul#mainMenu li{
			float: left;
			font-size: 18px;
			text-align: center;
		}
			ul#mainMenu li a{
				color: #fff;
				display: block;
				height: 25px;
				padding-top: 5px;
				text-align: center;
				text-decoration: none;
				width: 132px;
			}
				ul#mainMenu li a:hover, ul#mainMenu li a.active{
					background: #e6ebec;
					color: #75848a;
				}
			
			
/* Banner Styles on Homepage ***************************************/
#banner{
	background: url(../images/banner_bg.gif) no-repeat;
	height: 310px;
	margin-top: 20px;
	*margin-top: 0;
	width: 930px;
}
	#banner h2{
		text-indent: -9999px;
	}
	
	ul#bannerIcons{
		float: left;
		margin-top: 160px;
	}
		ul#bannerIcons li{
			float: left;
			margin-left: 25px;
			text-indent: -9999px;
		}
			ul#bannerIcons li a{
				display: block;
				height: 82px;
				width: 82px;
			}
				#servicePrintIcon{background: url(../images/icon_print.gif) no-repeat;}
					#servicePrintIcon:hover,#servicePrintIcon.hover{background: url(../images/icon_print_hover.gif) no-repeat;}
				#serviceWebIcon{background: url(../images/icon_web.gif) no-repeat;}
					#serviceWebIcon:hover,#serviceWebIcon.hover{background: url(../images/icon_web_hover.gif) no-repeat;}
				#serviceEmailIcon{background: url(../images/icon_email.gif) no-repeat;}
					#serviceEmailIcon:hover,#serviceEmailIcon.hover{background: url(../images/icon_email_hover.gif) no-repeat;}
				#serviceSeoIcon{background: url(../images/icon_seo.gif) no-repeat;}
					#serviceSeoIcon:hover,#serviceSeoIcon.hover{background: url(../images/icon_seo_hover.gif) no-repeat;}
				#servicePhotoIcon{background: url(../images/icon_photo.gif) no-repeat;}
					#servicePhotoIcon:hover,#servicePhotoIcon.hover{background: url(../images/icon_photo_hover.gif) no-repeat;}
	
	#bannerServices{
		float: right;
		margin: 18px 35px 0 0;
	}	
		#bannerServices h3{
			color: #636363;
			font-size: 30px;
			font-weight: normal;
			margin-bottom: 30px;
		}
		#bannerServices ul{
			margin-left: 40px;
		}
			#bannerServices ul li{
				font-size: 18px;
				line-height: 30px;
			}
				#bannerServices ul li a{
					color: #636363;
					text-decoration: none;
				}
					#bannerServices ul li a:hover{
						color: #c55712;
					}
					
/* Main Content Styles ***********************************/
#content{
	float: left;
	margin-top: 40px;
	*margin-top: 0;
	width: 620px;
}
	#content h2{
	color:  #00a0c6;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	}
	
	#content p{
		color: #636363;
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 10px;
	}
	#content a{
		color: #636363;
	}	
	
	.feature {
	border: 5px solid #dfdfdf;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	float: left;
}

	.feature-nobdr {
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

	a .feature {
	border: 5px solid #dfdfdf;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}

	.feature-desc {
	margin-bottom: 19px;
	display: block;
	float: none;
}

	

/* Sidebar Styles ***********************************/
#sidebar{
	float: right;
	padding-top: 90px;
	*padding-top: 60px;
	width: 260px;
}			
	#sidebar h4{
		color:  #00a0c6;
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	#sidebar p{
		color: #636363;
		font-size: 16px;
		margin-left: 20px;
	}
	#sidebar ul{
		margin-left: 20px;
	}	
		#sidebar ul li{
			color: #c55712;
			font-size: 16px;
			line-height: 30px;
		}
			#sidebar ul li a{
				text-decoration: none;
				color: #636363;
			}
			
			#sidebar ul li a:hover{
				text-decoration: none;
				color: #c55712;}
			
/* contact form styles **********************************/
#contact-form{
	margin-top: 20px;
}
	#contact-form label{
		color: #636363;
		display: block;
		font-size: 16px;
		padding-bottom: 4px;
	}
	#contact-form input{
		height: 30px;
		font-size: 16px;
		margin-bottom: 20px;
		width: 400px;
	}
		#contact-form input#submit{
			margin: 10px 0;
			width: 100px;
		}
	#contact-form select, #contact-form textarea{
		margin-bottom: 10px;
		width: 400px;
	}

						
/* Box Styles ***********************************/
#boxes{
	padding-top: 20px;
}
	#boxes img{
		float: left;
		margin-right: 15px;
	}
		#boxes img.last{
			margin-right: 0;
		}
		
/* Footer Menu/Copyright Styles ***********************************/
#footerMenu{
	font-size: 13px;
	margin-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}
	#footerMenu p{
		color: #636363;
		text-align: center;
	}
	#footerMenu ul{
		border-bottom: #d7d3d3 1px solid;
		border-top: #d7d3d3 1px solid;
		margin-bottom: 10px;
		padding: 4px 0;
		text-align: center;
		width: 930px;

	}
		#footerMenu ul li{
			display: inline;
		}
			#footerMenu ul li a{
				color: #636363;
				text-decoration: none;
			}
				#footerMenu ul li a:hover{text-decoration: underline;}