/*------------------------------------------------------------------------

# 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: #fff;

	letter-spacing: 0.5px;

	background: #505050;

	text-align: left;

}



/* Normal link */

a:link, a:visited {

	color: #333;

	text-decoration:none

}



a:hover, a:active {

	color: #000000;

	text-decoration:underline;

}



a img {

	border: none;

	text-decoration: none;

}



/* Headers */

h1, h2, h3, h4 {

	font: bold 1em/1.5em Arial, Helvetica, sans-serif;

	color: #000;

	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: 350px;

    height: 80;

	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: 558px;

    height: 80;

	float: left;

	overflow: hidden;

	padding: 30px 0 0 0;

}



/* --- Top1 --- */

#top1{

	width: 940px;

	padding: 0px 5px;

	overflow: hidden;

	background: #FFF;

}



#navbar{

	width: 900px;

	background: #040404 url('../images/navbar.jpg') no-repeat top;

	height: 26px;

	padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0px

}



#nav{

	width: 740px;

	display: inline;

	float: left;

	overflow: hidden;

}



#searchbox{

	width: 160px;

	display: inline;

	float: right;

	background: url('../images/loupe.gif') no-repeat right center;

	overflow: hidden;

	text-align: right;

}

#crowlsx1{

	width: 5px;

    height: 15px;

    overflow: hidden;

    float: left;

	background: #FFF;


}

#crowlsx{

	width: 20px;

    height: 15px;

    overflow: hidden;

    float: left;

	background: #000;


}


#crowl{

	width: 900px;

    height: 15px;

    overflow: hidden;

    float: left;

	background: #FFF;


}

#crowldx{

	width: 20px;

    height: 15px;

    overflow: hidden;

	float: left;

	background: #000;


}

#crowldx1{

	width: 5px;

    height: 15px;

    overflow: hidden;

    float: left;

	background: #FFF;

}

/* --- Top2 --- */

#top2{

	width: 210px;

	padding: 0px 5px;

	overflow: hidden;

	float: left;

	background: #FFF;

}

#top2dx{

	width: 210px;

	padding: 0px 5px;

	overflow: hidden;

	float: left;

	background: #FFF;

}

#top2center{

	width: 500px;

	padding: 0px 5px;

	overflow: hidden;

	float: left;

	background: #FFF;

}


#top2inside{

	width: 190px;

	background: #ffffff;

	overflow: hidden;

	padding: 10px 10px 10px 15px;

	margin: 0 0 5px 0;

}


#top2insidedx{

	width: 185px;

	background: #ffffff;

	overflow: hidden;

	padding: 10px 10px 10px 15px;

	margin: 0 0 5px 0;

}

#top2insidecenter{

	width: 490px;

	background: #ffffff;

	overflow: hidden;

	padding: 10px 10px 10px 10px;

	margin: 0 0 5px 0;

}

#undertop{

	width: 940px;

	padding: 0px 5px;

	overflow: hidden;

	float: left;

	background: #FFF;

}


/* --- Top3 --- */

#top3{

	width: 940px;

	padding: 0px 5px;

	overflow: hidden;

	background: #FFF;

}



#top3inside{

	width: 940px;

	margin: 0 0 10px 0;

}



.quick{

	width: 235px;

	background: #FFF;

	float: left;

	overflow: hidden;

}



.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: #FFF;

	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: 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;

	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{

	padding-right: 9px;

	background: url('../images/bottomseparator.jpg') repeat-y right;; margin-left:0; margin-right:9px; margin-top:0; margin-bottom:0

}





/* --- 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;

}