@charset "UTF-8";
/* Structure */

/* Overrides */
* {margin: 0; border: 0; padding: 0;}

/* Elements */
html, body {width: 100%; height: auto; text-align:center;}
body {background-color: #736a62;}


/* IDs */
#column {position: relative; width: 900px; min-height: 750px; height: auto; margin: 0 auto 0 auto; text-align: left; }
	img#logo {position: absolute; display: block; width: auto; height: auto; left: 15px; top: 15px;}
	#cart {position: absolute; display: block; width: 340px; height: 85px; right: 0; background-color:#FFFFFF;}
		#cart a {display: block; width: 100%; height; 100%; text-decoration: none;}
		#callToAction {position:absolute; display: block; width: 145px; height: 80px; margin: 0 0 5px 5px; background-color: #7b858c;}
		#buy {position: absolute; display: block; width: 95px; height: auto; left: 150px; top: 10px; text-align: right;}
		img#buyNow {position: absolute; display:block; right: 10px; top: 15px;}
	#page {position: relative; width:100%; height: auto; background-color:#FFFFFF; top: 108px; margin-bottom: 20px;}
		#presentation {position: relative; top: 5px; left: 5px; display: block; width: 890px; height; 425px;}
			#videoNav {position: relative; display: block; float: left; width: 244px; height: 425px; background-color: #7b858c}
				#videoNav h1 {padding: 10px;}
				#videoNav ul {margin:0;}
				#videoNav ul li {display: block; height: 28px; width: 100%; background-color: none; margin: 2px 0 2px 0}
				#videoNav ul li a {padding-left: 10px}
				#videoNav ul li:hover {background-color: #b5c8d1}
			#videoArea {position: relative; display: block; float: left; width: 640px; height: 425px; background-color:#000000; margin-left: 5px; }
		#navigation {position: relative; top: 10px; left: 5px; display: block; width: 890px; height: 36px; background-color: #585e63;}
			#navigation ul {padding-left: 0px;}
			#navigation ul li {display: inline;width: auto; margin-right: 5%; list-style-type:none;}
			#navigation li.last {padding-right: 0; margin-right: 0; border: 0;}
				div#navigation.interior {top: 5px;  -moz-border-radius:8px; -webkit-border-radius:8px;}
				#navigation.interior ul {padding-left: 0px;}
				#navigation.interior ul li {margin-right: 5%}
		#content {width: 790px; height: auto; margin: 45px 60px 50px 50px;}
			#leftColumn {width: 300px; height: auto; float: left;}
			#leftColumn img {margin-bottom: 20px}
			div#leftColumn table {width: 100%; height: auto;}
				table td p {text-align:center}
			form {text-align: left; width: 100%;}
				label  {width: 100%; clear:both}
				input, textarea {display: block; clear:both; border: 1px solid #7b858c; padding: 3px; margin-bottom: 5px; }
				textarea {width: 100%;}
		
			#rightColumn {width: 438px; height: auto; float: left; margin-left: 50px;}
			#checkout {width 790px; height: auto;}
			#testimonial {display:block; width: 260px; margin: 20px 0 0 20px;}
			#testimonial  img {margin:0 10px 0 0; padding:0; float:left;}
			#testimonial img > h1 {margin-top: 20px;}
		#footer {position: relative; bottom: 5px;display: block; width: 890px; height: 145px; margin: 0px 5px 5px 5px; background-color: #585e63;}
			#footer #leftColumn {margin-left: 50px; margin-top: 20px; }
			#footer #rightColumn {margin-top: 20px;}
			#footer a, #footer a:hover {color: #b5daeb; text-decoration: none}
			#footer li {display: inline; padding-right: 8px; margin-right: 8px; border-right: 1px solid #b5daeb; }
			#footer li.last {padding-right: 0; margin-right: 0; border: 0;}
		#trustguardbottom{margin-top: 30px;}
			#news { width: 300px; height: auto; background-color: #bad3e5;padding: 15px 0px 15px 0px; margin-bottom: 20px;}
		#news a > img{display: block; margin: 5px 0 0 20px; padding:0}
			#juitterContainer ul {padding:0; margin:0 0 0 20px}
			#juitterContainer li.twittLI {margin: 15px 20px 10px 0; border-bottom: 2px #ffffff dotted; font-size: 11px;}
	
	
/* Classes */
.detail {width: 190px; height: auto; overflow:hidden; float: left;margin-right: 10px; text-align: center;}
div.detail + div.detail  + div.detail  + div.detail  {margin-right: 0;}
.space {display: block; margin: 20px 0px 20px 0px}
.jot-row {display: block; margin-bottom: 15px;}
.jot-nav {display: block; margin-bottom: 10px;} 
p.copyright {margin-top: 20px;}

.rounded {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

.bottomRounded {
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
 	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
}

.topLeftRounded {
	-moz-border-radius-topleft:8px;
 	-webkit-border-top-left-radius:8px;
}