@charset "UTF-8";
/* Seager Alchemy - Main CSS Document */

/* RESET */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin:0;
	}

/* MAIN */

body {
	font:16px Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	margin:0;
	padding:0;
	text-align:center;
	color:#333;
	line-height:1.1em;
	}

#content {
	width:940px;
	background:url(images/main_bg.png) repeat-x;
	}

h1 {
	padding-top:10px;
	font-size:130%;
	font-weight:bold;
	line-height:1.2em;
	color:#000;
	}

h2 {
	font-size:110%;
	font-weight:bold;
	color:#000;
	}

h3 {
	font-size:90%;
	font-weight:normal;
	color:#000;
	padding-bottom:6px;
	}

h1, h2 {
	color:#333;
	}

.wrapper #header h1 {
	margin:0;
	padding:0;
}

em {
	font-size:100%;
	font-style:italic;
	}

strong {
	font-size:100%;
	font-weight:bold;
	}

img, img:link {
	border:none;
	border:0;
	}

.img_right {
	display:block;
	float:right;
	}

.wrapper #container {
	width:940px;
	margin: 0 auto;
	text-align: left;
}


#top_block {
	display:block;
	height:20px;
	width:100%;
	color:#fff;
	font-size:60%;
	text-align:center;
	background:#052b50;
	}

#header {
	display:block;
	background-image:url(images/seager_alchemy_header_bg.jpg);
	background-repeat:no-repeat;	
	width:100%;
	height:140px;
	}

.header_logo {
	display:block;
	float:left;
	padding:66px 0 0 20px;
	}

.header_logo a, .header_logo a:hover {
	color:#000;
	text-transform:capitalize;
	font-size:180%;
	line-height:1em;
	text-decoration:none;
	text-shadow: 0 1px #999;
	}

.header_right {
	display:block;
	float:right;
	padding:0 10px 0 0;
	}

#mainWrapper {
	display:block;
	width:940px;
	}

/* -- Menu -- */

#main_nav_block {
	display:block;
	width:940px;
	float:inherit;
	text-align:center;
	padding:0;
	margin:0;
	font-size:90%;
	height:30px;
	}

ul#main_nav {
	margin:0;
	padding-top:0;
	width:auto; /*For KHTML*/
	list-style: none;
	text-transform:uppercase;
	height:30px;
	background:#052b50;
}

ul#main_nav li {
  margin: 0;
  padding: 0;
  float:left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height:28px;
  line-height:2em;
}

ul#main_nav ul {
  margin: 0;
  border:none;
  padding: 0;
  width:auto !important;
  list-style: none;
  display: none;
  position: absolute;
  top:28px;
  left:0;
}

ul#main_nav ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#main_nav ul li {
  white-space:nowrap;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#main_nav a {
  padding:0 9px 0 9px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  text-decoration: none;
  height:auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#main_nav a:hover,
ul#main_nav li:hover a,
ul#main_nav li.iehover a {
	color:#000;
	background-color:#dae4f1;
}

ul#main_nav a:hover span,
ul#main_nav li:hover a span,
ul#main_nav li.iehover a span {
}

/* 2nd Menu */
ul#main_nav li:hover li a,
ul#main_nav li.iehover li a {
	float: none;
	text-align:left;
	width:160px;
	height:30px;
	background-image:url(img/top_nav_bg.jpg);
	background-repeat:repeat-x;
	color:#fff;
}

/* 2nd Menu Hover Persistence */
ul#main_nav li:hover li a:hover,
ul#main_nav li:hover li:hover a,
ul#main_nav li.iehover li a:hover,
ul#main_nav li.iehover li.iehover a {
	color:#000;
	background-color:#dae4f1;
	background-image:none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#main_nav li:hover ul ul,
ul#main_nav li:hover ul ul ul,
ul#main_nav li.iehover ul ul,
ul#main_nav li.iehover ul ul ul {
  display: none;
}

ul#main_nav li:hover ul,
ul#main_nav ul li:hover ul,
ul#main_nav ul ul li:hover ul,
ul#main_nav li.iehover ul,
ul#main_nav ul li.iehover ul,
ul#main_nav ul ul li.iehover ul {
  display: block;
}

#main_nav .main_nav_active {
	color:#000;
	background-color:#dae4f1;
}

/* -- CONTENT AREAS -- */

.buy_bar {
	display:block;
	width:160px;
	float:right;
	padding:30px;
	margin:10px;
	text-align:center;
	border:dotted 2px #999;
	}

#mainContent {
	width:880px;
	height:auto;
	padding:20px 30px;
	margin:0;
	font-size:96%;
	}

#mainContent a:link, #mainContent a:visited {
	color:#666;
	font-weight:bold;
	text-decoration:underline;
	}

#mainContent a:hover {
	text-decoration:none;
	}

#baseContent {
	width:620px;
	height:auto;
	padding:0 30px 20px 0;
	margin:0;
	}

.base_main {
	display:block;
	width:96%;
	background-color:#f0f0f0;
	padding:20px;
	margin-left:20px;
	margin-right:0;
	}

.base_title {
	font-size:120%;
	background-image:url(img/tr.gif);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#f0f0f0;
	display:inline;
	height:30px;
	width:auto;
	padding:6px 20px 6px 6px;
	margin-left:6px;
	font-weight:bold;
	line-height:1.8em;
	}

.base_title_left {
	display:inline;
	height:30px;
	background-image:url(img/tl.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#f0f0f0;
	padding:9px 0 6px 6px;
	margin-left:30px;
	}

.base_box {
	display:block;
	float:left;
	width:211px;
	height:182px;
	padding:10px 0 0 10px;
	margin-right:10px;
	color:#333;
	font-size:80%;
	background-image:url(img/base_box.png);
	background-repeat:no-repeat;
	}

.base_box_copy {
	overflow:scroll;
	}

.base_box_white {
	color:#fff;
	font-weight:bold;
	}

.base_box a:link, .base_box a:visited {
	text-decoration:none;
	color:#fff;
	}

.base_box a:hover {
	text-decoration:underline;
	}

/* -- MAINBOXES -- */

#mainboxes {
	width:100%;
	left:0%;
	margin:0 auto 10px auto;
	font-size:70%;
	padding:0;
}

#mainbox_mid{ right: 25% }
#mainbox_in{ right: 25% }
#mainbox_left{ right: 25% }

#mainboxes h1 {
	font-size:150%;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	}

.mainbox_1{
   width: 23%;
   left: 101%;
}

.mainbox_2{
   width: 23%;
   left: 53%;
}

.mainbox_3 {
   width: 23%;
   left: 80%;
   padding-left:5px;
	}

.mainbox_3 img {
	padding:0 auto;
	}

.mainbox_4{
   width: 23%;
   left: 82%
}

#mainboxes{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
}

#mainbox_mid{
   float: left;
   width: 100%;
   position: relative;
}

#mainbox_in{
   float: left;
   width: 100%;
   position: relative;
}

#mainbox_left{
   float: left;
   width: 100%;
   position: relative;
}

.mainbox_1{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

.mainbox_2{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

.mainbox_3{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

.mainbox_4{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

.mainbox_1 img, .mainbox_3 img, .mainbox_4 img {
	width:200px;
	height:89px;
	padding-bottom:10px;
	}

.mainbox_2 img {
	padding-bottom:27px;
	}

#sideboxes {
	width:240px;
	margin-left:10px;
	padding:10px 0 10px 10px;
	text-transform:uppercase;
	text-align:center;
	float:right;
	background:url(images/main_bg.png) repeat-x;
}

.sidebox_1, .sidebox_2, .sidebox_3, .sidebox_4 {
	padding:10px;
	}
	
/* -- Contact form -- */

fieldset {
	margin:0;
	padding:0;
	border:0;
	}

.txt_input {
	width:400px;
	display:block;
	}

textarea {
	height:100px;
	width:200px;
	}

.req {
	color:#f00;
	font-size:90%;
	}

#form_errors {
	color:#f00;
	display:none;
	}

#form_thanks {
	color:#000;
	display:none;
	font-size:110%;
	font-weight:bold;
	}

/* -- END Contact Form -- */

.wrapper #footer {
	width:940px; 
	font-size:66%;
	color:#333;
}

#footer a:link, #footer a:visited {
	color:#333;
	text-decoration:none;
	}

#footer a:hover {
	color:#333;
	text-decoration:underline;
	}

.wrapper #footer p {
	margin: 0;
	padding: 10px 0;
}

.footer_top {
	display:block;
	height:61px;
	background-image:url(img/footer_top.png);
	background-repeat:no-repeat;
	}

.footer_base {
	display:block;
	height:36px;
	background-color:#eff3e7;
	vertical-align:middle;
	}

.footer_links {
	float:left;
	padding-left:20px;
	padding-top:10px;
	}

.footer_corp {
	float:right;
	padding-top:10px;
	}

.footer_logo {
	vertical-align:middle;
	padding:0 20px 0 20px;
	}

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

.da_pic {
	float:left;
	padding-right:16px;
	padding-bottom:10px;
	}

.offices td {
	padding:6px;
	font-size:80%;
	}

ul#main_list, ul#main_list_2 {
	padding-top:10px;
	padding-left:30px;
	font-size:80%;
	line-height:1.4em;
	}

/* -- Form BEGIN --*/

.required {
	color:#ff0000;
	}

#myForm {
	padding: 5px;
	width:800px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: left;
	width:260px;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color:#00A777;
}

#myForm #submit {
	margin-left:400px;
	text-align:center;
}

#validationMessage {
	padding: 5px;
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

.small {
	font-size:70%;
	}

#submit {
	}

/* -- Form END -- */

/* -- Contact form -- */

fieldset {
	margin:0;
	padding:0;
	border:0;
	}

.txt_input {
	width:400px;
	display:block;
	}

textarea {
	height:100px;
	width:200px;
	}

.req {
	color:#f00;
	font-size:90%;
	}

#form_errors {
	color:#f00;
	display:none;
	}

#form_thanks {
	color:#000;
	display:none;
	font-size:110%;
	font-weight:bold;
	}

/* -- END Contact Form -- */

.clear {
	clear:both;
	}