body {margin: 0px; font-family: Arial, Verdana, Sans-serif; color: #2d5b8c; background: #d4d4d4 url(images/main-bg.gif); font-size: 0.75em; text-align: center;}

h1, h2, h3 {font-family: Arial, Verdana, Sans-serif;  padding: 0; margin: 0; padding-top: 10px; line-height: 125%;}
h1 {color: #0d4d90; font-size: 1.8em; padding: 0px 0px 0px 22px; margin: 10px 0px 5px 0px; text-align: left; font-weight: normal; letter-spacing: 0.5px; border-bottom: 1px dotted #c0c0c0;}
h2 {color: #6f889b; padding: 10px 0px 5px 22px; font-size: 1.4em; text-align: left;}
h3 {color: #ec8725; padding: 10px 0px 5px 20px; font-size: 1.1em; text-align: left;}
h4 {color: #000; margin: 0px; padding: 7px 0px 7px 22px; font-size: 1.1em; text-align: left; background: #eee;}
p {line-height: 150%; font-size: 14px; letter-spacing: 0.1px; margin: 10px 40px 11px 20px; padding: 0px; color: #2c2c2c; text-align: justify;}

.clr {clear: both;}

ul {text-align: left; margin: 15px 0px 0px 22px; padding: 0px}
ul li {color: #000; text-align: left; margin: 5px 0px 5px 0px; list-style: none;}

ul.withbull {text-align: left; margin: 20px 0px 0px 38px; padding: 0px}
ul.withbull li {color: #2c2c2c; text-align: left; margin: 10px 0px 10px 0px; list-style: square;}

img.logo-home {text-align: left; float: left; margin: 0px 0px 0px 10px; padding: 0px;}
p.toptxt {font-family: Times New Roman; Arial, Verdana, Sans-serif; font-size: 15px; letter-spacing: 0px; word-spacing: 1.2px; color: #166cb3; text-align: left; float: left; margin: 0px 0px 0px 70px; padding: 0px; font-weight: normal;}
p.toptxt a {color: #166cb3; text-decoration: none;}
/*p.toptxt a:hover {color: #21405d;}*/



#container {width: 900px; margin: 0 auto; padding: 0px; background: #fff; border: 1px solid #fff;}

#header-home {width: 900px; magin: 0 auto; padding: 0px;}

#topsec {width: 900px; height: 150px; margin: 0 auto; margin: 0px; padding: 0px;}

#topsec-sub {width: 900px; height: 50px; margin: 0 auto; margin: 0px; padding: 0px;}

#txtflash {width: 900px; height: 42px; margin: 0 auto; padding: 0px;}
#sitenav {width: 900px; height: 187px; margin: 0 auto; margin: 0px; padding: 0px; border-top: 1px solid #dcdcdc;}
#sitenav ul {text-align: center; margin: 0px; padding: 0px;}
#sitenav ul li {list-style: none; text align: center; display: inline; margin: 0px; padding: 0px;}
#sitenav ul li a {display: block; float: left; padding: 140px 13px 30px 12px; margin: 0px 0px 0px 0px; border-right: 1px solid #fff; font-size: 14px; color: #fff; text-decoration: none; background: url(images/nav-bg.png) repeat-x; background-position: 0 -0px;}
#sitenav ul li a:hover {background: url(images/nav-bg2.png) repeat-x; background-position: 0 -186px;}

body#about-us a#current-about-us, 
body#our-team a#current-our-team, 
body#investor-relations-services a#current-investor-relations-services, 
body#public-relations-services a#current-public-relations-services, 
body#design-communications a#current-design-communications, 
body#clients a#current-clients, 
body#contact-us a#current-contact-us
 {background: url(images/nav-bg2.png) repeat-x; background-position: 0 -378px;}

body#about-us a#current-about-us:hover, 
body#our-team a#current-our-team:hover, 
body#investor-relations-services a#current-investor-relations-services:hover, 
body#public-relations-services a#current-public-relations-services:hover, 
body#design-communications a#current-design-communications:hover, 
body#clients a#current-clients:hover, 
body#contact-us a#current-contact-us:hover
 {background: url(images/nav-bg2.png) repeat-x; background-position: 0 -578px;}

#col1 {float: left; width: 400px; margin: 0px; padding: 0px;}
#col1 p {font-size: 12px; color: #2d74aa; font-weight: bold; margin: 10px 40px 11px 20px; padding: 0px;}
#col2 {float: left; width: 490px; margin: 0px; padding: 0px;}
#col2 p {font-size: 12px; color: #5c5c5c; font-weight: normal; margin: 12px 20px 11px 20px; padding: 0px;}

#col1-sub {float: left; width: 300px; margin: 0px; padding: 0px;}
#col1-sub ul {text-align: left; margin: 0px; padding: 5px 0px 12px 0px;}
#col1-sub ul li {list-style: none; color: #2d74aa; margin: 8px 0px 10px 22px; padding: 0px 0px 0px 13px; background: url(images/bullet.gif) no-repeat top left; }
#col1-sub ul li a {color: #2d74aa; text-decoration: none; font-weight: bold;}
#col1-sub ul li a:hover {color: #18bd6b;}


#col1-sub p {font-size: 12px; color: #2d74aa; font-weight: bold; margin: 10px 40px 11px 20px; padding: 0px;}
#col2-sub {float: left; width: 600px; margin: 0px; padding: 0px;}
#col2-sub p {font-size: 12px; color: #5c5c5c; font-weight: normal; margin: 16px 20px 11px 20px; padding: 0px;}

#col1-contact {width: 900px; margin: 0px; padding: 0px;}
#col1-contact p {font-size: 12px; color: #5c5c5c; font-weight: normal; margin: 22px 20px 11px 20px; padding: 0px;}
#col1-contact ul {text-align: left; margin: 0px; padding: 5px 0px 12px 0px;}
#col1-contact ul li {list-style: none; color: #2d74aa; margin: 8px 0px 10px 22px; padding: 0px 0px 0px 13px; background: url(images/bullet.gif) no-repeat top left; }
#col1-contact ul li a {color: #2d74aa; text-decoration: none; font-weight: bold;}
#col1-contact ul li a:hover {color: #18bd6b;}


img.random-images {float: right; margin: 22px; padding: 5px; border: 1px solid #e3e3e3;}

#footer {width: 900px; height: 60px; margin: 0 auto; padding: 0px; border-top: 1px solid #d6d6d6;}
#footer p {font-size: 12px; color: #8b8b8b; margin: 18px 32px 0px 22px; padding: 0px;}
#footer p a {color: #8b8b8b; text-decoration: none;}
#footer p a:hover {color: #18bd6b; text-decoration: none;}


/* temp placed here, have to shift in oder */
table.designcom {width: 85%; background: #efefef; border: 0px solid #6095be; margin: 12px 20px 12px 20px; text-align: center; font-weight: normal;}
table.designcom th h3 {color: #0d4d90; text-align: center; padding: 5px;}
table.designcom th {background: #e3e3e3;}
table.designcom tr {margin: 0px; padding: 0px;}
table.designcom td {background: none; text-align: center; padding: 5px 0px 18px 0px;}
table.designcom td img {background: none; text-align: center; border: 1px solid #cdcdcd; padding: 0px; margin: 3px 0px 6px 0px;}
table.designcom td:hover {background: #dfe0e1;}
table.designcom p {font-size: 11px; line-height: 125%; color: #575757; margin: 3px; padding: 0px; text-align: center; text-align: justify;}
table.designcom p a {color: #000; text-decoration: none;}
table.designcom a {color: #000; text-decoration: none;}
table.designcom a:hover {color: #18bd6b;}

table.websites {width: 85%; background: #efefef; border: none; margin: 0px 0px 0px 22px; padding: 0px;}
table.websites tr {background: #efefef;}
table.websites tr:hover {background: #e3e3e3;}
table.websites tr td {width: 50%; text-align: center; border-top: 4px solid #fff;}
table.websites tr td img {margin: 15px; padding: 5px; background: #fff; border: 1px solid #d0d0d0;}
table.websites p {color: #707070;}
table.websites p a {color: #2d74aa; text-decoration: none; font-weight: bold;}
table.websites p a:hover {color: #18bd6b; text-decoration: underline;}