/*generic*/

body {text-align:center; width:100%; font-family:Arial, Helvetica, sans-serif; }
h2 {text-transform:uppercase; color:#4c2c63; font-weight:bold; padding-bottom:25px; font-size:0.9em;}
a { text-decoration:none; color:#4c2c63; text-transform:uppercase; font-weight:bold; font-size:0.9em;}
h2 a {font-size:1em;}
a:hover {color:#1C6E2B;}
li h2 { padding-bottom:15px;}


#container {width:960px; min-height:760px; position:relative; margin:auto; text-align:left; background:#fff url(../images/bg_footer_image.gif) no-repeat scroll 500px 487px; }

#header { background-image:url(../images/bg_header_image.gif); height:223px; background-repeat:no-repeat; background-position:0 0;}

#wrapper { text-align:left; min-height:525px; float:left; width:779px; margin-right:23px;}

#navigation {background-image:url(../images/bg_nav_image.gif); width:158px; height:495px; background-repeat:no-repeat; background-position:0 0; float:left;}
#navigation ul {padding-top:53px; padding-left:33px}
#navigation ul li {padding-bottom:26px;}
#navigation ul li p {display:none;}
#navigation ul li a:hover img {border-left:2px solid #1C6E2B; padding-left:5px; margin-left:-7px;}

#main-area {width:748px; min-height:484px; padding-left:54px; padding-top:40px; font-size:1.2em;}
#main-area h1 {padding-bottom:33px;}
#main-area p {width:372px; padding-bottom:15px;}


/*footer*/
#footer { display:block;}
#footer p { margin-left:33px; } 


/*portfolio pages*/

ul.list-x-axis {width:500px; display:block; min-height:90px; margin-bottom:35px;}
ul.list-x-axis li {display:block; float:left; height:90px; width:90px; margin-right:9px; margin-bottom:9px;}
ul.list-x-axis li a:hover img { display:block; border:2px solid #1C6E2B;}

/*catagory images*/

#wrapper.about {background:transparent url(../images/img-about.gif) no-repeat scroll right bottom;}
#wrapper.portfolio {background:transparent url(../images/img-portfolio.gif) no-repeat scroll right bottom;}
#wrapper.contact {background:transparent url(../images/img-contact.gif) no-repeat scroll right bottom;}
#wrapper.cv {background:transparent url(../images/img-cv.gif) no-repeat scroll right bottom;}