/*-----style reset-----*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background: #330033 url(images/bkgd_tile.gif) repeat-x top left;}
#container {position: relative; margin: 0 auto; text-align: left; background: #fff url(images/.gif) repeat-x top left;}
#container .content {position: relative; width: 934px; margin: 0 auto; text-align: left;}

h1 {font-family: "Times New Roman", Courier, Garamond, serif; font-size: 2.8em; font-weight: normal; color: #CC9933; padding: 15px 0 0 53px;}
h2 {font-family: "Times New Roman", Courier, Garamond, serif; font-size: 1.8em; font-weight: normal; color: #CC9933; padding: 0 0 0 53px;}
p {padding: 0 0 10px 53px; font-size: 1.4em; color: #5A3963; line-height: 1.4em;}
a {color: #5A3963;}

/*----------header----------*/
#header {position: relative; height: 120px; width: 934px; margin: 0 auto; background: url(images/bkgd_header.gif) no-repeat top right;}
#header #logo {position: absolute; top: 24px; left: 52px;}
#header #Nav {position: absolute; top: 86px; right: 0; width: 409px; height: 34px; overflow: hidden;}
#header #Nav li {float: left; height: 34px;}
#header #Nav li a {display: block; padding: 40px 0 0 0;}
#header #Nav .home a {width: 110px; background: url(images/btn_home.gif) no-repeat 0 0;}
#header #Nav .home a:hover {background: url(images/btn_home.gif) no-repeat 0 -34px;}
#header #Nav .about a{width: 181px; background: url(images/btn_about.gif) no-repeat 0 0;}
#header #Nav .about a:hover {background: url(images/btn_about.gif) no-repeat 0 -34px;}
#header #Nav .contact a {width: 118px; background: url(images/btn_contact.gif) no-repeat 0 0;}
#header #Nav .contact a:hover {background: url(images/btn_contact.gif) no-repeat 0 -34px;}

/*----------home----------*/
.home .content {height: 600px; background: url(images/bkgd_contenthome.jpg) no-repeat left 342px;}
.home .content h1 {padding-top: 85px;}
.home .content p {padding-right: 430px;}
.home .content p.pullout {position: absolute; top: 10px; left: 43px; width: 764px; font-size: 2.4em; padding: 0 10px 10px 11px; font-style: italic; color: #A79A85; line-height: 1.1em; background: url(images/line_double.gif) no-repeat bottom left;}
.home .content .services {position: absolute; top: 96px; right: 0; width: 375px; height: 527px; padding: 16px 0 0 20px; background: url(images/bkgd_services.gif) no-repeat center top;}
.home .content .services li {font-size: 1.3em; color: #5A3963; font-weight: bold; padding: 5px 0 5px 20px; background: url(images/check_services.gif) no-repeat left center;}

/*----------about----------*/
.about .content p {padding-bottom: 25px;}
.about ul {width: 500px; margin: 0 0 15px 43px; padding: 0 0 15px 10px; background: url(images/line_doubleSmall.gif) no-repeat left bottom;}
.about ul li {font-size: 1.4em; color: #5A3963; padding: 2px 0 2px 12px; background: url(images/bullet_purple.gif) no-repeat 0 6px;}
.about ul.noline {width: 256px; background-image: none; padding: 0 0 10px 0; margin: 0 0 0 53px;}
.about .float {float: right; padding-right: 318px; margin-left: 0;}
.about .float h2 {padding: 0;}
.about .float ul {margin: 0;}
.about .sidebox {position: absolute; top: 130px; right: 20px; width: 312px; height: 459px; background: url(images/bkgd_sidebox.gif) no-repeat 0 0;}
.about .sidebox h2 {padding: 19px 0 0 28px;}
.about .sidebox p {padding: 0 23px 0 28px; line-height: 1.3em;}

/*----------contact----------*/
.contact .content {height: 718px;}
.contact p {padding: 0 530px 10px 53px;}
.contact p.lines {padding: 0 530px 20px 10px; margin: 0 0 12px 43px; background: url(images/line_doubleSmall2.gif) no-repeat left bottom;}
.contact ul {width: 370px; margin: 0 0 15px 43px; padding: 0 0 15px 10px;}
.contact ul li {font-size: 1.4em; color: #5A3963; padding: 2px 0 2px 12px; background: url(images/bullet_purple.gif) no-repeat 0 6px;}
.contact .direction {position: absolute; top: 23px; right: -35px; width: 477px; height: 718px; background: url(images/spiral.gif) no-repeat right bottom;}
.contact .direction h2 {padding: 20px 0 0 27px;}
.contact .direction p {padding:0 50px 10px 27px;}
.contact .direction .map {padding-left: 27px;}
.contact .direction .map p {padding-left: 0;}

/*----------footer----------*/
#footer {height: 130px; background: url(images/bkgd_footer.gif) repeat-x top left;}
#footer .content {padding-top: 20px; width: 934px; margin: 0 auto; text-align: left;}
#footer .content p {color: #fff; font-size: 1.2em; padding: 0 0 5px 53px; line-height: 1.2em;}
#footer .content a {color: #fff; text-decoration: none;}
#footer .content a:hover {color: #937693;}