* { margin:0px; padding:0px; }
body { background: url('/_templates/web-development/images/body_back.gif') #000; margin-bottom:50px; text-align:center; }
h1 { padding: 20px; }
h2 { padding: 20px 5px 10px 30px; }
h3 { padding: 10px 5px 5px 30px; }
p  { margin: 10px 10px 10px 20px; }
img {border:0px;}
li { margin-left:50px; list-style-type:square; }

a { color: #fffb9c; text-decoration:none; }

div.container { margin:0px auto;background: #2f3437; font-family:calibri, verdana;color:#fff; width:800px; text-align:left; }
div.container a { color: #fffb9c; text-decoration:none; }
div.container a:hover { text-decoration:underline; }


div.menu div.separator0 { width: 620px; height:53px; background: url('/_templates/web-development/images/menu/menu_01.gif') right no-repeat #c74b26; }
div.menu div.item1 {      width: 625px; height:63px; background: url('/_templates/web-development/images/menu/menu_03.gif') right no-repeat #c74b26;}
div.menu div.separator1 { width: 625px; height:63px; background: url('/_templates/web-development/images/menu/menu_04.gif') right no-repeat; }
div.menu div.item2 {      width: 517px; height:66px; background: url('/_templates/web-development/images/menu/menu_05.gif') right no-repeat #63837d;}
div.menu div.separator2 { width: 517px; height:52px; background: url('/_templates/web-development/images/menu/menu_07.gif') right no-repeat; }
div.menu div.item3 {      width: 412px; height:65px; background: url('/_templates/web-development/images/menu/menu_08.gif') right no-repeat #364545; }
div.menu div.separator3 { width: 412px; height:67px; background: url('/_templates/web-development/images/menu/menu_10.gif') right no-repeat; }
div.menu div.item4 {      width: 303px; height:60px; background: url('/_templates/web-development/images/menu/menu_11.gif') right no-repeat #c0b49b; }
div.menu div.separator4 { width: 305px; height:34px; background: url('/_templates/web-development/images/menu/menu_13.gif') right no-repeat; }

div.menu .heading { font-family:calibri, verdana, arial; font-size:2em; font-weight:bold; color:#fff; text-align:right; padding-right:50px;}
div.menu .description { font-family:calibri, verdana, arial; color:#fff;text-align:right; padding-right:55px;}
div.menu a { color: #fff; text-decoration: none; }
div.menu a:hover { color: #fffb9c; text-decoration: none; }


div.about {  background: #c74b26; }
div.about_footer { height:34px; background: url('/_templates/web-development/images/pages/about_02.gif') top right no-repeat #c74b26;}
div.about h1 { background:#993a1d; }
div.about a.back { background:#993a1d; padding:10px 10px 10px 30px; text-decoration:none; font-weight:bold; color:#fff; }
div.about a.back:hover { background:#2f3437; }

div.services {  background: #63837d; }
div.services_footer { height:34px; background: url('/_templates/web-development/images/pages/services.gif') top right no-repeat #63837d;}
div.services h1 { background:#4c645f; }
div.services a.back { background:#4c645f; padding:10px 10px 10px 30px; text-decoration:none; font-weight:bold; color:#fff; }
div.services a.back:hover { background:#2f3437; }

div.contact {  background: #c0b49b; color:#000; }
div.contact_footer { height:34px; background: url('/_templates/web-development/images/pages/contact.gif') top right no-repeat #c0b49b;}
div.contact h1 { background:#8d8472; }
div.contact a.back { background:#8d8472; padding:10px 10px 10px 30px; text-decoration:none; font-weight:bold; color:#fff; }
div.contact a.back:hover { background:#2f3437; }

.footer { width:100%; padding-top:40px; }
.footer .text { float:right; margin-right:20px; margin-top:35px; color:#aaa; font-size:0.8em; }
.footer .logo { margin-left:20px; }

.out_footer { color:#222; font-size:10px; }
.out_footer a { color:#222; }

.error { background: #FFED00; width:auto; color:red; padding:20px 0px 20px 0px; margin:0px; font-size:0.9em; text-align:left;}
.error h1 { color:red; }

.notice { background:#444; width:auto; color: #aaa; padding:20px 0px 20px 0px; margin:0px; font-size:0.9em; text-align:left; }
.notice ul { margin:0px; }
.notice li { list-style:square; }
.notice form { background: transparent; border:none;}
.notice h1, .notice h2 .notice h3 { color:#fff; margin:auto; padding:0px; }
.notice a { color:#fffb9c; }
.notice a.btn { color:white; }
.notice a.btn:hover { color:black; }