/*
Name: Octavia Chambliss Garden Design
Description: The main CSS for octaviachambliss.com
Author: Ben Zulauf
Version: 1.0

Swatch Colors
------------------
tan - ecece7

*/

/* Resets and Overrides */
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, img, 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{
	font-family: Lucida Grande, Arial, verdana;
        font-size: 13px;
	color: #525251;
	background-color:#a0a98f;
	margin:0 auto 0 auto;
	
     
}

a{
	text-decoration:none;
	font-family: lucida grande, arial;
	color:#6b7c31;
	font-weight:normal;	
}

a:hover{
	text-decoration:none;
        color: #505d24;
}

a:visited{
	color:#838c63	
}

.clear{
	clear: both;
}

/*landing*/

.main_container{
    width:750px;
    margin-top: 40px;
    height:376px;
    border:5px solid white;
	
      
}

.photo_container{
    position:relative;
	text-align:left;
}

.photo{
    float:left;
    position:absolute;
}

.photo2{
    float:left;
    position:absolute;
    left:250px;
}

.photo3{
    float:left;
    position:absolute;
    left:500px;
}

.photo4{
    float:left;
    position:absolute;
    top:188px;
}

.photo5{
    float:left;
    position:absolute;
    top:188px;
    left:250px;
}

.photo6{
    float:left;
    position:absolute;
    top:188px;
    left:500px;
}

.photo_fade{
    float:left;
    position:absolute;
}

.photo_fade2{
    float:left;
    position:absolute;
    left:250px;
}

.photo_fade3{
    float:left;
    position:absolute;
    left:500px;
}

.photo_fade4{
    float:left;
    position:absolute;
    top:188px;
}

.photo_fade5{
    float:left;
    position:absolute;
    top:188px;
    left:250px;
}

.photo_fade6{
    float:left;
    position:absolute;
    top:188px;
    left:500px;
}

.logo{
    margin-top:60px;
}



/*index*/

.nav{
    margin-top:30px;
    border-top:1px #97948e solid;
    border-bottom:1px #97948e solid;
}

.nav ul{
    list-style-type:none;
    margin:0 auto 0 auto;
    padding:0px;
}

.nav li{
    display:inline-block;
    padding:10px 30px 10px 30px;
}