@charset "UTF-8";
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* --------------------CSS Document--------------------- */
/* -------------------G2inmotion.com-------------------- */
/* ----------------styled by Chris Blair---------------- */
/* ----------------------------------------------------- */
/* --------------------main colors:--------------------- */
/* ------------------bkgrnd: #6699cc-------------------- */
/* ----------------text color: #33597F------------------ */
/* ----------------link color: #33597F------------------ */
/* ---------------hover color: #6699cc------------------ */
/* --------------hover nav color: #33597F--------------- */
/* ---------------content bkgrnd: #99CCFF--------------- */
/* -----------------light tan: #f2ddb6------------------ */
/* -----------------dark tan : #99CCFF------------------ */
/* ----------------------------------------------------- */


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

/* ----------------General Styling---------------- */

h1, h2, h3 {text-align: center;}

.clear {clear: both;}
.clear_r {clear: right;}
.clear_l {clear:left;}

.center {text-align: center;}

.right {float:right;}
.left {float:left;}

.attn {
	font-weight: bold;}

/* ----------------Header---------------- */

#header {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	height: 150px;}

#logo {
	position: relative;
	float: left;
	margin: 30px 0 0 -20px;
	padding: 0;
	height: auto;
	width: auto;}

#nav {
	position: relative;
	float: right;
	margin: 0 -20px 0 10px;
	padding: 0;
	list-style-type: none;}
		#nav li {
			margin: 0;
			padding: 0;
			float: left;
			display: inline;}
		#nav li a {
			float: left;
			padding: 30px 15px 0 10px;
			text-decoration: none;
			font-weight: bold;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
		#nav li a:hover {}

#special {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 176px;
	height: 130px;
	right: 40px;
	top: 15px;}

/* ----------------Main Content Section---------------- */

#container {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;}

#content {
	margin: 0;
	padding: 10px 10px;}

.photo {
	margin: 10px;
	padding: 5px 5px;
	position: relative;
	width: 300px;
	height: 300px;
	display: block;
	float: right;}
	.photo span {
		margin: 5px;
		width: 350px;
		height: 350px;
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;}

.photo_main {
	margin: 10px;
	padding: 5px 5px;
	position: relative;
	width: 600px;
	height: 300px;
	display: block;}

#img_rot {
	margin: -10px -10px 0 -10px;
	padding: 0;}

#box1 {							/* This box is for the homepage boxes */
	float: left;
	height: 150px;
	width: 425px;
	margin: 10px 20px;
	padding: 0;}
	#box1 img {
		padding: 5px 5px;}

#box2 {							/* This box is for the locations boxes */
	float: left;
	height: 275px;
	width: 440px;
	margin: 10px 10px;
	padding: 0;}
	#box2 img {
		padding: 5px 5px;
		float: left;}
	#box2 p {text-align: center;}

#sub_nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
	font-weight: bold;
	text-align: right;
	width: 250px;
	float: left;}
	#sub_nav li {
		margin: 0;
		padding: 0;}
	#sub_nav li a {
		text-decoration: none;
		padding: 10px 5px 10px 0;
		display: block;}
	#sub_nav li a:hover {}

#sub_content {
	width:	65%;
	float: right;
	margin: 0;
	padding: 0px 10px;}

#gen_list li {
	margin: 0;
	padding: 0 20px 10px 10px;}

#services_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	text-align: center;}
	#services_list li {
		margin: 0;
		padding: 0;
		display: inline;}
	#services_list li a {
		margin: 0;
		padding: 10px 5px 10px 0;
		display: inline;}

/* ----------------Footer Section---------------- */

#footer {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 50px 0;
	width: 100%;
	height: 150px;}
	#footer p {
		font-size: small;
		text-align: center;}
	#footer a:hover {}
	#footer ul {
		text-align: center;
		margin: 0;
		padding: 5px 0 0 0;}
	#footer ul li {
		list-style-type: none;
		display: inline;
		margin: 0 2px;
		padding: 0 15px;}

#stores {
	clear: both;
	margin: 0px auto 0 auto;
	padding: 0;
	width: 100%;}
	#stores img {
		padding: 0 0 0 12px;
		margin: 0;}