* {margin: 0; padding: 0;}
body {background: url(images/background.jpg) bottom left repeat-x;}
#wrap {margin: auto; width: 980px;}

/* common */
h2 {font-family: arial; font-size: 14px; color: #2B84AE; line-height: 18px;}
p {font-family: arial; font-size: 12px; color: #646464; line-height: 18px; margin: 0 0 10px 0;}
a {color: #2B84AE;}
a:hover {text-decoration: none;}
ul {padding: 0 0 10px 17px;}
ol {padding: 0 0 10px 17px;}
li {font-family: arial; font-size: 12px; color: #646464; line-height: 18px;}
li a {font-family: arial; font-size: 12px; color: #646464; line-height: 18px;}
li a:hover {text-decoration: none;}
.clear {clear: both;}

/* images */
img {border: none;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right; width: auto;}
.alignleft {float: left; width: auto;}

/* head */
#head {float: left; width: 980px; height: 124px; background: url(images/head.jpg) no-repeat;}
#logo {float: left; width: 524px; height: 83px; padding: 19px 0 0 103px;}

/* navigation */
#navigation {float: left; width: 980px; height: 46px; color: #ffffff; background: #72839B url(images/nav.jpg) no-repeat;}
#nav {margin: 0 0 0 100px; list-style: none;}
#nav ul {list-style: none; text-align: left;}
#nav a {color: #ffffff; font-family: arial; display: block; font-size: 11px; font-weight: bold; margin: 0px 5px 0px 0px; padding: 16px 30px 16px 30px; text-align: left; text-decoration: none;}
#nav a:hover {color: #ffffff; display: block; text-decoration: none; margin: 0px 5px 0px 0px; padding: 16px 30px 16px 30px;}
#nav li {float: left; width: auto; text-align: left; list-style-type: none !important;}
#nav li li {float: left; width: 140px; text-align: left;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #000000; color: #ffffff; width: 120px; float: none; margin: 0px; border: 1px #ffffff solid; margin: -1px 0 0 0; padding: 8px 10px 8px 10px; text-align: left;}
#nav li li a:hover, #nav li li a:active {background: #000000; color: #ffffff; padding: 8px 10px 8px 10px;}
#nav li ul {position: absolute; width: 10em; left: -999em; text-align: left;}
#nav li:hover ul {left: auto; display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* home */
#content-wrap {float: left; width: 763px; margin: 3px 0 0 0; padding: 0 0 0 106px;}
#content-top {float: left; width: 763px; height: 11px; background: url(images/content-top.jpg) top right no-repeat;}
#content {float: left; width: 763px; background: url(images/content.jpg) repeat-y;}
#content-image {float: left; width: 741px; height: 227px; background: url(images/content-image.jpg) top right no-repeat; padding: 0 0 0 11px;}
#content-text {float: left; width: 716px; margin: 9px 0 0 0; padding: 0 0 0 23px; background: url(images/content-text.jpg) top right repeat-y;}
#content-left {float: left; width: 423px;}
#content-left p {padding: 0 20px 0 6px;}
#welcome {float: left; width: 423px; height: 48px; background: url(images/welcome.png) no-repeat;}
.divide-left {float: left; width: 423px; height: 1px; background: #DEDEDE; margin: 5px 0 10px 0;}
.more {float: left; width: 423px; text-align: right;}
#services {float: left; width: 423px; height: 48px; background: url(images/services.png) no-repeat;}
#content-bottom {float: left; width: 763px; height: 12px; background: url(images/content-bottom.jpg) no-repeat;}

/* tabs */
#tabwrap {float: left; width: 411px; margin: 15px 0 0 0; padding: 0 0 0 6px;}
.tabs p {padding: 0 10px 0 10px !important;}
ul.tabnav {list-style: none; margin: 0; padding: 0;}
ul.tabnav li {display: inline;}
ul.tabnav li a {padding: 4px 5px 4px 5px; background-color: #cccccc; color: #646464; text-decoration: none;}
ul.tabnav li a.selected, ul.tabnav li a:hover {padding: 4px 5px 4px 5px; background-color: #777777; color: #ffffff;}
ul.tabnav li a:focus {outline: 0;}
div.tabs > div {padding: 11px 5px 5px 5px; margin-top: 2px; border: 1px #cccccc solid;}
div.tabs > div h2 {margin-top: 0;}
.tab-more {text-align: right;}

/* sidebar */
#content-right {float: right; width: 253px; padding: 0 0 0 21px; margin: 0 0 10px 0;}
#our-products {float: left; width: 253px; height: 48px; background: url(images/our-products.png) no-repeat; margin: 2px 0 0 0;}
.divide-right {float: left; width: 253px; height: 1px; border-bottom: 1px #DEDEDE dashed; margin: 2px 0 10px 0;}
.more-right {float: left; width: 253px;}
#content-right h2 {padding: 0 2px 10px 2px;}
#content-right img {padding: 0 0 10px 0;}
#content-right p {padding: 0 2px 0 2px;}

/* pages */
#content-left-inside {float: left; width: 423px;}
#content-left-inside h2 {font-size: 25px; color: #434445; font-weight: normal; padding: 15px 0 15px 0;}
.front-ed-the_content {font-family: arial; font-size: 12px; color: #646464; line-height: 18px; margin: 0 0 10px 0;}

/* footer */
#footer {margin: auto; width: 738px; padding: 12px 0 10px 25px;}
#footer p {color: #2A4959; line-height: 22px;}