/* CSS Document */

body {
background-image: url(images/bodybg.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
color: #5E6A80;
}

#container {
width: 980px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#topline h1 {
background-image: url(images/none.jpg);
float: right;
margin: 2px 0px 0px 0px;
padding: 0px;
color: #D4DCEA;
font-size: 9px;
font-weight: 300;
}

#banner {
background-image: url(images/bannerbg_04.jpg);
background-repeat: no-repeat;
height: 453px;
background-position: 50% 0%;
}

#banner2 {
background-image: url(images/banner2bg.jpg);
background-repeat: no-repeat;
height: 205px;
background-position: 50% 0%;
}

#banner-seo {
background-image: url(images/bannerbg-seo_04.jpg);
background-repeat: no-repeat;
height: 453px;
background-position: 50% 0%;
}

#main {
padding: 0px 20px;
}

#content {
float: left;
width: 617px;
padding: 10px 0px 10px 0px;
}

#content p {
padding-left: 20px;
padding-right: 20px;
}


#sidebar-a {
float: right;
width: 315px;
padding: 22px 0px;
}

#sidebar-a p {
padding-left: 12px;
padding-right: 12px;
}

.sidebar-section {
background-color: #F2F2F2;
background-image: url(images/sidebar-bottom.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#sidebar-a a:link, #sidebar-a a:visited {
color: #003399;
}

#sidebar-a a:hover {
text-decoration: none;
}

#footer {
clear: both;
background-color: #7E8BA3;
color: #EFF2F8;
border-top: 5px solid #113949;
padding: 10px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
}

#subfooter {
margin: 0px;
color: #EFF2F8;
width: 980px;
margin-left: auto;
margin-right: auto;
}

#subfooter a:link, #subfooter a:visited {
color: #EFF2F8;
text-decoration: none;
}

#subfooter a:hover {
text-decoration: underline;
color: #FFFFFF;
background-color: #7E8BA3;
}

#chamber {
float: right;
width: 220px;
background-image:url(images/chamber.gif);
background-repeat: no-repeat;
height: 200px;
margin-right: -16px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 300;
color: #ffffff;
background-image: url(images/h1bg.jpg);
background-repeat: no-repeat;
padding: 7px 0px 13px 10px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: 300;
color: #ffffff;
background-image: url(images/h2bg.jpg);
background-repeat: no-repeat;
padding: 20px 0px 20px 60px;
}

h2 a:link, h2 a:visited {
color: #ffffff;
text-decoration: none;
}

h2 a:hover {
text-decoration: underline;
}

h3 {
font-size: 12px;
font-weight: 300;
}

h4 {
color: #FFFFFF;
font-size: 14px;
font-weight: 300;
}

#content p a:link, #content p a:visited {
color: #0E7DB0;
}

#content p a:hover {
text-decoration: none;
 }

div#navbar {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 13px 8px 8px 0px;
width: 980px;
}

#navbar ul li a:link, #navbar ul li a:visited {
color: #ffffff;
text-decoration: none;
display: inline;
padding: 11px 10px;
}

#navbar ul li a:hover {
color: #ffffff;
background-image: url(images/navbg.jpg);
text-decoration: none; 
}

#navbar ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
}

#navbar ul {
margin: 0px;
padding: 0px;
}

#network {
font-size: 9px;
line-height: 14px;
}


/* -- Feedburner Box --*/

.feedbox {
display: block;
background-color: #206A8C;
padding: 10px 10px 10px 20px;
color: #FFFFFF;
}

#feedburner ul li a:link, #feedburner ul li a:visited {
display: block;
background-image: url(images/icon-doc.gif);
background-repeat: no-repeat;
background-position: 1% 50%;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding-top: 5px;
padding-left: 24px;
padding-bottom: 5px;
}

#feedburner ul li a:hover {
background-color: #3F8CB1;
text-decoration: none;
}

#feedburner ul li {
margin: 0px;
list-style-type: none;
display: block;
border-bottom: 1px solid #80D0F4;
}

#feedburner ul {
margin: 0px 0px 20px 0px;
padding: 0px;
}

#feedburner h4 a:link, #feedburner h4 a:visited {
color: #FFFFFF;
text-decoration: none;
}

#feedburner h4 a:hover {
background-color: #3F8CB1;
text-decoration: none;
}



/* -- classes -- */

.data {
font-size: 10px;
color: #000000;
border: 1px solid #CCCCCC;
}

.header {
font-weight: bold;
background-color: #55B8E1;
}

.reference {
font-size: 10px;
color: #000000;
float: right;
}

.altrow {
background-color: #CCCCCC;
}

.clientname {
color: #254A7C;
font-weight: bold;
}

.orangebold {
font-weight: bold;
color: #D76A05;
}

.clienttestimonial {
font-style: italic;
color: #CC6600;
}

.photoleft {
float: left;
margin: 2px 20px 10px 0px;
}

.thumb {
padding: 8px 12px 4px 0px;
}

.emphasis {
font-size: 15px;
line-height: 22px;
font-weight: bold;
color: #000000;
}


/* -- Page Id's -- */

body#home #navhome a,
body#webdesign #navwebdesign a,
body#seo #navseo a,
body#portfolio #navportfolio a,
body#about #navabout a,
body#contact #navcontact a,
body#resources #navresources a {
color: #ffffff;
background-image: url(images/navbg.jpg);
text-decoration: none;
}