/*	-------------------------------------------------------------
	Teddi Kardos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	autor         Angie Yoo
	version       1.0
	url       Teddi Kardos - card designer
	timestamp       August/17/2009 
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Floats & clears
	3. Links
	4. Typography
	5. General Properties
	6. Footer
    7. Layout
   


/*  -------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

     html {      
		
		
		color: #000000; 
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 13px;
		background-color:#303030;
		

		}
		
		
		
		
		
/*	-------------------------------------------------------------
	2. FLOATS & CLEARS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .clear-both{
		clear:both;
		}
	 
	 .clear-left{
		clear: left;
		}
		
	 .clear{
	  	width: 780px;
	  	height: 1px;
	  	background: url('../images/clear.gif') repeat;
		}
		
	 .spacer{
	  	padding-left:8px;
	  	height:100px;
		}
	
	 
	
/*	-------------------------------------------------------------
	3. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 a:link, a:visited {
		text-decoration: none;
		color: #085e2d;
		}

	 a:hover {
		text-decoration: underline;
		color: #085e2d; 
		}

	 a:active {
		text-decoration: underline;
		color: #085e2d; 
		}

	 a img {
		border:none;
		}
	
/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.photo {
		padding:4px;
		border-color: #b5b5b5;
		border-width: 1px;
		border-style: solid;
		background: #fff;
		margin:10px;
	}
	
	.align {
		margin-left:15px;
	}
	
	.linkalign {
	padding-bottom:11px;
	margin-left:15px;
	}
	

	 
/*	-------------------------------------------------------------
	6. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		 #site {
		
			height:100%;
			
		position:relative;
		margin-left:auto;
		margin-right:auto;
		

		  
		 }
		 
		 #top {
		 
			width:784px;
			height:92;
			background-color:#d3cec9;
			text-align:left;
		
			
			}
		 
		#menu {
		
		width:425px;
		background-color:#d3cec9;
		float:left;
		padding-left:60px;
		margin-top:10px;
		
		}
		
		#logo {
		
		height:41px;
		width:222px;
		background-color:#d3cec9;
		float:left;
		margin-left:35px;
		margin-top:15px;
	
		}
		
		#content {
			width:1100px;
			height:550px;
		
		}
		
		#r_content_cards {
			float:left;
			width:784px;
			height:750px;
			margin-top:40px;
			background-color:#d3cec9;
			text-align:left;
		}
		
		#r_content_index {
			float:left;
			width:784px;
			height:450px;
			margin-top:40px;
			background-color:#d3cec9;
			text-align:left;
		}
		
		#r_content_contact {
			float:left;
			width:784px;
			height:400px;
			margin-top:40px;
			background-color:#d3cec9;
			text-align:left;
		}
		
		#left {
			float:left;
			margin-top:75px;
		
		}
		
		#right {
			float:left;
			margin-top:75px;
		}
		
		#footer {
			width:751px;
			height:35px;
			background-image:url(../images/bg_footer.png);
			margin-left:138px;
			margin-top:-25px;
			}
		
		#footer_index {
			width:652px;
			height:30px;
			background-image:url(../images/bg_footer.png);
				margin-right:30px;
			margin-top:-30px;
			position:relative;
			padding-top:7px;
			overflow:hidden;
	
			
			}
			
		#footer_cards {
			width:652px;
			height:30px;
			background-image:url(../images/bg_footer.png);
		
			margin-top:36px;
		margin-right:30px;
			padding-top:7px;
	
			
			}	
			
		#footer_contact {
				width:652px;
			height:30px;
			background-image:url(../images/bg_footer.png);
			
			margin-top:-30px;
			margin-right:30px;
			padding-top:7px;
	
			
			}		
			
		.box {
		width:241px;
		float:left;
		text-align:left;
		margin-left:35px;
		margin-top:20px;
		margin-right:30px;
		}
		
		.box2 {
		float:left;
		text-align:left;
		
		margin-top:20px;
		margin-right:15px;
		}
		
		.box3 {
		
		}
		
		.box4 {
		margin-left:35px;
		margin-top:20px;
		margin-right:30px;
		float:left;
		width:240px;
		}
		.box5 {
		margin-top:20px;
		margin-right:15px;
		float:left;
		width:420px;
		text-align:left;
		}
	
/*	-------------------------------------------------------------
	7. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

         
/*	-------------------------------------------------------------
	8. IMGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	-------------------------------------------------------------
	10. BUTTONS: RSS-FEED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	13. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 		
	  h1{
	  	font-family: 'Arial';
	  	color:#36240c;
	  	font-size: 20px;
	  	text-align: left;
	  	font-weight:normal;
	  	margin-bottom:-20px
	  	}
	  
	  h2{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#6c9a67;
	  	font-size: 15px;
	  	margin-top:15px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	   h3{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#515151;
	  	font-size: 18px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	   h4{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 17px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	  	h5{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 15px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	   
	  
	   	
	 .caption {
	 	font-family: 'verdana';
	  	color:#959695;
	  	font-size: 10px;
	  	text-align: left;
		}
	
	 .indent {
		margin-left:12px;
		}
		
	 li {
		 list-style:none;
		 margin:0px;
		 display:inline;
		 margin-bottom: 10px;
		 clear: both;

		}

	 ul {
		margin:0px;
		}
	
/*	-------------------------------------------------------------
	13. FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	form {
	color: #100800; 
	font-family: Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 13px;
	font-weight: normal;
	}
	
	input, select, option, textarea{
	margin:3px;
	color: #100800; 
	font-family: Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 13px;
	font-weight: normal;
	border: 1px solid #ddd;
	}

