/* Main CSS File for Arizona Templates */

* {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, "Times New Roman", Courier, serif;
	color: #666;
	outline: none;
}

body {
	text-align: center;
	background-color: #ccc;
}

div, span {}

p {
	margin-bottom: 15px;
	font-size: 0.8em;
}

blockquote {}

strong {
	font-weight: bold;
}

ul, ol {}

ul li {
	margin-left: 25px;
}

ol li {}

h1, h2, h3, h4, h5 {
	color: #f90;
	margin-bottom: 10px;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-weight: 1.6em;
}

h3 {
	font-weight: 1.4em;
}

h4 {
	font-weight: 1.2em;
}

h5 {
	font-weight: 1.0em;
}

a:link, a:visited {
	text-decoration: none;
	color: #69c;
}

a:hover, a:active {
	text-decoration: underline;
	color: #f90;
}

/* Brandon Buttars Elements */

.inner {
	padding: 10px;
}

.clr1 {}

.clr2 {}

.clr3 {}

.b {
	font-size: 1.1em;
}

.bb {
	font-size: 1.2em;
}

.bbb {
	font-size: 1.3em;
}

.small {
	font-size: 0.7em;
}

.nm {
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
}

/* Layout Elements */

#top {
	width: 920px;
	height: 14px;
	margin: 0 auto;
	margin-top: 20px;
	background-image: url(graphix/top.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	font-size: 0;
}

#wrapper {
	width: 920px;
	margin: 0 auto;
	background-image: url(graphix/back.png);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: justify;
}

	#logo {
		text-indent: -9999px;
		position: relative;
		float: left;
		width: 220px;
		height: 70px;
		margin-left: 25px;
		_margin-left: 13px;
		margin-bottom: 10px;
		background-image: url(graphix/logoTop.png);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
		#logo a:link, #logo a:visited {
			display: block;
			width: 220px;
			height: 70px;
			background: transparent;
			background: url(graphix/logoTop.png) no-repeat top left;
		}
		
		#logo a:hover, #logo a:active {
			background: url(graphix/logoTop2.png) no-repeat top left;
		}
	
	#phone {
		position: relative;
		float: right;
		right: 25px;
		font-size: 1.6em;
		margin-top: 15px;
		color: #69c;
	}
	
	#topnav {
		clear: both;
		margin: 0 20px;
		text-transform: uppercase;
		color: #69c;
	}
	
		#topnav ul {
			text-align: center;
			padding: 10px 0;
			border-top: 1px solid #ccc;
		}
		
			#topnav ul li {
				display: inline;
				text-align: center;
				margin-left: 0;
				padding: 20px 3px;
				font-size: 0.9em;
				color: #69c;
			}
		
				#topnav ul li a:link, #topnav ul li a:visited {
					color: #69c;
					font-size: 1.0em;
				}
			
				#topnav ul li a:hover, #topnav ul li a:active {}
			
	#header {
		background-color: #C0D6EC;
		background-repeat: no-repeat;
		background-position: top center;
		border: 1px solid #999;
		min-height: 150px;
		_height: 150px;
		margin: 0 25px;
		margin-bottom: 10px;
		text-indent: -9999px;
		display: block;
	}
	
		#header a.home {
			display: block;
			background-image: url(graphix/homeHeader.jpg);
			background-color: #C0D6EC;
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
			_height: 150px;
		}
		
		#header a.contact {
			display: block;
			background-image: url(graphix/contactHeader.jpg);
			background-color: #C0D6EC;
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
			_height: 150px;			
		}
		
		#header a.seo {
			display: block;
			background-image: url(graphix/seoHeader.jpg);
			background-color: #C0D6EC;
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
			_height: 150px;
		}
		
		#header a.design {
			display: block;
			background-image: url(graphix/designHeader.jpg);
			background-color: #C0D6EC;
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
			_height: 150px;
		}
		
		#header a.link {
			display: block;
			background-image: url(graphix/linkHeader.jpg);
			background-color: #C0D6EC;
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
			_height: 150px;
		}
		
		#header a.rep {
			display: block;
			background-image: url(graphix/repHeader.jpg);
			background-color: #C0D6EC;
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
			_height: 150px;
		}
	
	#main {
		background-color: #F3F3F3;
		border: 1px solid #999;
		min-height: 300px;
		_height: 300px;
		margin: 0 25px;
	}
	
		#content {
			text-align: justify;
			/* width: 600px; */
			width: 860px;
		}
		
			#content p {}
			
			#content img {}
			
			#content a:link, #content a:visited {}
			
			#content a:hover, #content a:active {}
			
			#content h1 {
				text-indent: -9999px;
				display: block;
				width: 580px;
				height: 50px;
				color: #69c;
				margin-bottom: 0;
			}
			
		#side {}
		
			#side h2 {}
			
			#side p {}
			
			#side ul {}
			
				#side ul li {}
				
					#side ul li a:link, #side ul li a:visited {}
					
					#side ul li a:hover, #side ul li a:active {}
					
			#side a:link, #side a:visited {}
			
			#side a:hover, #side a:active {}
			
		#botnav {
			clear: both;
			margin: 0 20px;
			text-transform: uppercase;
			color: #69c;
		}
		
			#botnav ul {
				text-align: center;
				padding: 10px 0;
				border-bottom: 1px solid #ccc;
			}
			
				#botnav ul li {
					display: inline;
					text-align: center;
					margin-left: 0;
					padding: 0 3px;
					font-size: 0.85em;
					color: #69c;
				}
				
					#botnav ul li a:link, #botnav ul li a:visited {
						color: #69c;
						font-size: 1.0em;
					}
					
					#botnav ul li a:hover, #botnav ul li a:active {}

	#footer {
		position: relative;
		padding-bottom: 5px;
	}					
										
		#smlogo {
			position: relative;
			height: 33px;
			width: 100px;
			margin: 10px 25px;
			text-indent: -9999px;
		}
		
			#smlogo a:link, #smlogo a:visited {
				background: url(graphix/logoBot.png) no-repeat top left;
				display: block;
				width: 100px;
				height: 33px;
			}
			
			#smlogo a:hover, #mslogo a:active {
				background: url(graphix/logoBot2.png) no-repeat top left;
			}
			
		#copy {
			position: absolute;
			_position: relative;
			_float: right;
			right: 35px;
			bottom: 20px;
			font-size: 0.8em;
			color: #999;
		}
		
#bottom {
	width: 920px;
	height: 14px;
	margin: 0 auto;
	background-image: url(graphix/bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	font-size: 0;
}

/* Page Title Background */

#homeTitle {
	background: url(graphix/homeTitle.png) no-repeat top left;
}

#seoTitle {
	background: url(graphix/seoTitle.png) no-repeat top left;
}

#linkTitle {
	background: url(graphix/linkTitle.png) no-repeat top left;
}

#repTitle {
	background: url(graphix/repTitle.png) no-repeat top left;
}

#designTitle {
	background: url(graphix/designTitle.png) no-repeat top left;
}

#contactTitle {
	background: url(graphix/contactTitle.png) no-repeat top left;
}

/* ====== Contact Form CSS ===== */

td {padding: 5px;}

label, input, textarea, button, select, option {font-size: 0.8em;}