/*------------------------------------------------------------------------
# SpicaTheme CSS
# ------------------------------------------------------------------------
# Author: mail@spicatheme.com
# Websites:  http://www.spicatheme.com
# License:  Creative Commons Attribution 3.0 License
-------------------------------------------------------------------------*/

/* ================================ Global ================================*/

* {
	margin:0;
	padding:0;
	}
	
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF;;
	font-size: 12px;
	line-height: 1.5em;
}

body#background{
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #505050; 	
	letter-spacing: 0.5px;
	background: #505050; 
	text-align: left;
}

/* Normal link */
a:link, a:visited {
	color: #ef4a4e;
	text-decoration:none
}

a:hover, a:active {
	color: #252377;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

/* Headers */
h1, h2, h3, h4 {
	font: bold 1em/1.5em Arial, Helvetica, sans-serif;
	color: #505050;
	padding: 5px 0px;	 
}
h1 { font-size: 150%; font-weight: normal; }
h2 { font-size: 175%; font-weight: bold; }
h3 { font-size: 200%; font-weight: bold; }
h4 { font-size: 225%; }

/* Lists */
ul, ol {
	margin: 10px 0 10px 20px;
	padding: 0 2px; 
}

ul { list-style: disc; }
ul ul {list-style: circle; }
ol { list-style: decimal; }

p{
	margin-bottom: 10px;
}


/* Images */
img {
	background: #F6F6F6;
    border: 1px solid #CCC;
	/* padding: 5px; */
	margin: inherit;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
} 

.wrapper{
	width: 960px;
	margin: 0 auto;
	overflow: hidden; 
}

/* ================================ Layout ================================*/

/* --- Header --- */
#header{
	width: 930px;
	padding: 10px 5px 10px 15px;
	margin-top: 20px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	overflow: hidden; 
	background: #FFF;
}

#logo{
	width: 760px;
	padding: 10px 0 0 0;
	display: inline;
	float: left;
	overflow: hidden;
}

#logo-text, #logo-text h1, #logo-text a:link, #logo-text a:visited{
	font: 50px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	color: #666;
}

#logo-text a:hover{
	text-decoration: none;
	color: #000;
}

#headermodule{
	width: 150px;
	float: right;
	overflow: hidden;
	margin-right: 10px;
}

/* --- Top1 --- */
#top1{
	width: 940px;
	padding: 0px 5px; 
	overflow: visible;
	background: #FFF;
}

#navbar{
	width: 900px;
	background: #040404 url(../images/navbar.jpg) top no-repeat;
	height: 26px; 
	padding: 0px 20px; 
}

#nav{
	width: auto;
	display: inline;
	float: left;
	overflow: visible;
}

#searchbox{
	width: 150px;
	display: inline;
	float: right;
	background: transparent url(../images/loupe.gif) no-repeat right center;
	overflow: hidden;
	text-align: right;
}
	
/* --- Top2 --- */
#top2{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
	background: #FFF;
}

#top2inside{
	width: 920px;
	background: #333;
	overflow: hidden;
	padding: 10px;
	margin: 0 0 5px 0;
}

/* --- Top3 --- */
#top3{
	width: 940px;
	padding: 0px 5px;
	overflow: visible;
	background: #FFF;
}

#top3inside{
	width: 940px;
	margin: 0 0 10px 0;
}

.quick{
	width: 235px;
	background: #FFF;
	float: left;
	overflow: visible;
}

.quickmod1{
	border-top: 8px solid #777;
	padding: 5px;
}

.quickmod1:hover{
	background: #CCC;
}

.quickmod2{
	border-top: 8px solid #333;
	padding: 5px;
}

.quickmod2:hover{
	background: #999;
}

.quickmod3{
	border-top: 8px solid #555;
	padding: 5px;
}

.quickmod3:hover{
	background: #BBB;
}

.quickmod4{
	border-top: 8px solid #888;
	padding: 5px;
}

.quickmod4:hover{
	background: #EEE;
}

/* --- Top4 --- */
#contentcontainer{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
	background: #FFF;
}

#contentinside{
	width: 940px;
	background: #EAEAEA;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#contentleft{
	width: 560px;
	float: left;
	padding: 0px 10px;
	overflow: hidden;
}

.contentleft, .contentleftbottom{
	width: 540px;
	margin: 0px 0px 10px 0px;
	background: #FFF;
	overflow: hidden;
	padding: 5px;
	/* padding: 10px; */
	-moz-border-radius: 5px;
}

.contentleft div, contentleft div.breadcrumb{
	margin: 0 0 5px 0;
}

#contentright{
	width: 350px;
	float: right;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
}

.contentright{
	width: 350px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	/*background: #FFF;
	overflow: hidden;
	-moz-border-radius: 5px; */
}

.contentrightleft{
	/* width: 160px; */
	width: 340px;
	float: left;
	background: #FFF;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px;
}
	
.contentrightright{
	width: 160px;
	float: right;
	background: #FFF;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px;
}

/* --- Bottom --- */
#bottomcontainer{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
	background: #FFF;
}

#bottominside{
	width: 920px;
	background: #CECECE ;
	overflow: hidden;
	padding: 10px;
}

.bottominsideleft, .bottominsidemid, .bottominsideright{
	width: 291px;
	display: inline;
	float: left;
}

.bottominsideleft, .bottominsidemid{
	margin: 0 9px 0 0;
	padding-right: 9px;
	background: url(../images/bottomseparator.jpg) right repeat-y;
}


/* --- Container --- */
#footercontainer{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
	background: #FFF;
}

#footerinside{
	width: 920px;
	background: #555 ;
	border-top: 7px solid #888;
	overflow: hidden;
	padding: 10px;
}

.footerinsideleft, .footerinsidemid, .footerinsideright{
	width: 300px;
	display: inline;
	float: left;
}

.footerinsideleft, .footerinsidemid{
	margin: 0 9px 0 0;
	border-right: 1px dashed #777;
}


/* --- Container --- */
#copyrightcontainer{
	width: 940px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 20px;
	overflow: hidden;
	background: #FFF;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#copyrightinside{
	width: 940px;
	background: #EAEAEA ;
	overflow: hidden;
	padding: 5px 7px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#copyrightinside p{
	float: left;
	display: inline;
}

#copyrightinside p.gotop{
	display: inline;
	padding: 0px 5px;
	background: #808080;
	font-weight: bold;
	margin: 0 0 0 5px;
}