/* ------ Styles for Allison Wonderlands Photography 
This site was designed, developed and is maintained by Rhaya Shilts. 
www.rhaya.com ------ */


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

html,body {
background:#D0DBE1;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
color:#406C84;
text-align:center;
line-height:110%;
}


/* ------------- LAYOUT ------------- */

#container {
margin:20px auto; /* center, not in IE5 */
width:880px;
text-align:left;
}

#header {
width:880px;
height:40px;
text-align:left;
background:url(images/template/headerbg.gif) no-repeat;
}

#main {
width:800px;
height:532px;
text-align:left;
background:url(images/template/mainbg.gif) repeat-y;
padding:0 40px 0 40px;
float:left;

}


#footer {
width:880px;
height:24px;
background:url(images/template/footerbg.gif) no-repeat;
color:#91AEBE;
font-size:10px;
float:left;
text-align:center;
}


/* ------------- LOGO ------------- */


#logo {
height: 76px;
width: 475px;
display: block;
text-indent: -9999px;
background:url(images/template/logobg.gif) no-repeat;
float:left;
}

#logo a {
height: 76px;
width: 380px;
left: 40px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

/* ------------- NAVIGATION ------------- */


#nav {
width:405px;
height:76px;
background:url(images/template/navbg.gif) no-repeat;
float:left;
}

ul#nav_main {
list-style-type:none;
position:relative;
width: 349px;
height: 25px;
top: 21px;
left: 0;
}

li#nm_1 {
position:absolute;
left: 0px;
width:70px;
height: 25px;
background: url(images/template/nav/about.gif) no-repeat;
}

li#nm_1 a {
display:block;
height:70px;
height: 25px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_2 {
position:absolute;
left: 78px;
width:65px;
height: 25px;
background: url(images/template/nav/process.gif) no-repeat;
}

li#nm_2 a {
display:block;
height: 25px;
width: 65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_3 {
position:absolute;
left: 151px;
width:61px;
height: 25px;
background: url(images/template/nav/gallery.gif) no-repeat;
}

li#nm_3 a {
display:block;
height: 25px;
width: 61px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_4 {
position:absolute;
left: 220px;
width:58px;
height: 25px;
background: url(images/template/nav/pricing.gif) no-repeat;
}

li#nm_4 a {
display:block;
height: 25px;
width: 58px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_5 {
position:absolute;
left: 286px;
width:63px;
height: 25px;
background: url(images/template/nav/contact.gif) no-repeat;
}

li#nm_5 a {
display:block;
width: 63px;
height: 25px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_1 a:hover { background: url(images/template/nav/aboutroll.gif) no-repeat; }
li#nm_2 a:hover { background: url(images/template/nav/processroll.gif) no-repeat; }
li#nm_3 a:hover { background: url(images/template/nav/galleryroll.gif) no-repeat; }
li#nm_4 a:hover { background: url(images/template/nav/pricingroll.gif) no-repeat; }
li#nm_5 a:hover { background: url(images/template/nav/contactroll.gif) no-repeat; }


/* ------------- CONTENT ------------- */

#content {
padding:10px 0 10px 0;
float:left;
}

#content p {
margin:0 0 16px 0;
font-size:11px;
}

#content a {
color:#406C84;
}

#content a:hover {
color:#729672;
background:#EFF5EF;
}

#content h1 {
text-indent:-9999px;
height:35px;
padding:0 0 10px 0;
}

#content h1.about {background: url(images/pagetitles/aboutme.gif) no-repeat;}

#content h1.contact {background: url(images/pagetitles/contact.gif) no-repeat;}

#content h1.process {background: url(images/pagetitles/process.gif) no-repeat;}

#content h1.pricing {background: url(images/pagetitles/pricing.gif) no-repeat;}

#content h1.gallery {background: url(images/pagetitles/gallery.gif) no-repeat;}

#content h2 {
font-size:12px;
padding:0 0 16px 0;
font-weight:bold;
}


/* ------------- PHOTO GALLERY STYLES ------------- */

#photoarea {
background:#fff;
width:600px;
height:532px;
float:left;
margin:0 16px 0 0;
display:inline;
text-align:center;
}


ul#gallerylist {
margin:10px 0 0 0;
border-top:solid 1px #B9CFB9;
list-style-type:none;
width: 160px;
color:#406C84;
display: block;
font-size:12px;
}


li#gallerylist{
width:160px;
border-bottom:solid 1px #B9CFB9;
text-indent:8px;
}

ul#gallerylist a {
display: block;
color:#406C84;
text-decoration:none;
text-indent:8px;
}

li#gallerylist a:hover {
background:#EFF5EF;
color:#729672;
text-decoration:none;
}

#thumbnails {
margin:18px 0 18px 0;
}

#thumbnails td {
width:38px;
height:38px;
padding:0 2px 2px 0;
}

#thumbnails a img {
border:solid 1px #B9CFB9;
display:block;
} 

#thumbnails a:hover img {
border:solid 1px #406c84;
}	
	
/* ------------- IMAGE ATTRIBUTES ------------- */


#leftimg, #rightimg {
float: left;
}

#leftimg img {
border-right:5px solid #fff;
margin:0 16px 0 0;
}

#rightimg img {
border-left:5px solid #fff;
margin:0 0 0 16px;
}



/* ------------- FOOTER ------------- */

#footer a {
text-decoration:underline;
color:#81A481;
}

#footer a:hover {
text-decoration:underline;
color:#406C84;
}