@charset "UTF-8";
/* CSS Document */

/* colors 
skyblue: #61abf9;
dkgreen: #50b948;
drkrgreen: #33812d;
ltgreen: #dcf1da;
maroon: #4a1a2c;
*/


/*  containers */
body {background-color: #61abf9; font: small Arial, Helvetica, sans-serif;}
#container {width: 800px; margin: auto; padding-top: 95px; background-image:url(../images/cloudtopper.jpg); background-repeat:no-repeat; background-position:}
#logoholder {height: 140px; background-color: #fff; text-align:center;}
#shadowtop, #shadowbottom, #shadowfooter {height: 20px; background-image:url(../images/shadowspacer.jpg);}
#navbar {height: 40px; background-color:#dcf1da;}
#content {background-color: #fff; background-image: url(../images/globebkgd.jpg); background-position: bottom right; background-repeat:no-repeat; padding: 40px 37px;}
#footer {height: 52px; background-color: #4a1a2c; padding: 15px; color: #fff; font-size: .9em;}
#clear {clear: both; height: 10px;}


#leftcol {width:210px; border-right: 1px solid #50b948; padding-right: 18px; margin-left: 10px; float:left;}
#rightcol {width:445px; float:left; padding-left: 23px;}

.productthumb {width: 170px; padding: 10px 25px; text-align: center; float: left;}

/* define html tags */
h1 {font-size: 1.2em; font-weight:bold; margin-bottom: .85em;}
h1.emph {font-size: 1.5em; font-weight:bold; margin-bottom: .85em; color: #33812d;}
h2 {font-weight:bold; color: #33812d;}
p {line-height: 1.1em; margin-bottom: .75em;}
p.small {font-size: .8em;}
p.q {padding-top: 15px; font-weight: bold; color: #33812d; }
p.a {}

/* define link styles */
p a {font-weight:bold;}
p a:link, p a:visited {color: #50b948;}
p a:hover, p a:focus {color: #fff; background-color: #50b948; border-bottom: 1px solid black;}



/* navigation */
#navlist {margin: 0; padding: 20px 0 20px 300px; font: Georgia, "Times New Roman", Times, serif;}
#navlist ul, #navlist li {margin: 0; padding: 0; display: inline; list-style-type: none;}
#navlist a:link, #navlist a:visited {float: left; line-height: 14px; font-weight: bold; margin: 0 20px 4px 20px; text-decoration: none; color: #999;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {border-bottom: 4px solid #000; padding-bottom: 2px; background: transparent; color: #000; }
#navlist a:hover { color: #000; }

/* contact form */
#contactform {margin: 20px 0; padding: 5px;}
.contactrow {clear:both; margin: 10px;}
#contactform .label {width: 150px; height: 30px; float: left; padding: 3px 0;}
#contactform .field {width: 300px; height: 30px; float: left;}

a img,:link img,:visited img { border:none; }
img {border:none;}