/*
Client : Nicole Morris
Layout : base css
Medium : screen
Author : Dune Brodiez [dune@dune.to]
Date : oct 2007

color: 
- 727171
- 000
- 666


__________________
LICENSE & COPYRIGHT
This file is part of CALADAN

Apr 2006

Copyright (c) 2005-2006, Dune Samantha Brodiez, www.dune.to - www.meltingbox.net
All rights reserved.


*/


html {
	margin: 0;
	padding: 0;
}

body {
	margin: 10px 0 0 0;
	padding: 0;
	font: 11px Verdana, Arial, sans-serif;
	color: #727171;
	background-color: #fff;
}



/*  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - L I N K S
*/
a:link, a:visited {
color: #999;
text-decoration: none;
font-weight: bold;
}

#menu1 a:link, #menu1 a:visited, #menu2 a:link, #menu2 a:visited, #menu3 a:link, #menu3 a:visited  {
font-weight: bold;
}

#menu2 a:link, #menu2 a:visited {
	color: #5b5b5b;

}

#menu3 a:link, #menu3 a:visited {
	color: #5b5b5b;

}

#menu2 li.selected a:link, #menu2 li.selected a:visited {
	color: #000;
background: #e3e3e3;
}

#menu3 li.selected a:link, #menu3 li.selected a:visited {
	color: #000;
}


#menu1 li.selected a:link, #menu1 li.selected a:visited {
	color: #000;
	background: #e0e0e0;
}

#info a:link, #info a:visited {
	color: #424242;
	text-decoration: underline;
}

h1 a:link, h1 a:visited, #menu1 a:link, #menu1 a:visited {
	color: #727171;
}

#menu1 a:hover {
font-weight: bold;
}

#menu2 a:hover {
font-weight: bold;
background: #e3e3e3;
}

#menu3 a:hover {

}

a:hover {
   color: #000;
}



/*
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - M A I N  B O X E S 
*/

#wrapper {
		width: 1000px;
		margin: 0;
		padding: 0;
}

#mgroup1 {
		width:210px;
		padding:5px;
		float:left;
		border-right: 1px solid #e0e0e0;
		margin: -20px 5px 10px 0;
}

#menu1 {
		text-align: right;
		margin: 0 0 10px 140px;
		float:left;
}


#menu2 {
		width:140px;
		padding:35px 0 0 0;
		clear: left;
		float:left;
		margin: -30px 0 0 0;
		border-right: 1px solid #666;
}

#menu3 {
		width:100px;
		padding: 0;
		clear: none;
		float:right;
		margin: -5px 45px 0 0;
		border-left: 1px solid #666;
}



#main {	
		width:750px;
		padding: 20px 5px 10px 30px;
		float:left;
		clear: none;
}

#content {

}


#extra {
   clear: both;
	border-top: 1px solid #E0E0E0;
	text-align: center;
	margin: 30px auto 10px auto;
	padding: 5px 0;
}

.intro {
	margin: 0 0 0 40px;
	text-align: justify;
	font-weight: normal;
	line-height: 24px;
	font-size: 12px;
	color: black;
}

.text {
}



#flyer {
	font-size: 10px;
}


.more {
	margin: 0;
	float:left;
}

/*
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - T A G S 
*/
img {
	border: none;
}

p {

}

#banner1 img{

}

/* __________________________________________________________________________ Headers 
*/
h1 {
   font-size: 20px;
   margin: 0 auto;
   padding: 0 20px 0 0;
   border-bottom: 1px solid #727171;
	text-align: right;
}


h2 {
	font: 11px Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 5px;
	border-bottom: 1px solid #E0E0E0;
	color: #000;
	font-weight: bold;
	/*font-style: italic;*/
}


#main h2 {
	/*font-size: 14px;
	text-align: right;
	margin-bottom: 10px;
	color: #000000;*/
	display: none;
}

.more h2 {
	font-size: 12px;
	text-align: left;
	padding: 1px 3px;
	color: #424242;
	border-left: 1px solid #424242;
	border-bottom: none;
	margin: 25px 0 0 0;
}

h3 {
	text-align: right;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #534a48;
	color: #000;
}

h4 {
}


/* __________________________________________________________________________ Lists
*/
ul {
   margin: 0;
   padding: 0;
}

li {
   padding: 0;
   margin: 0;
}

li ul {
   list-style-type: square;
   padding: 0;
   margin: 0;
}

li ul li {
   padding: 0;
   margin: 0;
}

dt {
   padding: 5px;
   color: #735984;

}

dd {
   margin: 0;
   padding: 0;
}


/* __________________________________________________________________________ table
*/
table {
}

thead {
}

th {
}

td {
}

/* __________________________________________________________________________ Forms
*/
form {
   margin-top: 20px;
}

fieldset {
   border-top: 1px solid #000;
   border-bottom: none;
   border-left: none;
   border-right: none;
   padding: 15px;
}

legend {
   color: #000;
}

input, textarea {
   background-color: #E4E4E4;
   border: 1px solid #000;
   color: #000;
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   padding: 2px;
   margin: 0 0 10px 0;
}

input.post {
   margin: 10px 0;
   background-color: #CCCCCC;
   border: 3px dotted #fff;
   padding: 2px;
   font-size: 12px;
   font-weight: bold;
   color: #000;
   width: 125px;
   display: block;
}
input:focus, textarea:focus {
   border: 1px solid #000;
   color: #735984;
   background-color: #d5d5d5;
}

input.post:hover {
   background-color: #000;
   color: #fff;
}


/*  
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - C L A S S E S // I D's 
*/

/* __________________________________________________________________________ a 
*/





/* __________________________________________________________________________ img 



.content img {

}

.offer img {

}

*/
#main  img {
	margin: 5px;
	padding: 0;
}

#main  .img_float_left_c img {
	margin: 5px;
	padding: 0;
	float: left;
	clear: left;
}
#main  .img_float_left img {
	margin: 5px;
	padding: 0;
	float: left;
	clear: none;
}
#main  .img_float_right_c img {
	margin: 5px;
	padding: 0;
	float: right;
	clear: right;
}
#main  .img_float_right img {
	margin: 5px;
	padding: 0;
	float: right;
	clear: none;
}

#flyer img {
	margin: 0;
	padding: 5px;
}

.intro img {
	float: right;
margin: 10px 0 0 25px;
	padding: 0;
}


/* __________________________________________________________________________ headers 
*/


/* __________________________________________________________________________ lists 
*/

/* menu*/

#menu1 li {
	display: inline;
	padding: 5px;
	margin: 0 10px;
	border-left: 1px solid #666;
}

#menu1 ul {	

}

#menu1 ul#lang {

}


#menu1 li {

}

/*
#menu2 li {
	text-align: right;
	padding: 5px;
	margin: 10px 0;
	border: 1px solid #666;

}*/

#menu2 li {
background: #f9f9f9;
	text-align: right;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #666;
}

#menu2 li a{
display: block;
padding: 8px;
}

#menu2 li.selected {
text-align: left;
}

#menu2 li ul li, #menu3 li ul li {


}

#menu3 li {
	text-align: left;
	padding: 0;
	margin: 0;
}

#menu3 li a{
display: block;
padding: 8px;
}

#menu3 li.selected {
text-align: left;
}

#main ul {

}

#main li {
   line-height: 1.5;
   list-style-position: outside;
   list-style-type: square;
   margin: 0;
	padding: 2px 0;
}


.more ul {
	margin: 0;
	padding: 0 0 0 10px;
	background: #f9f9f9;
}

.more li {
   line-height: 1.5;
   list-style-position: outside;
   list-style-type: disc;
   margin: 4px 0;
   padding: 0;
   color: #000;
}

#links li,  #info li{
   list-style-type: circle;

   color: #666;
}


#info li {
   list-style-type: disc;
}






/* __________________________________________________________________________ p 
*/
.help p {
}

#extra p {

}

p.big {
   color: #735984;
   font-size: 16px;
   font-style: italic;
   margin: 0;
   padding: 0;
}

.offer p.big {
text-align: center;
}

p.medium {
   font-size: 11px;
   font-family: Verdana, Arial, sans-serif;
   margin: 0;
   padding: 0;
}

p.small {
   font-size: 9px;
   margin: 0;
   padding: 0;
}

form p {
   margin: 0;
   padding: 0;
}


#main p {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 2.0;
}

#main div.intro p {
	padding: 10px 70px 5px 20px;
	line-height: 2.0;
}




/* __________________________________________________________________________ table 
*/


/* __________________________________________________________________________ form 
*/


/* __________________________________________________________________________ misc 
*/


#interact {
   border-right: 1px solid #735984;
}

#lang img {
   display: block;
}

span.number {
   color:#a4c93c;
   font-size: 18px;
}

#nicole br.clear {
clear: both;
}

/*
.hangout  {
   float: left;
   margin: 10px;
   padding: 10px;
   border: 1px solid #f39;
   background: #E2E2E2;
   text-align: left;
   width: 150px;
   clear: none;
}*/