/*  Based on the following theme and modified for a static site */

/*
Theme Name: Floristica
Theme URI: 
Description: WP Floristica theme designed by <a href="http://www.aoemedia.de">AOE media GmbH</a>. A simple but very beautiful design in black and yellow colors. Now also widget ready.
Version: 1.2
Author: AOE media GmbH
Author URI: http://www.aoemedia.de
Tags: two columns, widgets, fixed width, 800px, yellow, black, white, custom header, widgets
	By downloading and using this theme, you agree to the following terms:
    - All variations of this theme have to remain GPL
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute
*/

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}


body {color: #000; background: #ddd; text-align: center; font: 62.5% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; 
}

.clear {clear: both; }

em {font-style: italic;
}

strong, b {font-weight: bold;
}

/* *** Start - A Container for everything on the page *** */
#root {width: 780px; margin: 0 auto; text-align: left;
}

/* *** Start - TOP NAVIGATION *** */
#top-nav {overflow: hidden; margin: 0 0 1px 0; padding: 0 0 2px 0; font-size: 11px!important; line-height: 1.2;
}

#nav {height: 24px; padding: 6px 15px 0 15px; float: left; width: 780px; background: url(images/nav-back-w.gif) 0 0 no-repeat;
}

#nav ul {overflow: hidden; list-style: none;
}

#nav li, #nav a {background-image: url(images/nav-pages.gif); background-repeat: no-repeat; float: left;
}

#nav li:hover, #nav a:hover {background-image: url(images/nav-pages-sel.gif);
}

#nav li {margin-right: 6px; background-position: 0 0;
}

#nav a {color: #fff; height: 18px; font-weight: bold; text-decoration: none; padding: 2px 12px 0; background-position: 100% -18px;
}

#nav a:hover {color:#000;
}
/* *** End - TOP NAVIGATION *** */



/* *** Start - Container - holds both left and right columns *** */
#container {margin: 0; width: 780px; background: url(images/body-back.jpg) 0 0 no-repeat;
}

/* *** Main is the content column within the container *** */
#main {width: 540px; float: right;
}

/* *** Start - HEADER *** */
#header {height: 235px; background: transparent; font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#header h1 {padding: 102px 0 0 10px; font-size: 3em;
}

#header h1 a {color: #fff; text-decoration: none;
}

#header p {color: #eee; font-size: 1.2em; padding: 0 0 0 10px;
}
/* *** End - HEADER *** */

/* *** Start - CONTENT *** */
#content {margin: 1px 0 20px 0; background: #fff; padding: 16px; color: /*#000;*/#333; background: url(images/content-footer.gif) 0 100% no-repeat #fff;
}

#content p {margin: 0 0 /*1em*/1.2em 0; font-size: /*1.3em;*/1.2em; line-height: /*1.5*/1.4;
}

#content p a, #content li a:visited {color: #000;
}

#content p a:hover {color: /*#339;*/#555;
}

#content ul li, #content ol li {margin: 0 40px; padding: 0 10px 0.75em; font-size: /*1.3em*/1.2em;
}

#content ul {list-style-type: square;
}


/* my stuff starts */


#forminfo {
	clear: both; 
	margin: 20px 0;
	/*padding: 20px 0 0px 0;*/
	padding: 0;
	background: #fff; color: #000;
}

#forminfo img.ftop {
	display: block;
	margin: 0; padding: 0 0 10px 0; border: 0;
	}


#forminfo img.fbot {
	display: block;
	margin: 0; padding: 10px 0 0 0; border: 0;
	}

.form p {
	margin: 0 0 1em; 
	border: 0; 
	text-align: left;
	width: 600px;
}

.formsubmit {
	float: none; 
	margin: 5px auto; 
	border: 0; 
	text-align: center;
	font-size: 9px;
	line-height: 1.4em; 
	color: #000000;
	clear: both;
}

.formsubmit p {
	float: none; 
	margin: 5px auto; 
	border: 0; 
	text-align: center;
	clear: both;
}

.fieldrequired {
	width: 148px;
	height: 22px;
	padding: 2px 20px 2px 0px;	
	margin: 0px;
	background: #ffffff url(images/field-required.png) no-repeat top;
	text-align: right;
	color: #000000;
	font-size: 1.3em;
	}


.fieldoptional {
	width: 148px;
	height: 22px;
	padding: 2px 20px 2px 0px;
	margin: 0px;
	background: #ffffff url(images/field-optional.png) no-repeat top;
	text-align: right;
	color: #000000;
	font-size: 1.3em;
	}

.fineprint {
	float: none; 
	margin: 0;
	border: 0; 
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-size: 0.9em;
	line-height: 1.2; 
	color: #000000;
}

.fineprint p {
	margin: 0 0 1em; 
	border: 0; 
	text-align: left;
}

.fineprintfront {
	float: none; 
	margin: 0;
	border: 0; 
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.0; 
	color: #000000;
}

.fineprintfront p {
	margin: 0 0 1em; 
	border: 0; 
	text-align: left;
}



img.righttopgraphic {
	display: block; 
	float: right;
	margin: 10px 0px 10px 10px; 
	padding: 0; 
	border: 0;
}

img.bargraphic {
	display: block; 
	float: none;
	margin: 40px 0px 10px 12px; 
	padding: 0; 
	border: 0;
}

img.toprgraphic {
	display: block; 
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0; 
	border: 0;
}

img.displayscreen {
	display: block; 
	margin: 25px auto; 
	border:0;
}

img.smallbannergraphic {
	display: block; 
	margin: 25px auto; 
	border:0;
}
/* my stuff ends */

/* *** End - CONTENT *** */


/* 
	*** Start - SIDEBAR *** 
*/
#sidebar {float: left; margin: 54px 0 10px 0; width: 240px; background: transparent;
}

.sideitem {margin: 0 auto 10px; width:220px; padding: 0; 
}

.sidetimg {height: 10px; background: url(images/sidebar-header.gif) 0 0 no-repeat transparent;
}

.sidebimg {height: 10px; background: url(images/sidebar-footer.gif) 0 0 no-repeat transparent;
}

.sidemessage {padding: 20px; color: #333; background: #c0c0c0; min-height: 300px;
}

.sidemessage h3 {font-size: 1.5em; font-weight: bold; margin: 0 0 0.8em 0;
}

.sidemessage p {font-size: 1.2em; line-height: 1.4;
}

.sidebimg, .sidetimg, .sidemessage {opacity: 0.85;
}

/* *** End - SIDEBAR *** */




#footer {margin: 0; clear: both; font-size: 1.1em; color: #333; background: transparent; width: 100%; height: 40px; background: url(images/footer-back-w.gif) 0 0 no-repeat;
}

#footer img {vertical-align:middle;
}

#footer p {padding: 12px 24px 0;
}

