@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
background-image:url(images/graybg_dark.jpg);
background-position:center;
font-family:Arial, Helvetica, sans-serif;
color:#bebebe;
font-size:13px;
font-weight:lighter;
line-height:18px;
}

img {
border:none;
}

.form-item input, textarea {
border:1px solid #c8c8c8;
color:#999999;
background-color:#ffffff;
padding:5px;
}

a {
color:#67afcb;
text-decoration:none;
}

a:hover {
color:#79c0dc;
}

#primaryContent .title h1, #primaryContent .title h2, #innerContent .title h1, #innerContent .title h2 {
display:none;
}

.blue {
color:#67afcb;
}

#interiorContent h3 {
padding:0;
margin:0;
color:#67afcb;
font-weight:normal;
font-size:20px;
}


#wrapper {

}

#topHeader {
width:100%;
height:70px;
background-image:url(images/header_bg.jpg);
}

#logo {
float:left;
}

#topHeader #menu {
float:right;
width:450px;
}

#topHeader #menu ul {
margin:0;
padding:0;
height:70px;
float:left;
width:450px;
}

#menu a {
color:#1e1e1e;
}


#topHeader #menu li {
height:70px;
display:inline;
padding:0;
text-indent:5000px;
}

#topHeader #menu li a {
background-image:url(images/menu.png);
background-repeat:no-repeat;
}

#topHeader #menu li a.about {
width:80px;
height:70px;
float:left;
background-position:0px 0px;
}

#topHeader #menu li a.services {
width:100px;
height:70px;
float:left;
background-position:-80px 0px;
}

#topHeader #menu li a.blog {
width:75px;
height:70px;
float:left;
background-position:-180px 0px;
}

#topHeader #menu li a.portfolio {
width:110px;
height:70px;
float:left;
background-position:-255px 0px;
}

#topHeader #menu li a.contact {
width:85px;
height:70px;
float:left;
background-position:-365px 0px;
}

#topHeader #menu li a:hover.about {
width:80px;
height:70px;
background-position:0px -70px;
}

#topHeader #menu li a:hover.services {
width:100px;
height:70px;
background-position:-80px -70px;
}

#topHeader #menu li a:hover.blog {
width:75px;
height:70px;
background-position:-180px -70px;
}

#topHeader #menu li a:hover.portfolio {
width:110px;
background-position:-255px -70px;
height:70px;
}

#topHeader #menu li a:hover.contact {
width:85px;
background-position:-365px -70px;
height:70px;
}

#primaryContent {
padding:40px 0px;
width:100%;
border-top: 3px solid #c5c5c5;
border-bottom: 3px solid #afafaf;
background-color:#ececec;
background-image:url(images/primary_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#innerContent {
padding:20px 0px 40px 0px;
width:100%;
border-top: 3px solid #c5c5c5;
border-bottom: 3px solid #afafaf;
background-color:#ececec;
background-image:url(images/primary_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.contentArea {
width:940px;
margin:0 auto;
overflow:hidden;
}

#primaryContent .title {
width:960px;
margin-bottom:40px;
}

#innerContent .title {
width:960px;
margin-bottom:20px;
}

#primaryContent #slider {
width:940px;
height:240px;
overflow:hidden;
}

#primaryContent #slider #next a {
width:40px;
position:absolute;
margin-left:900px;
height:240px;
z-index:100;
background-image:url(images/next.png);
background-repeat:no-repeat;
color:#dbdbdb;
cursor:pointer;
}

#primaryContent #slider #prev a {
width:40px;
position:absolute;
height:240px;
z-index:100;
background-image:url(images/prev.png);
background-repeat:no-repeat;
color:#dbdbdb;
cursor:pointer;
}

#primaryContent #slider_overlay {
position:absolute;
z-index:15;
}

#primaryContent #slider_waves {
position:absolute;
width:940px;
height:234px;
margin:3px 0px;
}

#primaryContent #slider ul {
padding:0;
margin:0;
width:940px;
top:3px;
height:234px;
position:absolute;
}

#primaryContent #slider li {
padding:0;
margin:0;
display:inline;
list-style-type:none;
width:940px;
height:234px;
float:left;
}

#sliderContent {
position:absolute;
height:240px;
width:940px;
}

#primaryContent #slider .images, #primaryContent #slider .text {
width:940px;
height:240px;
position:absolute;
}


#primaryContent #slider .images {
top:-240px;
}

#secondaryContent, #footer {
width:100%;
height:auto;
padding:30px 0px;
background-image:url(images/graybg_dark.jpg);
background-position:center;
height:auto;
clear:both;
}

#footer {
color:#999999;
font-size:11px;
}

#socialContent {
width:100%;
padding:30px 0px;
background-position:center;
background-image:url(images/graybg_light.jpg);
}

.socialBorder {
width:100%;
height:1px;
background-image:url(images/socialborder.jpg);
background-position:center;
}

#secondaryContent .contentArea {
background-image:url(images/grayborder_dark.png);
background-position:center;
background-repeat:repeat-y;
}

#socialContent .contentArea {
background-image:url(images/grayborder_light.png);
background-position:center;
background-repeat:repeat-y;
}

.box {
width:280px;
float:left;
height:auto;
padding:5px 0px;
}

.box#why, .box#latestblogs {
padding-right:20px;
}

.box#what, .box#latesttweets {
padding:5px 20px;
}

.box#how, .box#latestnews {
width:300px;
padding-left:20px;
}

.box h3 {
width:100%;
margin:0 0 20px 0;
}

.box .icon {
width:100%;
width:100px;
margin-right:10px;
float:left;
}

#latestblogs ul, #latesttweets ul, #latestnews ul {
width:280px;
padding:0;
margin:0;
}

#latestblogs li, #latesttweets li, #latestnews li {
padding:0px 0px 12px 0px;
margin:0px 0 12px 0;
display:inline;
border-bottom:1px dotted #313131;
width:280px;
float:left;
}

#latestnews ul, #latestnews li {
width:300px;
}

#latestblogs .articletitle, #latesttweets .articletitle, #latestnews .articletitle {
width:280px;
margin-bottom:2px;
}

#latestblogs .articlemeta, #latesttweets .articlemeta, #latestnews .articlemeta {
width:280px;
font-size:11px;
color:#999999;
}

#latestblogs .readmore, #latesttweets .readmore, #latestnews .readmore {
width:82px;
text-transform:uppercase;
float:right;
margin-top:5px;
text-align:center;
background-image:url(images/more.png);
background-repeat:no-repeat;
}

#latestblogs .readmore a, #latesttweets .readmore a, #latestnews .readmore a {
color:#999999;
font-size:9px;
width:62px;
padding:0px 10px;
height:23px;
float:left;
line-height:23px;
}

#latestblogs .readmore a:hover, #latesttweets .readmore a:hover, #latestnews .readmore a:hover {
color:#CCCCCC;
}

#interiorContent {
color:#444444;
width:940px;
background-image:url(images/intborder_top.png);
background-position:top;
background-repeat:repeat-x;
float:left;
line-height:20px;
}

#interiorContent #wrap {
background-image:url(images/intborder_side.png);
background-repeat:repeat-y;
overflow:hidden;
padding-bottom:40px;
}


#interiorContentLeft {
width:580px;
float:left;
padding:40px 40px 0px 0px;

}

#interiorContentRight {
float:right;
width:320px;
padding:40px 0 0 0;
}

#interiorContentRight .title {
width:320px;
padding:0px 0 0 0;
margin:0;
}

#interiorContentRight .item {
width:280px;
padding:20px 20px;
background-image:url(images/intborder_top.png);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:20px;
overflow:hidden;
}

#footer .left {
float:left;
}

#footer .right {
float:right;
}

#validation {
width:940px;
font-size:10px;
margin:10px 0px;
float:left;
height:40px;
overflow:hidden;
background-image:url(images/validation.png);
background-repeat:no-repeat;
}

#validationleft {
width:430px;
float:left;
height:40px;
line-height:40px;
margin-right:25px;
text-align:right;
}

#validationright {
width:459px;
float:right;
height:40px;
line-height:40px;
margin-left:26px;
text-align:left;
}

#footer a {
color:#999999;
}

#footer a:hover {
color:#CCCCCC;
}

#search {
width:170px;
height:24px;
}

#search input {
width:150px;
background:none;
color:#999999;
font-style:italic;
background-image:url(images/search.png);
background-repeat:no-repeat;
border:none;
padding:5px 10px;
float:right;
}

#bottomleft {
padding:5px 0px;
}

.service {
font-size:12px;
width:100%;
margin-top:20px;
padding-bottom:20px;
background-image:url(images/lightborder.png);
background-position:bottom;
background-repeat:repeat-x;
}

.service h3 {
display:none;
}

.service .heading {
width:100%;
margin-bottom:10px;
}

#latesttweets .articletitle {
color:#67AFCB;
}

.portItem {
width:162px;
margin:0px 11px 20px 10px;
float:left;
height:200px;
border:1px solid #c8c8c8;
padding:4px;
background-color:#f0f0f0;
}

.latestItem {
width:280px;
height:220px;
}

.latestImage {
width:280px;
height:150px;
}

.latestImage a {
width:272px;
padding:3px;
border:1px solid #c8c8c8;
height:142px;
float:left;
background-color:#f0f0f0;
}

.latestImage a:hover {
border:1px solid #67AFCB;
}

.latestTitle {
font-size:12px;
font-weight:bold;
float:left;
width:280px;
padding-bottom:5px;
margin:5px 0px 2px 0px;
background-image:url(images/lightborder.png);
background-position:bottom;
background-repeat:repeat-x;
}

.latestAbout {
font-size:11px;
float:left;
line-height:normal;
margin:5px 0px 2px 0px;
}

.portImage {
width:162px;
height:104px;
float:left;
}

.portImageLarge {
padding:3px;
border:1px solid #c8c8c8;
background-color:#f0f0f0;
margin:20px 0;
width:570px;
}


.portImage a {
width:162px;
float:left;
height:102px;
border-bottom:2px solid #c8c8c8;
}

.portImage a:hover {
border-bottom:2px solid #67AFCB;
}

.portTitle {
font-size:12px;
font-weight:bold;
float:left;
width:152px;
padding-bottom:2px;
margin:5px 5px 2px 5px;
background-image:url(images/lightborder.png);
background-position:bottom;
background-repeat:repeat-x;
}

.portAbout {
font-size:11px;
float:left;
line-height:normal;
margin:5px 5px 2px 5px;
}

.largedate {
margin-top:2px;
font-size:12px;
color:#999999;
}

.item-list {
float:left;
width:100%;
}

ul.pager {
padding:0 10px;
margin:0;
float:left;
}

ul.pager li {
display:inline;
float:left;
margin-right:10px;
}

ul.pager li.pager-current {
color:#444444;
}

ul.pager li a {
padding:5px;
border:1px solid #c8c8c8;
background-color:#f0f0f0;
}

ul.pager li a:hover {
border:1px solid #67AFCB;
}

ul.links {
padding:0;
margin-top:20px;
width:100%;
}

ul.links li {
display:inline;
padding:5px;
border:1px solid #c8c8c8;
background-color:#f0f0f0;
}

#comments {
margin:40px 0 0 0;
}

.comment {
padding:20px 0px;
background-image:url(images/lightborder.png);
background-position:top;
background-repeat:repeat-x;
}

#comments .indented {
background-image:url(images/lightborder.png);
background-position:top;
background-repeat:repeat-x;
}

.fullarticle {
width:100%;
padding-bottom:20px;
margin-bottom:30px;
background-image:url(images/lightborder.png);
background-position:bottom;
background-repeat:repeat-x;
}

.fullarticle .title {
width:100%;
}

.fullarticle .articlemeta {
width:100%;
font-size:11px;
color:#999999;
margin-bottom:10px;
}

.indented .comment {
padding:20px 0 20px 5%;
width:95%;
}

.comment ul.links {
margin-bottom:0;
}

.comment .submitted {
color:#999999;
font-size:12px;
margin-top:2px;
}

#interiorContentLeft .box {
padding:0;
margin:40px 0 0 0;
width:100%;
height:auto;
}

#interiorContentLeft .box fieldset {
display:none;
}

#interiorContentLeft .box label, form.webform-client-form label {
width:100%;
font-weight:normal;
font-size:14px;
float:left;
}

#interiorContentLeft .box .form-item, form.webform-client-form .form-item {
width:100%;
float:left;
margin-bottom:10px;
}

#interiorContentLeft .box h2 {
padding:0;
margin:0 0 10px 0;
color:#67afcb;
font-weight:normal;
font-size:20px;
}

.form-required {
display:none;
}

input#edit-submit {
padding:5px;
border:1px solid #c8c8c8;
color:#999999;
background-color:#f0f0f0;
}

input#edit-preview {
display:none;
}

.blogThumb {
padding:3px;
width:150px;
height:150px;
border:1px solid #c8c8c8;
background-color:#f0f0f0;
margin:20px 0 0 0;
}

.servicesicon {
width:50px;
height:50px;
float:left;
margin:0px 10px 10px 0px;
}

.members {
width:100%;
margin-bottom:20px;
overflow:hidden;
}

.member {
width:100%;
float:left;
width:280px;
padding:20px 20px;
background-image:url(images/intborder_top.png);
background-position:bottom;
background-repeat:repeat-x;
overflow:hidden;
}

.member .photo {
width:70px;
height:75px;
float:left;
padding:3px;
border:1px solid #c8c8c8;
background-color:#f0f0f0;
}

.member .info {
width:180px;
float:right;
}

.member .info .name {
color:#67afcb;
font-size:15px;
width:180px;
}

.member .info .position {
font-size:12px;
width:180px;
}