/*----- COLORS -----*/
/*
#071D2B Dark blue
#183D55 Blue
#668591 Light blue
#166F67 Sea green
#0F4942 Green
#765518 Gold
#e0e0e0 Grey BG
*/


/*----- DEFAULTS -----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td 
    {
    margin: 0;
    padding: 0;
    border: 0;
    }

body 
    {
	background: #071D2B;
	color: #444; 
	font-size: 62.5%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.8;
    }

ul
    {
	list-style-type: none;
	list-style: none;
    }

img
    {
    border: none;
    }

input
    {
    padding: 2px;
    }

dt {margin: 1em 0;}


/*----- HEADERS -----*/

h1,
h2,
h3
    {
    color: #222;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.2;
    }

h1
    {
	font-size: 2.8em;
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 20px;
	padding-bottom: 2px;
	color: #002E3B;
	text-align: center;
    }

h2
    {
	font-size: 1.8em;
	margin-bottom: 10px;
    }

h3
    {
	font-size: 1.4em;
	margin: 30px 0 4px 0;
    }


/*----- LINKS -----*/

a,
a:link,
a:active,
a:visited
    {
	text-decoration: none; 
	color: #183D55;
	border-bottom: 1px dotted #183D55;
	outline: none;
    }

a:hover
    {
	color: #0F4942;
	border-bottom: 1px dotted #0F4942;
    }

a.imglink
    {
    background: none;
    border: none;
    }

a[name]
    {
	text-decoration: none;
	border: none;
    }


/*----- HEADER -----*/

div#header
    {
	padding: 10px 0;
	background: #071D2B;
	border-bottom: 3px solid #668591;
    text-align: center;
	font-size: 1.3em;
    color: #888;
    }

#header a,
#header a:link,
#header a:active,
#header a:visited
    {
	color: #fff;
	text-decoration: none;
	border: none;
    }

#header a:hover
    {
	text-decoration: none;
	border-bottom: 1px solid #fff;
    }


/*----- HEADER BELT -----*/

div#belt
    {
	padding-bottom: 0;
	width: 100%;
	background: #183D55 url(../images/qualrus/qualrus_main_bg.png) top repeat-x;
	text-align: center;
	overflow: hidden;
    }


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

div#content
    {
	padding: 35px 0;
	margin: 0;
	width: 100%;
	background: #FFF url(../images/qualrus/qualrus_content_bg.jpg) top repeat-x;
	border-bottom: 5px solid #668591;
    font-size: 1.2em;
    }

#content p
    {
	margin: 1em 0;
    }

#content hr
    {
	border: 0;
	color: #e0e0e0;
	background-color: #e0e0e0;
	height: 1px;
	width: 95%;
	text-align: left;
    }


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

div.description
    {
    padding: 16px 40px;
    margin: 20px 0 10px 0;
	border-top: 1px solid #CCC;
	background: #FFF url(../images/qualrus/qualrus_description_bg.jpg) top repeat-x;
    text-align: center;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -1px;
    }

div.description span
    {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #765518;
    letter-spacing: 0;
    }

div.lead-column,
div.column
    {
	float: left;
	width: 192px;
    margin-top: 20px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 11px;
    }	

div.lead-column 
    {
	margin-left: 0;
    }	

div.column 
    {
	margin-left: 5px;
    padding-left: 4px;
    border-left: 1px dotted #CCC;
    }	

div.column h1,
div.lead-column h1
    {
	font-size: 1.3em;
    line-height: 1.4em;
	border-bottom: none;
	margin: 0;
    }

a.homebutton
    {
    display: block;
    width: 260px;
    height: 45px;
    margin: 0 auto;
    background-image: url(../images/qualrus/qualrus_pricing_button.png);
    background-position: top left;
    border: none;
    text-align: center;
    }

a.homebutton:hover
    {
    background-position: bottom;
    }

#content p.homesubbutton /* ----- need to leave #content to cascade correctly ---- */
    {
    margin: .5em auto;
    text-align: center;
    }


/*----- SCREENSHOTS -----*/

img.float
    {
	float: left;
	padding: 0 1em 1em 0;
    }


/*----- SUB NAV STRUCTURE ------*/

#content .left
    {
	float: left;
	width: 520px;
    }

#content .right
    {
	float: right;
	width: 200px;
    padding: 20px;
    background: #F5F5F5;
    border: 1px solid #e0e0e0;	
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }

#content .right h2
    {
	font-size: 18px;
	margin: 2px 0;
    }

#content .right h3
    {
	font-size: 14px;
	margin: 2px 0;
    }


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

div#footer
    {
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 1.2em;
    }

#footer p
    {
	padding: 1em 0;
    }

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited
    {
	text-decoration: none;
	border: none;
	color: #FFF;
    }

#footer a:hover
    {
	text-decoration: none;
	border-bottom: 1px solid #FFF;
    }


/* ----- PRICING ----- */

span.buy-head
    {
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #222;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    }

#content p.buy-subhead /* need to leave in #content for cascade to work correctly*/
    {
    font-weight: bold;
    text-align: center;
    margin: 0;
    color: #765518;
    }

div.buy
    {
    text-align: center;
    overflow: hidden;
    margin: 1em 0;
    }
    
div.buy-student,
div.buy-academic,
div.buy-standard
    {
    float: left;
    width: 224px;
    border: 1px solid #888;
    padding: 20px;
    line-height: 1.4;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }

div.buy-student,
div.buy-standard
    {
    margin: 24px 0;
    height: 160px;
    }

div.buy-student
    {
    border-right: 0;
    background: #F5F5F5 url(../images/qualrus/shadow-left.png) right top no-repeat;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius-topright: 0;
    -webkit-border-radius-bottomright: 0;
    }

div.buy-standard
    {
    border-left: 0;
    background: #F5F5F5 url(../images/qualrus/shadow-right.png) left top no-repeat;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius-topleft: 0;
    -webkit-border-radius-bottomleft: 0;
    }

div.buy-academic
    {
    border: 3px solid #0D4C6B;
    height: 200px;
    }

span.buy-name
    {
    display: block;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: -.02em;
    color: #222;
    }

span.buy-price
    {
    display: block;
    margin: 0 0 10px 0;
    padding: 2px 0;
    font-weight: bold;
    font-size: 14px;
    background: #0D4C6B;
    color: #FFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    }

span.buy-desc
    {
    display: block;
    font-size: 11px;
    }

a.buy-button
    {
    display: block;
    margin: 18px 0 0 0;
    border: none;
    }

div.creditcards
    {
    text-align: center;
    margin: 10px auto;
    }

div.shipping
    {
    overflow: hidden;
    font-size: 11px;
    background: #e0e0e0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }

div.shipping1,
div.shipping2,
div.shipping3
    {
    float: left;
    width: 225px;
    padding: 20px;
    border-right: 1px solid #f0f0f0;
    }

div.shipping3
    {
    border-right: none;
    }

ul.shipping
    {
    }

ul.shipping li
    {
    list-style-type: square;
    list-style-position: inside;
    }

#content p.buy-quote
    {
    margin: 1em auto;
    font-size: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.4;
    letter-spacing: -1px;
    }
    
#content p.buy-quote span
    {
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #888;
    letter-spacing: 0;
    }
    
    
/* ----- SITE PRICING ----- */

table.site-pricing
    {
    margin: 0 auto;
    border-collapse: collapse;
    }

table.site-pricing th,
table.site-pricing td
    {
    padding: 1em 2em;
    border-right: 2px solid #fff;
    font-weight: bold;
    }

table.site-pricing th
    {
    background: #765518;
    color: #fff;
    border-bottom: 2px solid #fff;
    }

table.site-pricing td
    {
    background: #e0e0e0;
    }


/* ----- DEMO FORM ----- */

div.demo-download
    {
    overflow: hidden;
    margin: 0 auto;
    width: 600px;
    padding: 20px;
    background: #e0e0e0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }

div.demo-download-form
    {
    float: left;
    width: 300px;
    padding-top: 10px;
    }

div.demo-download-form div.row
    {
    clear: both;
    padding-bottom: 4px;
    }

div.demo-download-form span.label
    {
    float: left;
    width: 50px;
    padding-right: 4px;
    font-weight: bold;
    text-align: right;
    } 

div.demo-download-form span.button
    {
    padding-left: 54px;
    } 

div.demo-download-image
    {
    float: right;
    width: 250px;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    }

div.demo-download-desc
    {
    clear: both;
    width: 600px;
    margin: 10px auto;
    font-size: 11px;
    }

p.demo-subhead
    {
    font-weight: bold;
    text-align: center;
    margin: 0;
    color: #765518;
    }
      

/* ----- SUPPORT PAGE ----- */

div.support-toc
    {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    }

div.support-toc ul
    {
    }
    

/*----- MISC -----*/

div.clear
    {
	clear: both;
	height: 0;
	line-height: 0;
    }

div.container
    {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	clear: both;
	overflow: hidden;
    }

p.quote
    {
	background: url(../images/qualrus/quote.gif) no-repeat;
	display: block;
	padding-left: 22px;
	margin: 0;
    }

.float-right
    {
	float: right;
    }

ul.normal
    {
	padding: 0.3em 1em;
	list-style-type: disc;
    }

.normal li
    {
	margin: 0.3em 1em;
    }