/* ------------------------------------------------------------------------
CSS sheet for Window Film Specialists
Author: Jeff Sanders
Date Created: 12/11/06

All inquiries for this document should be directed to info@randomactsdesign.com
------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
body {
	text-align: center;
	border-left: 20px solid #010FE5;
}
#wrapper {
	margin: 0px auto;
	width: 760px;
	position: relative;
	text-align: left;
}
#header {
	padding-top: 20px;
	text-align: center;
}
#location {
	height: 30px;
	margin-top: 10px;
	text-align: center;
	border-bottom: 1px solid #000;
	font: bold 15px/30px "Trebuchet MS", Helvetica, sans-serif;
}
#main_content {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	min-height: 200px;
}
#footer {
	padding-bottom: 10px;
	text-align: center;
	border-top: 1px solid #000;
	clear: both;
}

/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
------------------------------------------------------------------------*/

/* top navigation */
ul#nav {
	margin-left: 0px;
	text-align: center;
}
ul#nav li {
	display: inline;
}
ul#nav li a {
	margin-right: 3px;
	padding-left: 18px;
	height: 24px;
	font: 16px/30px "Trebuchet MS", Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	background: url(../images/bullet.jpg) center left no-repeat;
}
ul#nav li a:hover {
	background: url(../images/bullet_hvr.jpg) center left no-repeat;
}
#home ul#nav li.home a,
#commercial ul#nav li.commercial a,
#residential ul#nav li.residential a,
#auto ul#nav li.auto a,
#gallery ul#nav li.gallery a,
#faq ul#nav li.faq a,
#contact ul#nav li.contact a {
	background: url(../images/bullet_hvr.jpg) center left no-repeat;
}

/* bottom navigation */
ul.bot_nav {
	margin-top: 5px;
	text-align: center;
	list-style-type: none; 
}
ul.bot_nav li {
	margin-right: 10px;
	font-size: 12px;
	display: inline;
}

/* -----------------------------------------------------------------------
TEXT DESIGN ELEMENTS
------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p {
	margin: 10px 0px;
	clear: both;
}
h1 {
	font: 22px "Trebuchet MS", Helvetica, sans-serif;
	color: #000;
}
h2 {
	font: 18px "Trebuchet MS", Helvetica, sans-serif;
	color: #000;
}
p {
	margin: 10px 0px;
	font: 12px/18px Verdana, Geneva, sans-serif;
}
a {
	font-size: inherit;
}
.copy {
	font-size: 10px;
}
.attn {
	color: #FF0000;
}
.testimonial {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.more {
	text-align: right;
}

/* -----------------------------------------------------------------------
FORM DESIGN ELEMENTS
------------------------------------------------------------------------*/
form {
	margin-bottom: 30px;
	width: 290px;
}
label {
	line-height: 20px;
}
input[type="text"] {
	width: 290px;
	margin-bottom: 10px;
}
select {
	width: 290px;
	margin-bottom: 10px;
}
	option {
		padding-left: 5px;
		line-height: 18px;
	}
input[type="submit"] {
	padding: 2px 3px;
	width: auto;
}
textarea {
	margin-bottom: 10px;
	width: 290px;
}

/* -----------------------------------------------------------------------
PAGE DESIGN ELEMENTS
------------------------------------------------------------------------*/
#main {
	width: 500px;
	float: left;
}
#sidebar {
	margin: 0px 0px 20px 10px;
	padding-left: 20px;
	width: 200px;
	font: 10px;
	border-left: 1px solid #ccc;
	float: right;
}
#sidebar li  {
	font-size: 11px;
	line-height: 18px;
}
.col_1 {
	padding: 0px 10px 10px 0px;
	width: 350px;
	float: left;
}
.col_2 {
	padding: 0px 0px 10px 10px;
	width: 350px;
	float: right;
}
.cntr {
	text-align: center;
}

/* -----------------------------------------------------------------------
IMAGE DESIGN ELEMENTS
------------------------------------------------------------------------*/
.logo {
	margin: 10px;
}
.left_pic {
	margin: 5px 10px 5px 0px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}
.right_pic {
	margin: 5px 0px 5px 5px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}
.right_pic_no_brdr {
	margin: 5px 0px 5px 5px;
	padding: 5px;
}
.center_img {
	text-align: center;
	margin: 0px auto;
	display: block;
}
.center_brdr {
	margin: 5px 0px 5px 5px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

/* -----------------------------------------------------------------------
LIST ELEMENTS
------------------------------------------------------------------------*/
ul {
	margin-left: 20px;
}
li {
	line-height: 18px;
	list-style-image: url(../images/gray_bullet.jpg);
}

ul.examples {
	margin: 0px;
	padding-left: 5px;
}
ul.examples li {
	display: inline;
}

ul#faq {
	margin-left: 0px;
	list-style-type: none;
}
ul#faq li {
	list-style-image: none;
}

ul#gallery {
	list-style-type: none;
	margin-left: 0px;
	clear: both;
}
ul#gallery li {
	list-style-image: none;
	float: left;
}
ul#gallery img {
	margin: 6px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}
ul#galhome {
	margin-left: 30px;
	list-style-type: none;
	clear: both;
}
ul#galhome li {
	padding: 0px 20px;
	list-style-image: none;
	text-align: center;
	float: left;
}
ul#galhome img {
	margin: 6px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}
ul.products {
	list-style-type: none;
	text-align: center;
}
ul.products li {
	margin: 10px;
	list-style-image: none;
	display: inline;
}

/* -----------------------------------------------------------------------
TABLE DESIGN ELEMENTS
------------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font: 10px/16px Verdana, Geneva, sans-serif;
}
td {
	padding: 3px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
td img {
	margin: 0px auto;
	display: block;
}
iframe {
	margin: 0px auto;
	border: 1px solid #ccc;
	display: block;
}

/* -----------------------------------------------------------------------
HOME PAGE ELEMENTS
------------------------------------------------------------------------*/
#home h1 {
	text-align: center;
	font: 22px "Trebuchet MS", Helvetica, sans-serif;
	color: #000;
}