/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

/* LAYOUT */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #7E7E7E;
}
#header {
 border-bottom: 1px solid #7E7E7E;
 background: #FFFFFF;
 height: auto;
}
#leftcolumn {
 width: 175px;
 background: #000000;
 color: #FFFFFF;
}
#rightcolumn {
 width: 750px;
 padding: 60px 30px 30px 30px;
 background: #FFFFFF;
 color: #000000;
}
#newscolumn{
 width: 580px;
 padding: 60px 30px 30px 30px;
 background: #FFFFFF;
 color: #000000;
}
#linkscolumn{
 width: 175px;
 padding: 60px 30px 30px 0;
 background: #FFFFFF;
 color: #000000;
}
#home {
 width: 750px;
 padding: 30px 30px 30px 30px;
 background: #FFFFFF;
 color: #000000;
}
#footercorner { 
 height: auto;
 background: #FFFFFF;
 border-right: 1px solid #FFFFFF;
}
#footer {
 width: 900px;
 padding: 10px 0px 10px 0px;
 color: #FFFFFF;
 text-align: left;
}
.clear { clear: both; background: none; }

#rightalign {
 float: right;
 height: auto;
 width: auto;
 margin: 0px 0px 10px 10px;
}
#leftalign {
 float: left;
 height: auto;
 width: auto;
 margin: 0px 10px 10px 0px;
}
#roomsright {
 float: right;
 height: auto;
 width: auto;
 margin: 0px 0px 0px 15px;
}

.roomsright {
 float: right;
 margin: 0px 0px 10px 10px;
}

.roomsleft {
 float: left;
 margin: 0px 10px 10px 0px;
}
#roomsleft2 {
 float: left;
/* margin: 0px 10px 10px 0px;*/
 width:700px;
}

#custom { 	
 margin: 0 auto;
 margin: 10px;
 padding: 10px;
 width: 639px;
 text-align: left;
 /*vertical-align: left;	*/
 background: url(images/content_bg.jpg) no-repeat;
}

#genbox {
 float: right;
 height: auto;
 width: 200px;
 margin: 0 15px 0 15px;
}

#contactbox {
 float: left;
 height: auto;
 width: 280px;
}

#boxthird {
 float: left;
 height: auto;
 width: 30%;
}

#casestudy {
 border: 1px solid #7E7E7E;
 float: left;
 height: auto;
 padding: 10px;
 width: 60%;
}

/* PRODUCTS */

.bottom {
 border-bottom: 1px solid #7E7E7E;
 margin-bottom: 0px;
 padding-bottom: 10px;
}

.image {
 float: right;
 margin: 3px 0 0 10px;
 padding: 0;
}

.indent {
 margin-right: 130px;
}

.cell {
 padding: 0 25px 10px 0;
}

/* STYLES */

h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 {font-size: 1.2em; font-weight: bold; color: #99CC66;}
h2 {font-size: 0.8em; font-weight: bold;}

.headw {font-size: 1.2em; font-weight: bold; color: #FFFFFF;}

p {
 font-size: 0.8em;
}
#footer p {
 font-size: 0.7em;
 margin-right: 220px;
}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000;}
a:hover {color: #99CC66;}

a.one:link {color: #000000; text-decoration: underline}
a.one:visited {color: #000000;}
a.one:hover {color: #FFFFFF;}

#rightcolumn hr {border: 0; height: 1px; color: #99CC66; background-color: #99CC66;}
#home hr {border: 0; height: 1px; color: #99CC66; background-color: #99CC66;}
.smallprint {
	font-size: 0.7em;
	text-align: right;
}

#leftcolumn a {
 color: #FFFFFF;
 text-decoration: underline;
}
#leftcolumn a:hover {
 color: #99CC66;
}

#footer a {
 color: #FFFFFF;
 text-decoration: underline;
}
#footer a:hover {
 color: #99CC66;
}

#product {
 width: 100%;
 height: auto;
 border-bottom: 1px solid #99CC66;
}

.rightalign {
 float: right;
 height: auto;
 width: auto;
 margin: 0px 0px 10px 10px;
}
.rightalign2 {
	float: right;
	height: auto;
	width: auto;
	margin: 0px 0px 0px 20px;
}
.leftalign {
 float: left;
 height: auto;
 width: auto;
 margin: 0px 10px 10px 0px;
}

#homefooter p {
 font-size: 11px;
 font-weight: bold;
 background: #3333CC;
 color: #ffffff;
 margin: 0px 20px 0px 20px;
 padding: 3px;
 text-align: center;
 border: 1px solid #FFFFFF;
}



#rightcolumn ul {
 font-size: 0.8em;
 list-style-position: outside;
 list-style-type: square;
}

#linkscolumn ul {
 font-size: 0.8em;
 list-style-position: outside;
 list-style-type: square;
}

#maintitle {
 width: 434px;
 font-size: 36px;
 font-weight: bold;
 text-transform: none;
 margin: 57px 0px 0px 0px;
}
#mainsub {
 font-size: 24px;
 font-weight: bold;
 margin: 20px 0px 0px 0px;
}

.bullets {
 list-style-type: disc;
 text-decoration: none;
 list-style-position: inside;
}
.subnavBox {
	float: left;
	background-color: #6C6869;
	width: 113px;
}


table.product {
/* border-spacing: 0px;*/
 border-collapse: collapse;
 background: #FFFFFF;
 border: 1px solid #99CC66;
}
table.contact th {
 font-size: 1.2em;
 text-align: left;
 font-weight: bold;
 padding: 10px;
 color: #FFFFFF;
 background: #99CC66;
 border: 1px solid #99CC66;
}
table.contact td.contactleft {
 text-align: left;
 padding: 10px;
 border-left: 1px solid #99CC66;
}
table.contact td.contactright {
 text-align: left;
 padding: 10px;
 border-right: 1px solid #99CC66;
}
table.contact td.contactbutton {
 text-align: right;
 padding: 10px;
 border: 1px solid #99CC66;
}

table.press {
/* border-spacing: 0px;*/
 border-collapse: collapse;
 background: #FFFFFF;
 border: 1px solid #99CC66;
}
table.press th {
 text-align: left;
 font-weight: bold;
 padding: 5px;
 background: #99CC66;
 border: 1px solid #99CC66;
}
table.press td {
 text-align: left;
 padding: 5px;
 border-left: 1px solid #99CC66;
 border-right: 1px solid #99CC66;
 border-bottom: 1px solid #99CC66;
}

/* FORM */

label {
 font-size: 0.8em;
 font-weight: bold;
}

label.radio {
 font-size: 0.8em;
 font-weight: normal;
}

.para {
 font-size: 0.8em;
 font-weight: normal;
}
.date {
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 130%;



}