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

/** CSS by John Hancock (Identity.net.au) for Webshop365.Net) - Copyright 2007. Some portions from YUI Copyright 2006 Yahoo Inc. All rights reserved. **/

/** Element Cross-Browser Reset **/

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color: #5b5b5b; background-color: #ddd; }
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }   
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; }  
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }   
ol,ul {	list-style:none; }   
caption,th { text-align:left; }   
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }   
q:before,q:after { content:''; }   
abbr,acronym { border:0; }   

/** Styles **/

body { }
p { padding-bottom: 10px; }
a { color: #939598; text-decoration: none; }
a:hover { color: #d71920; text-decoration: none; }

div.hr hr { display: none; }
div.hr { height: 30px; border-bottom: solid 1px #5b5b5b; clear: both; }

#LayoutFrame {	width: 100%; }
#Header { border-top: solid 1px #5b5b5b; border-bottom: solid 1px #5b5b5b; margin-top: 30px; background-color: #fff; padding: 18px; }
#Menu { height: 17px; padding: 10px 0px 10px 38px; border-top: solid 1px #5b5b5b; border-bottom: solid 1px #5b5b5b; margin-top: 30px; background-color: #fff; }
#Body { border-top: solid 1px #5b5b5b; border-bottom: solid 1px #5b5b5b; margin-top: 30px; background-color: #fff; padding: 20px; }
#ContentHolder { width: 800px; overflow: auto; padding-bottom: 40px; padding-top: 20px; margin: 0 auto; }

h1 { display: block; text-indent: -2000px; width: 372px; height: 87px; background: transparent url('Assets/Logo.gif') no-repeat left top; }
h2 { display: block; width: 800px; height: 77px; background: transparent url('Assets/h2.gif') no-repeat center top; margin: 0 auto; text-indent: -2000px; }
h2.Home { background-image: url(Assets/h2Home.gif); }
h2.Features { background-image: url(Assets/h2Features.gif); }
h2.Try { background-image: url(Assets/h2Try.gif); }
h2.Buy { background-image: url(Assets/h2Buy.gif); }
h2.Support { background-image: url(Assets/h2Support.gif); }
h2.Contact { background-image: url(Assets/h2Contact.gif); }
h3 { padding-bottom: 15px; color: #64b4e2; font-size: 116%; font-weight: bold; }

#Menu ul li { float: left; display: block; padding-right: 20px; }
#Menu ul li a { height: 17px; display: block; text-indent: -2000px; background: transparent url('Assets/Menu.gif') no-repeat left top; }
#Menu ul li a.Home { width: 43px; background-position: left top;}
#Menu ul li a.Home:hover { background-position: left -34px; }
#Menu ul li a.Features { width: 59px; background-position: -69px top; }
#Menu ul li a.Features:hover { background-position: -69px -34px; }
#Menu ul li a.Try { width: 23px; background-position: -153px top; }
#Menu ul li a.Try:hover { background-position: -153px -17px; }
#Menu ul li a.Buy { width: 27px; background-position: -207px top; }
#Menu ul li a.Buy:hover { background-position: -207px -34px; }
#Menu ul li a.Support { width: 59px; background-position: -267px top; }
#Menu ul li a.Support:hover { background-position: -267px -34px; }
#Menu ul li a.Contact { width: 55px; background-position: -350px top;  }
#Menu ul li a.Contact:hover { background-position: -350px -34px; }

div.MainColumn { float: right; width: 500px; padding-bottom: 30px; background: transparent url('Assets/Glyph.gif') no-repeat left bottom; }
div.Sidebar { float: left; width: 200px; }

#Footer { width: 800px; overflow: auto; margin: 0 auto; border-top: 1px solid #ddd; cle }
#Footer p.LeftFloat { float: left; }
#Footer p.RightFloat { float: right; }