body {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 80%;
	color: #333;
	margin: 0px;
}

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

h1 {
	color: #4dadca;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 .5em 0;
	line-height: 1.25em;
}

h2 {
	color: #333;
	font-size: 1.2em;
	margin: 1em 0 0 0;
	line-height: 1.5em;
}

h2.top {
	color: #333;
	font-size: 1.2em;
	margin: 0;
	line-height: 1.5em;
}

h3 {
	color: #4dadca;
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0 0 0;
	line-height: 1.5em;
}

h4 {
	color: #a0ad68;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

hr {
	border: none;
	border-bottom: 1px dotted #333;
	margin: 3em 0 2em 0;
}

.blue {
	color: #4dadca;
}

.green {
	color: #a0ad68;
}

.red {
	color:#ff0000;
}



#top{
	width: 880px;
	margin: auto;	
}

#logo {
	float:left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#navigation{
	float: right;
	width: 690px;
}

#navigation ul{
	float:right;
	list-style-type:none;
}

#navigation ul li {
	display:inline;
	width:77px;
	height:91px;
	float:left;
	margin-left:5px;
	background-color:#ededed;
}

#navigation ul li a{
	display: block;
	text-decoration: none;
	color: #666;
	padding: 60px 0px 4px 6px;
	background-color:#e9e9e9;
}

#navigation ul li a:hover{
	color: #a0ad68;
	border-bottom:4px solid #a0ad68;
}

#header {
	background: url(../images/header_bar2.jpg) repeat-x;
	height: 60px;
	clear: left;
}

#main {
	width: 880px;
	margin: auto;
}

#main a {
	color: #4dadca;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}



/*--------HOMEPAGE SLIDESHOW--------*/

#slideshow {
    position:relative;
    height:335px;
}

#slideshow A {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow A.active {
    z-index:10;
    opacity:1.0;
}

#slideshow A.last-active {
    z-index:9;
}



/*--------CONTENT--------*/

.content {
	width:280px;
	float: left;
}

.content p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 2em 0;
}

#content, #content2, #content3 {
	width: 640px;
	float: left;
}

#content p, #content2 p, #content3 p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

#content p.callout {
	text-transform: uppercase;
	font-weight: bold;
}

#content ul, #content2 ul, #content3 ul, .content ul{
	margin-left: 40px;
	padding-bottom: 10px;
}

#content ul li, #content2 ul li, #content3 ul li, .content ul li{
	padding-bottom: 5px;
	line-height: 1.5em;
}

#content ul li ul{
	margin-left: 30px;
	padding-bottom: 0px;
}

#content ul li ul li {
	padding-bottom: 0px;
}

#content ul.numbered {
	list-style-type: decimal;
	margin-left: 40px;
	padding-bottom: 10px;
}

#content ul.numbered li {
	padding-bottom: 5px;
	line-height: 1.5em;
}



/*--------SIDEBARS--------*/

#sidebar {
	width: 181px;
	float: left;
	padding-left: 59px;
	font-size: .86em;
	line-height: 1.6em;
}

.sidebar {
	width: 181px;
	float: left;
	padding-left: 59px;
}

#sidebar img {
	margin-bottom: 10px;
}

#sidebar img.other{
	margin-bottom:0px;
}

#sidebar2 p {
	margin-bottom:20px;	
}

#sidebar2 {
	width: 181px;
	float: left;
	font-size: .86em;
	line-height: 1.6em;
	margin-bottom:15px;
	margin-left:25px;
	border-left: 1px dotted #4dadca;
	padding-left: 29px;
	margin-top:43px;
}

#sidebar2 ul {
	margin-left: 30px;
	padding-bottom: 10px;
}

#sidebar2 ul li {
	padding-bottom: 5px;
	line-height: 1.3em;
}



/*--------LIGHTBOX (SHIPPING)--------*/

#lightbox h1 {
	color: #4dadca;
	font-size: 1.5em;
	font-weight: normal;
	margin:0 0 1em 0;
	line-height: 1.5em;
}

#lightbox h2{
	color: #333;
	font-size: 1.2em;
	margin: 1em 0 0 0;
	line-height: 1.5em;
}
	
#lightbox p {
	font-family: Helvetica, Arial, Sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

#lightbox ul {
	margin-left: 30px;
}

#lightbox ul li {
	padding-bottom: 5px;
	line-height: 1.5em;
}

#lightbox a {
	color: #4dadca;
	text-decoration: none;
}

#lightbox a:hover {
	text-decoration: underline;
}

#lightbox hr {
	border: none;
	border-bottom: 1px dotted #333;
	margin: 1em 0 1em 0;
}

#lightbox.done p{
	color:#333;
}



/*--------FORMS--------*/

form label {
	display:inline-block;
/*	float:left;*/
/*	clear:left;*/
	line-height:1.8em;
	padding-right:10px;
/*	text-align:right;*/
	vertical-align:top;
	width:150px;
}

input, textarea {
/*	float:left;*/
	border:1px solid #CCCCCC;
	padding:2px;
	margin-bottom:12px;
}

input.submit {
	padding:3px;
	margin-top:0px;
}

input.submit:hover {
	background-color:#E2E2E2;
}

.content select, .content input {
	border:1px solid #CCCCCC;
	margin-top:3px;
	margin-bottom:5px;
}

option {
	padding-left:3px;
}



/*--------FOOTER--------*/

#footer {
	width: 880px;
	float: left;
	border-top: 1px dotted #333;
	margin-top:30px;
	margin-bottom:25px;
}

#footer p {
	font-size: .86em;
	line-height: 1.3em;
}

#news {
	width: 255px;
	float:left;
	min-height:70px;
	margin-top: 18px;
	padding-right: 15px;
	border-right: 1px dotted #333;
}

#introducing {
	width: 250px;
	float:left;
	min-height:70px;
	margin-top: 18px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px dotted #333;
}

#pdf {
	width: 110px;
	float: left;
	min-height:70px;
	margin-top: 18px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px dotted #333;
}

#right {
	margin-top: 18px;
	float: right;
}

#right img {
	vertical-align:middle;
	margin-left: 15px;
}


#bubbles {
	clear: left;
	background: url(../images/bubbles.jpg) repeat-x;
	height: 188px;
	vertical-align:bottom;
}