/*  J R E A M  */
@import 'reset.css';
@import 'misc.css';

/* _________________________________________________________________________

								structure
____________________________________________________________________________ */
body {
	color: #585858;
	font: 10.3pt Arial, Helvetica, sans-serif;	
	line-height: 1.5em;
	background: url(../images/layout/bg.jpg) repeat-x;
	text-align: left;
	}

/* Header */
#header {
	height: 115px;
	text-align: left;
	}
#header-inner {width: 950px; margin: 0 auto; position: relative;}
.logo {padding: 0; float: left;}

.box {
	background: #f1f6f9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 4px;
	margin: 2px 5px 10px 0;
}
.box p {
	margin: 0;
	padding: 0;
	text-indent: 10px;
	font-size: 12px;
}

/* Content */
#content {background: #fefefe; padding-top: 25px;}
#content-inner {width: 950px; margin: 0px auto;}

#languages {position: absolute; top: 0; right: 10px; width: 300px;}
#languages input {padding: 0;}
#languages form {min-width: 300px; max-width: 300px;}

/* Intro */
#intro {
	height: 300px;
	background: url(../images/layout/intro-bg.gif) repeat-x;
	}
#intro-inner {
	color: #fff;
	background: url(../images/layout/intro.jpg) top right no-repeat;
	width: 950px; 
	height: 300px;
	margin: 0 auto; 
	position: relative;
	}
#intro-inner a:link {color: #246c8b; font-weight: bolder;}

#intro-small {
	background: #fff;
	height: 155px;
	}
#intro-inner-small {
	color: #fff;
	background: url(../images/layout/intro-small.jpg) no-repeat;
	width: 900px; 
	height: 155px;
	margin: 0 auto; 
	font: 18pt Arial, sans-serif;
	position: relative;
	}
#intro-inner-small span {font: 11pt Arial, sans-serif;}
	
/* Footer */
#footer {
	color: #f2f2f2;
	background: #333333;
	border-top: 4px solid #4d4d4d;
	clear: both;
	text-align: center;
	padding: 20px 0;
	}
#footer-inner {
	width: 950px;
	margin: 0 auto;
}

/* ticker */
ul#ticker {
	padding-top: 10px;
	height: auto;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}
/* Navigation */
#nav {
	clear: both;
	padding: 12px 40px 0 0;
}


/* Latest */
#latest {
	font: 10px Arial, sans-serif;
	text-align: right;
	padding: 4px 20px;
	position: absolute;
	background: #fff;
	top: 2px;
	color: #041f39;
	right: 50px;
	z-index: 100;
}
#latest a, #latest a:hover {color: #041f39; padding: 5px;}


/* _________________________________________________________________________

								content divs
____________________________________________________________________________ */
#contL {
	width: 23%;
	float: left;
	background: #fff url(../images/separator.jpg) 90% 0 no-repeat;
	padding-bottom: 10px;
	}
#contC {
	width: 52%;
	float: left;
	background: #fff url(../images/separator.jpg) 98% 0 no-repeat;
	padding-bottom: 10px;
	padding-right: 2%;
	}
#contR {
	width: 23%;
	float: left;
	background: #fff;
	padding-bottom: 10px;
	}
/* _________________________________________________________________________

								navigation
____________________________________________________________________________ */

#nav a:link, #nav a:visited {
	padding: 9px 0;
	text-align: center;
	margin: 0 5px;
	width: 80px;
	height: 35px;
	color: #36332a;
	text-shadow: #fff 0 1px 0;
	display: inline-block;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	float: left;
	font: bolder 14px Arial;
}
#nav a:hover, #nav a:active, #nav a.current {
	background: url(../images/layout/nav.png) no-repeat;
}

a.btnTour, a.btnDemo {
	background: url(../images/layout/btn-tour.png) no-repeat;
	display: block;
	width: 171px;
	height: 42px;
	margin-bottom: 2px;
}

a.btnDemo {background: url(../images/layout/btn-demo.png) no-repeat;}

a.btnTour:hover, a.btnDemo:hover {
	background-position: 0 -42px;
}

a.btnBuy {
	background: url(../images/layout/btn-buy.png) no-repeat;
	display: block;
	width: 171px;
	height: 85px;
}
a.btnBuy:hover {
	background-position: 0 -85px;
}

/* _________________________________________________________________________

								features
____________________________________________________________________________ */
.features {
	width: 202px;
	padding: 0 10px;
}

.features ul li {
	padding: 0 0 5px 0;
}

a.btn-demo, a.btn-buy {
	width: 200px;
	height: 71px;
	display: block;
	cursor: pointer;
	margin-bottom: 5px;
}
a.btn-demo {background: url(../images/btn-live-demo.png);}
a.btn-buy {background: url(../images/btn-buy.png);}
a:hover.btn-demo {background: url(../images/btn-live-demo.png) 0 -71px;}
a:hover.btn-buy {background: url(../images/btn-buy.png) 0 -71px;}


/* _________________________________________________________________________

								links
____________________________________________________________________________ */

a {color: #fff; text-decoration: underline;}
a:hover {color: #760000;}

#content a, #loginbox a {color: #246c8b; font-weight: bolder;}
#content a:hover, #loginbox a:hover {color: #323232;}

#footer a {color: #fff; font-weight: bolder; text-decoration: none;}
#footer a:hover {color: yellow;}

a img {border: none;}

/* _________________________________________________________________________

								text
____________________________________________________________________________ */
#content p {
	margin: 0 0 20px 0;
	line-height: 1.6em;
	}

h1 {
	color: #364458;
	margin: 5px 0;
	font: 18pt Century Gothic, Apple Gothic, sans-serif;
	}

h2, h3, h4, h5 {
	color: #364458;
	margin: 5px 0;
	font: 20pt Century Gothic, Apple Gothic, sans-serif;
}

h3.intro {color: #fff; margin: 0; line-height: 12pt;}
h3.sub {color: #444; font: 14pt Arial, sans-serif;}

ul.list li {
	list-style: disc inside;
}



.message {
	padding: 10px 50px;
	margin: 10px;
	border: 2px solid #ddd;
	background-color: #eee;
	color: #222;
	text-align: center;
	clear: both;
}


.notice {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
}

/* _________________________________________________________________________

								other
____________________________________________________________________________ */

table.checkout {	border-radius: 8px;
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;}
table.checkout tr td {padding: 10px;}
.checkout {
	background: #ececec;

}

.walkthrough h4 {
	text-align: center;
	background: #dcdcdc;
	color: #444;
	padding: 8px 20px;
	font-size: 16pt;
	margin: 0;
}
.walkthrough {
	border: 1px solid #a6a6a6;
	margin: 5px 0 20px 0;
	width: 500px;
}
.wkdesc { 
	border-top: 1px solid #a6a6a6;
	padding: 20px;
	font-size: 10pt;
	background: #FFF6BF;
}