/*
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;
	width:880px;
	text-align:center;
     
}

a{
	text-decoration:none;
	font-family: lucida grande, arial;
	color:#6b7c31;
	font-weight:normal;
	cursor:pointer;
	letter-spacing:2px; 
	text-transform: uppercase;
	font-size:12px;
}

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

a:visited{
	color:#838c63	
}

.clear{
	clear: both;
}

.selected{
	border-top: 6px solid #525251;
	padding-top:0px;
}

/*dimming effect*/

#shadowBox{
	background-color:black;
	position:absolute;
	width:100%;
	height:100%;
	z-index:254;
	top:0px;
	left:0px;
}

#popup{
	border:1px #333333 solid;
	padding:10px;
	background:black;
	position:fixed;
	z-index:255;
	display:none;
	left:50%;
	top:40px;
	margin-left:-440px;
	
	
}

.arrows{
	text-align:right;
	padding-bottom:10px;
}

#right_arrow{
	float:right;
	padding-left:10px;
}

#left_arrow{
	float:right;
}

/*index*/

.header{
	margin-top:30px;
	
}

.nav{
    margin-top:30px;
    border-top:1px #deded8 solid;
    border-right:1px #deded8 solid;
    border-left:1px solid #deded8;
    background-color:#ecece7;
    
}

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

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

.cat_row{
	margin-top:10px;
	background-color: #fcfcf5;
	
	border:1px solid #e0e0db;
	text-align:center;
}


.port{
	float:left;
	padding:10px 12px 5px 12px;
	line-height:170%;
}

.port_middle{
	float:left;
	padding:10px 12px 5px 12px;
	
}



/*portfolio*/

.projects_photo{
	float:left;
	padding-right:8px;
}

.projects_photo_end{
	float:right;
}

.projects_photo_row{
	
}

.slideshow{
	background-color:white;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	border:1px solid #deded8;
	
}

.slide_content{
	margin-bottom:20px;
	border-bottom:1px solid #deded8;
	padding-bottom:20px;
}


.slide_container{
	padding:30px;
	margin-left: 20px;
}
.slide_photo{
	text-align:left;
	float: left;
	width:425px;
}

.slide_text{
	float:left;
	text-align:left;
	padding:0px 20px 0px 20px;
	line-height:150%;
	width:300px;
}

.light{
	color:#96968b;
}

.small{
	font-size:12px;
	font-style: italic;
}

.category_row{
	margin-bottom:30px;
	text-align:left;
	border-bottom:1px solid #deded8;
	padding-bottom:20px;
}

.category_row a{
	color: #96968b;
	font-size:12px;
	text-transform:none;
	letter-spacing: 1px;
}

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

.category_row li{
    display:inline-block;
    padding-top:2px;
    margin:8px 10px 10px 10px;
}

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

.image{
	position:absolute;
}

.slideshow2{
	background-color:white;
	background-position: center;
	margin-top:30px;
	border:1px solid #deded8;
	height:450px;
	
}

/*about*/

.leaves{
	background-image:url(img/leaves.png);
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	margin-top:30px;
	height:653px;
}

.mom_photo{
	float:left;
	width:200px;
}

.about_text{
	text-align:left;
	float:right;
	width:550px;
	line-height:150%;
}

/*contact*/

.contact_left{
	float:left;
	text-align:left;
	width:370px;
}

.contact_right{
	float:left;
	text-align:left;
	margin-left:26px;
	background-color:#f4f4ef;
	padding:9px;
	font-size:12px;
	border: 1px solid #e2e2d8;
}

/*footer*/

.footer{
	margin:50px auto 30px auto;
}

.footer a{
	font-size:10px;
	color: #897f7f;
}