﻿

/* ^^^^^^^^ GENERAL SITE PROPERTIES ^^^^^^^^^^ */
body {
	margin: 24px 0 0 0;
	padding: 0;
	background-image: url(seattle-window-tinting/accutint_bg.gif);
	background-repeat: repeat-x;
	background-color: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .5px;
	color: #333;
}

p {
	line-height: 150%;
}

a:link {
	color: rgb(180,0,0);
}
     
a:visited {
	color: rgb(180,0,0);
}  

a:hover 
{
	color: rgb(0,0,0);
	text-decoration: none;
	
}   

a:active {
	text-decoration: underline;
}   


/* ^^^^^^^^ SITE CONTAINER ^^^^^^^^^^ */
div#container {
	width: 800px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px solid #cc0000;
}

div#bordercontainer
{
	width: 800px;
	margin: 0px;
	padding: 0px;
	background-image: url(seattle-window-tinting/tile.gif);
	background-repeat: repeat-y;

}
/* ^^^^^^^^ CONTAINER FOR TWO COLUMN LAYOUTS ^^^^^^^^^^ */
div#container2 {
	width: 800px;
	height: Auto;
	margin: 0px;
	padding: 0px;
}

div#container3 {
	width: 800px;
	height: Auto;
	margin: 0px;
	padding: 0px;
	background-image: url(seattle-window-tinting/tile.gif);
	background-repeat: repeat-y;
}

div#newsletter {
	width: 800px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	background-image: url(seattle-window-tinting/tile.gif);
	background-repeat: repeat-y;
}


/* ^^^^^^^^ TWO COLUMNS AND FOOTER ON HOMEPAGE ^^^^^^^^^^ */
div#left {
	float: left;
	width: 460px;
	margin: 10px 0px 0px 50px;
	padding: 0px 20px 0px 0px;
	border-right: 2px solid #ccc;
	display: inline;
}

div#right {
	float: left;
	width: 240px;
	margin: 0px 0px 35px 0px;
	padding: 10px 0px 0px 0px;
}

div#footer {
	width: 800px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	clear: both;
	border: 0px solid #ccc;
}

div#footer2 {
	width: 800px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}

div#footer2 a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}


/* ^^^^^^^^ TWO COLUMNS INSIDE PAGES ^^^^^^^^^^ */
div#left2 {
	float: left;
	width: 520px;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	border-left: 0px solid #ccc;
	display: block;
}

div#right2 {
	float: left;
	width: 200px;
	margin: 0 10px 0 20px;
	padding: 10px 0 0 0;
	display: block;
}


/* ^^^^^^^^ ONE COLUMNS PAGES ^^^^^^^^^^ */
div#one {
	width: 700px;
	margin: 0px 20px 0px 50px;
	padding: 0px 0px 0px 0px;
	border-left: 0px solid #ccc;
}


/* ^^^^^^^^ NEWSLETTER SIGNUP LINK ^^^^^^^^^^ */
a#newsletter:link {
	color: #fff;
	text-decoration: none;
	margin: 0px 60px 0 0;
	font-weight: normal;
}
     
a#newsletter:visited {
	color: #fff;
	text-decoration: none;
	margin: 0px 60px 0 0;
	font-weight: normal;
}  

a#newsletter:hover {
	color: #eb0000;
	text-decoration: none;
	margin: 0px 60px 0 0;
	font-weight: normal;
}   

a#newsletter:active {
	color: #eb0000;
	text-decoration: none;
	margin: 0px 60px 0 0;
	font-weight: normal;
} 

/* ^^^^^^^^ GOLD BLING ^^^^^^^^^^ */
div#bling {
	padding: 5px 0 5px 0;
	background-image: url(seattle-window-tinting/tile.gif);
	background-repeat: repeat-y;
}




/* ^^^^^^^^ FORM STYLES ^^^^^^^^^^ */
.submit {
      border: none;
      background: url(seattle-window-tinting/submit-button.gif) no-repeat;
      width: 85px;
      height: 32px;
}

.submit:hover {
      border: none;
      background: url(seattle-window-tinting/submit-button.gif) no-repeat;
      width: 85px;
      height: 32px;
}

.box {
      width: 310px;
      height: 18px;
      background: #ccc;
      border: 2px solid #666;
	  color: #333;
	  font-weight: bold;
	  font-size: 12px;
}

.box:focus {
      width: 310px;
      height: 18px;
      background: #ccc;
      border: 2px solid #666;
      color: #333;
      font-weight: bold;
	  font-size: 12px;
}

.messagebox {
	width: 200px;
	height: 100px;
	background: #ccc;
    border: 2px solid #666;
    font-weight: bold;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #333;
}


/* ^^^^^^^^ PHOTO SLIDER AT BOTTOM  ^^^^^^^^^^ */

div#slider {
	width: 711px;
	height: 175px;
	margin: 20px auto -20px auto;
	padding: 30px 0 0 0;
	background-image: url(seattle-window-tinting/slider-bg.gif);
	background-repeat: no-repeat;
}







