/* General */
body {
    background-color: #607e9f;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}
p {
    padding: 0 0 10px 0;
    line-height: 1.2em;
}
a, a:active, a:visited {
    color: #CC6600;
    font-weight: bold;
    text-decoration: none;
}
a:hover { color: black; text-decoration: underline; }

small {
    font-style: italic;
    font-size: 10px;
}
h1 {
    color: white;
    float: left;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 50px;
    line-height: 200px;
    padding-left: 10px;
}
h2 {
    font-size: 40px;
    font-family: Phank;
    font-weight: normal;
    padding: 0 0 10px 0;
}

/* Forms (buy and share page) */
input {
    border: 1px solid white;
	background-color: #dedede;
	font-size: 15px;
	font-family: Verdana, Arial, sans-serif;
	padding: 5px;
	margin: 10px 0 10px 0;
}
input:hover, input:focus {
    background-color: #94A8BE;
	border: 1px solid black;
	color: #ffffff;
}

/* Page layout */
div#container {
    color: #000000;
    margin: 0 auto;
    padding: 0;
    width: 900px;
}
div#banner {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    height: 200px;
    padding: 0 20px 0 20px;
    width: 860px;
}
div.ordernow {
	width: 100%;
	text-align: center;
	margin: 10px 0 10px 0;
}
div.ordernow p {
	padding: 10px 0;
}

/* Banner menu */
ul#top_menu {float: right; padding-top: 140px;}
ul#top_menu li {
    background-color: #cccccc;
    display: inline;
	line-height: 50px;
    padding: 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
ul#top_menu li:hover { background-color: #999999; cursor: pointer; }

/* Slider */
div#slider {
    float: left;
}
ul#slider_ul {
    width: 500px;
    height: 300px;
    overflow: auto;
    margin: 0; padding: 0;
}

/* Facts */
div#facts { float: right; width: 350px }
div.fact {
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: bold;
    height: 95px;
    line-height: 15px;
    padding: 10px 0 0 140px;
    text-align: right;
    width: 200px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#fact1 { background-image: url(../images/fact1.png); }
#fact2 { background-image: url(../images/fact5.png); }
#fact3 { background-image: url(../images/fact3.png); }

/* Main body content */
div#main_wrapper {
    background-color: #ffffff;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    width: 860px;
}
div#main_content {
    clear: both;
    padding: 20px 0 20px 0;
    width: 100%;
}
div#footer {
    font-size: 12px;
    padding: 10px 0 20px 0;
    text-align: right;
}


/* PAGE SPECIFIC STUFF */

/* Front page */
ul.peg li {
    line-height: 30px;
}

/* About */
div#about_text p {
    line-height: 1.5em;
    text-align: justify;
}
.about_img_r {
    border: 1px solid #284f86;
    float: right;
    margin: 5px 0 5px 10px;
    padding: 3px;
}
.about_img_l {
    border: 1px solid #284f86;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 3px;
}


/* Share */
div.share_success {
    background-color: #99FF66;
	border: 1px solid #00FF00;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
    margin-bottom: 10px;
	padding: 10px;
	-moz-border-radius: 5px;
}
div.share_error {
    background-color: #FF6666;
	border: 1px solid #FF0000;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
    margin-bottom: 10px;
	padding: 10px;
	-moz-border-radius: 5px;
}


/* Buy */
table.buy { margin: 0 auto; width: 600px; }
table.buy, table.buy tr, table.buy tr td { border: none; vertical-align: middle; }
.buy tr td { padding: 5px; }
#mask {
	background-color:#000;
	display:none;
	height: 100%;
	left: 0;
	position:absolute;
	top: 0;
	width: 100%;
	z-index:9000;
}
#contact {
	background-color: #607e9f;
	border: 2px solid #ffffff;
	display: none;
	left: 50%;
	margin-left: -300px;
    position: absolute;
	padding: 20px;
	top: 50px;
	width: 600px;
	z-index: 9999;
	-moz-border-radius: 30px 0 30px 0;
}
#close {
	cursor: pointer;
	font-family: verdana, arial, sans-serif;
    font-size: 10px;
	padding: 5px;
	text-align: right;
}
.success, .error {
	color: #000000;
    display: none;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
}
.success {
    background-color: #99FF66;
	border: 1px solid #00FF00;
	-moz-border-radius: 5px;
}
.error {
    background-color: #FF6666;
	border: 1px solid #FF0000;
	-moz-border-radius: 5px;
}
ul.peg {
    list-style-image: url(../images/peg.png);
    margin-left: 150px;
}