/*
Site: Web Exordium
Author: Richard Lee Thomason
Created: 07/03/2003
Updated: 01/04/2009
*/

* {margin: 0px; padding: 0px; border: 0px;}
html {height: 100%;}
body {height: 100%; background: #DDDDDD; text-align: center;}
h1 {margin: 0px 0px 15px 0px; font-size: 16px;}
h2 {margin: 0px 0px 12px 0px; font-size: 13px;}
p {padding-bottom: 20px; line-height: 17px;}
a:link, a:visited {color: #2397E9; outline: none;}
a:hover {color: #2397E9;}
ul li {list-style: none;}

/* ----- layout ----- */

#center {position: relative; margin: auto; padding: 0px 10px 0px 10px; width: 960px; background: url("center.gif") center; color: #333333; font-family: tahoma, arial, helvetica, sans-serif; font-size: 13px; text-align: left;}
#header {position: relative; height: 310px; background: url("header.gif") no-repeat center top;}
#logo {position: absolute; top: 42px; left: 15px; height: 55px; width: 280px;}
#content {position: relative; background: #FFFFFF;}
#col-1 {position: absolute; top: 0px; left: 0px; padding: 24px; width: 241px;}
#col-2 {margin: 0px 0px 0px 289px; padding: 24px; border-left: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; width: 384px;}
#col-3 {position: absolute; top: 0px; right: 0px; padding: 24px; width: 191px;}
#col-4 {margin: 0px 0px 0px 289px; padding: 24px 0px 24px 24px; border-left: #CCCCCC 1px solid; width: 624px;}
#footer {padding-top: 10px; height: 50px; background: #454545; color: #A7ACAF; line-height: 21px; text-align: center;}
#footer a {color: #A7ACAF;}
#footer a:hover {color: #FFFFFF;}

/* ----- topnav ----- */

ul#topnav {position: absolute; top: 0px; right: 10px; height: 31px; width: 122px;}
#topnav li {display: inline; text-indent: -2400px;}
#topnav a {float: left; display: block; height: 31px; background: url(topnav.gif) no-repeat; text-decoration: none;}
#topnav #nav-home a {width: 53px; background-position: 0px 0px;}
#topnav #nav-home a:hover {background-position: 0px -31px;}
#topnav #nav-contact a {width: 69px; background-position: -53px 0px;}
#topnav #nav-contact a:hover {background-position: -53px -31px;}

/* ----- mainnav ----- */

ul#mainnav {position: absolute; top: 44px; left: 350px; height: 51px; width: 390px;}
#mainnav li {display: inline; text-indent: -2400px;}
#mainnav a {float: left; display: block; height: 51px; width: 130px; background: url(mainnav.gif) no-repeat; text-decoration: none;}
#mainnav #nav-company a {background-position: 0px 0px;}
#mainnav #nav-company a:hover, #company #mainnav #nav-company a {background-position: 0px -51px;}
#mainnav #nav-portfolio a {background-position: -130px 0px;}
#mainnav #nav-portfolio a:hover, #portfolio #mainnav #nav-portfolio a {background-position: -130px -51px;}
#mainnav #nav-services a {background-position: -260px 0px;}
#mainnav #nav-services a:hover, #services #mainnav #nav-services a {background-position: -260px -51px;}

/* ----- leftnav ----- */

ul#leftnav {position: absolute; top: 129px; left: 34px; height: 160px; width: 160px;}
#leftnav li {display: inline; text-indent: -2400px;}
#leftnav a {float: left; display: block; height: 32px; width: 160px; background: url(leftnav.gif) no-repeat; text-decoration: none;}
#leftnav #nav-m1 a {background-position: 0px 0px;}
#leftnav #nav-m1 a:hover, #m1 #leftnav #nav-m1 a {background-position: -160px 0px;}
#leftnav #nav-m2 a {background-position: 0px -32px;}
#leftnav #nav-m2 a:hover, #m2 #leftnav #nav-m2 a {background-position: -160px -32px;}
#leftnav #nav-m3 a {background-position: 0px -64px;}
#leftnav #nav-m3 a:hover, #m3 #leftnav #nav-m3 a {background-position: -160px -64px;}
#leftnav #nav-m4 a {background-position: 0px -96px;}
#leftnav #nav-m4 a:hover, #m4 #leftnav #nav-m4 a {background-position: -160px -96px;}
#leftnav #nav-m5 a {background-position: 0px -128px;}
#leftnav #nav-m5 a:hover, #m5 #leftnav #nav-m5 a {background-position: -160px -128px;}

/* ----- global ----- */

#content ul {padding-bottom: 20px;}
#content li {padding-left: 20px; background: url(arrow.gif) no-repeat 6px 8px; line-height: 20px;}
.line {margin-bottom: 20px; border-bottom: #CCCCCC 1px solid;}
.last {padding-bottom: 0px;}
.more {padding-bottom: 10px;}
.bullet {margin-bottom: 20px; padding: 0px 0px 20px 15px; border-bottom: #CCCCCC 1px solid; background: url(bullet.gif) no-repeat 0px 5px;}
#index-1 {float: right; margin: 3px 0px 5px 20px;}