@charset "utf-8";
body{margin:0; padding:0; height:100%; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#333; background:#f1f1f1 url('../images/development_bg.jpg') repeat-x;}
ul{list-style-type:square; line-height:2em;}
#page-wrapper{width:975px; margin:3em auto; text-align:left; height:100%;}
#header{height:147px; overflow:hidden; width:100%; position:relative; background:url(../images/development_bg1.jpg) repeat-x;}
#logo{position:absolute; top:20px; left:10px;}
#nav{position:absolute; margin:0; padding:0; color:#fff; text-transform:uppercase;  bottom:4px; left:0px; list-style-type:none; width:100%;}
#nav li{display:inline-block; letter-spacing:.15em; line-height:43px; background:url(../images/development_nav_sp.jpg) no-repeat right top;}
#nav li a{color:#fff; font-weight:bold; text-decoration:none; border-bottom:4px solid #b90a2b; display:block; padding:0 4.75em;}
#nav li a:hover{text-decoration:none; border-bottom:4px solid #f66e88;}
#main-image-area{height:209px; overflow:hidden; width:100%; background:#d1cfd0; font-weight:bold;} 
#main-image-area img{float:left; margin:0 4em 0 0;}
#main-image-area p{padding-right:2em;}
#main-image-area a{color:#a01309; text-decoration:none; display:block; padding:1em .5em;}
#main-image-area a{text-decoration:underline;}
#content-area{position:relative; border:1px solid #d9cdd1; border-top:none; border-top-width:0px; padding:2em; min-height:300px; overflow:auto; background:#fff;}
#designer{text-align:center; padding:1em 0 3em;}
#designer img{border:none; border-width:0px;}
.body-image{float:right; margin:0 0 2em 2em;}
h1{color:#710015; font-family:Helvetica, sans-serif;}
td{vertical-align:top;}
#contact{float:right; width:400px; clear:both; position:relative;}
#contact div{float:left; line-height:50px;}