body {margin: 0px; font-family:arial, verdana, sans-serif; font-size:11px; background: #E0DFDA url(../img/bg_repeat.jpg) top repeat-x; line-height:15px; color:#333;}
td {vertical-align:top;}
img {border:0;}

.makefit{clear:both;}
a {color:#507FB2; text-decoration:none;}
a:hover{color:#666; text-decoration:underline;}

/* -------------- LAYOUT CONTAINER STYLES -------------- */
#container {text-align:left; width:818px; margin: 0 auto; }
#header {float:left; position:relative; top:0; padding:0; width:100%}
#topNav {float:left; width:100%; background: url(../img/topnav_bot_bg.gif) bottom no-repeat;}
#content {float:left; padding:0 14px 6px; width:790px; background: #fff url(../img/contentBg.gif);}
#footer {float:left; padding:0 14px;  width:790px; background: #fff url(../img/footer_bot_bg.gif) bottom no-repeat;}

h1 {float:left; margin:0 -5px; padding:0;}
h1 img {width:198px; border:0;}
#flashBanner {float:left; font-size:1px;}

#login {z-index:10; position:absolute; top:0; right:0;}
#login a{display:block; text-indent:-2000px; width:102px; height:31px; background:url(../img/client_login.gif) 0 0 no-repeat;} 
#login a:hover {background:url(../img/client_login.gif) 0 -31px no-repeat;}
/* -------------- TOP NAV STYLES -------------- */
#topNav ul {display:inline; float:right; list-style:none; margin:0 14px 0 0; padding:0;}
#topNav ul li {display:inline; float:left; font-size:17px; font-weight:bold; line-height:13px;}
#topNav ul li span {font-size:10px; font-weight:normal;}
#topNav a span {color:#205269;}
#topNav a {display:block; color:#333; text-decoration:none; padding:6px 12px 6px;}
#topNav a:hover {text-decoration:none; background:url(../img/topnav_hover_bg.jpg) top repeat-x;}
#topNav a.selected:hover { background:#fff url(../img/blank.gif); border-bottom:0;}

li.about a, li.services a, li.work a, li.news a, li.contact a {border-bottom:5px solid #fff;}
li.about a:hover {border-bottom:5px solid #C5A98B;}
li.services a:hover {border-bottom:5px solid #47C3CD;}
li.work a:hover {border-bottom:5px solid #F7941C;}
li.news a:hover {border-bottom:5px solid #B292BF;}
li.contact a:hover {border-bottom:5px solid #80C702;}

li.about a.selected {border-top:5px solid #C5A98B; border-bottom:0; background:#fff;}
li.services a.selected {border-top:5px solid #47C3CD; border-bottom:0; background:#fff;}
li.work a.selected {border-top:5px solid #F7941C; border-bottom:0; background:#fff;}
li.news a.selected {border-top:5px solid #B292BF; border-bottom:0; background:#fff;}
li.contact a.selected {border-top:5px solid #80C702; border-bottom:0; background:#fff;}


/* -------------- HOME PAGE STYLES STYLES -------------- */
.homeFeature .left {float:left; width:524px; height:180px; background:url(../img/home_feature_bg.gif) top repeat-x; *margin-bottom:-40px;}
.homeFeature .right {float:right; width:239px; height:110px; background:#43616B; color:#C6CFD2; font-size:15px; line-height:25px; padding:35px 10px; font-weight:bold;}
.homeFeature .right strong {color:#fff; font-size:16px;}

.homeCopy .left {float:left; width:500px; padding:0 0 12px 12px;}
.homeCopy .right {float:right; width:259px;}

h2 {margin:14px 0; padding:0; font-weight:normal; color:#333; font-size:18px;}
h2 span {display:none;}
h3 {margin:16px 0 8px; padding:0; font-weight:normal; font-size:16px; color:#507FB2;}
h4 {margin:12px 0; padding:0; font-size:12px; color:#507FB2; line-height:17px;}
h5 {margin:8px 0; padding:0; font-weight:normal; font-size:13px; line-height:17px;}

.newsItem h4 {margin:0;}

.homeProducts {display:inline}
.homeProducts a {float:left; padding:5px; border:1px solid #C0BEB8; background:#F3F2F0; margin-bottom:5px; width:247px; font-size:16px; line-height:20px; text-decoration:none; color:#333;}
.homeProducts a:hover {text-decoration:none; color:#507FB2; border:1px solid #2E7E9A;}
.homeProducts a img {float:left; margin-right:8px;}
.homeProducts span {font-size:10px; line-height:11px; color:#666;}
.homeProducts a:hover span {color:#333;}

.featureProject {display:inline}
.featureProject a {float:left; height:100px; padding:5px; border:1px solid #C0BEB8; background:#F3F2F0; margin:0 6px 6px 0; width:147px; font-size:13px; line-height:18px; text-decoration:none; color:#333;}
.featureProject a:hover {text-decoration:none; color:#507FB2; border:1px solid #2E7E9A;}
.featureProject a img {float:left; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}
.featureProject a:hover img {filter: alpha(opacity=99); -moz-opacity: 0.99; opacity:0.99;}
.featureProject span {font-size:10px; line-height:11px; color:#666;}
.featureProject a:hover span {color:#333;}

.newsItem {margin-top:8px; padding-bottom:4px; border-bottom:1px solid #C0BEB8;}

#contact input {border:1px solid #43616B; width:170px; font-size:10px; padding:1px;}
#contact textarea {border:1px solid #43616B; width:170px; height:80px; font-size:10px; padding:1px;}

/* -------------- FOOTER STYLES -------------- */
.footerBg {float:left; padding:5px 10px; background:#507FB2; margin-bottom:14px; color:#fff;}
.footerBg .left {float:left; width:514px;}
.footerBg .right {float:right; width:256px; text-align:right;}
#footer a{color:#fff; text-decoration:none; padding:0 4px;}
#footer a:hover{text-decoration:underline;}


/* -------------- CONTENT PAGES STYLES -------------- */
.title h2 {font-size:32px; color:#fff; font-weight:bold; padding:32px 0 0 0; margin:0; margin-left:196px;}
.title h3 {font-size:18px; color:#43616B; font-weight:normal; padding:0 0 0 24px; margin-left:220px;}

.title .left {float:left; width:526px; height:100px;}
.title .right {float:right; width:239px; height:80px; background:#43616B; color:#C6CFD2; font-size:15px; font-weight:bold; line-height:25px; padding:10px 10px;}
.title .right strong {color:#fff; font-size:16px;}

#plain .title h2 {font-size:24px; color:#fff; font-weight:bold; padding:12px 0 0 0; margin:0; margin-left:12px;}
#plain .title .left {float:left; width:526px; height:40px; background:#434343;}
#plain .title .right {float:right; width:259px; height:40px; background:#43616B; color:#fff; font-size:15px; padding:0;}

#work .title .left {background:url(../img/title_bg_work.gif) top repeat-x;}
#services .title .left {background:url(../img/title_bg_services.gif) top repeat-x;}
#about .title .left {background:url(../img/title_bg_about.gif) top repeat-x;}
#contact .title .left {background:url(../img/title_bg_contact.gif) top repeat-x;}
#news .title .left {background:url(../img/title_bg_news.gif) top repeat-x;}

.copy .left {float:left; width:500px; padding:10px 0 12px 12px;}
.copy .right {float:right; width:259px;}

.content h3 {margin:-2px -12px 2px -8px; padding:4px 8px; background-color:#E8F0F4; color:#205269; font-size:12px; text-transform:uppercase;}
.content {padding:4px 10px 18px; color:#333; line-height:15px;}
.content hr { margin:16px 0; border-width:1px 0 0 0; border-color:#205269; border-style:solid;}
.content h4 {margin:4px 0 0 0; padding:0; font-size:12px; color:#205269;}
.content h4 span{font-size:11px; font-weight:normal;}
.copy .right h4 {margin:24px 0 0 0; padding:0 6px; font-size:16px; font-style:italic; color:#205269; line-height:28px; text-indent:30px; background: url(../img/quote_end.gif) no-repeat 100px bottom;}
#about .copy .right {background: url(../img/quote_start.gif) no-repeat 0 18px;}

.newsletter {float:left; margin-top:12px; color:#666; width:96%; border:1px solid #ccc; padding:4px;}
.newsletter h5 {background:#B292BF; color:#fff; display:block; margin:0 0 4px 0; padding:2px 6px; font-size:12px; font-weight:bold;}
.newsletter form{}
.newsletter input.name, .newsletter input.surname {float:left; font-size:10px; width:46%; margin:4px 3px 0 3px; border:1px solid #666;}
.newsletter input.email {float:left; font-size:10px; width:78%; margin:8px 3px 6px 3px; border:1px solid #666;}
.newsletter input.goBut {float:left; font-size:10px; margin:8px 3px 6px 3px; width:14%;  border:1px solid #666;}

/* -------------- PORTFOLIO PAGE STYLES -------------- */
.projectMenu {display:inline; float:left; border:1px solid #C0BEB8; border-width:1px 1px 0 1px; background:#F3F2F0;}
.projectMenu div a {float:left; border-bottom:1px solid #C0BEB8; padding:5px; width:243px; border-left:4px solid #F3F2F0; font-size:12px; line-height:14px; text-decoration:none; color:#333;}
.projectMenu div a:hover {text-decoration:none; color:#507FB2; border-left:4px solid #43616B;}
.projectMenu div a img {float:right; margin-left:6px;filter: alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}
.projectMenu div a:hover img {filter: alpha(opacity=99); -moz-opacity: 0.99; opacity:0.99;}
.projectMenu span {font-size:10px; line-height:11px; color:#666;}
.projectMenu a:hover span {color:#333;}
.projectMenu div a.selected {border-left:4px solid #F7941C; background:#fff; color:#507FB2;}
.projectMenu div a.selected img {filter: alpha(opacity=99); -moz-opacity: 0.99; opacity:0.99;}

.portfolio {}
.portfolio .screenshot img {float:left; padding:2px; border:1px solid #C0BEB8; margin-right:8px;}
.portfolio .projectBrief {float:right; width:122px;}
.portfolio .projectBrief h3 {font-size:14px; margin:0 0 6px 0;}
.portfolio .projectBrief h4 {color:#333; font-size:11px; font-weight:bold; margin: 0;}
.portfolio .projectBrief ul {padding:0; margin:0 0 8px 0;}
.portfolio .projectBrief ul li {list-style-position:inside;}
.portfolio .projectBrief a img {padding:2px; border:1px solid #fff;}
.portfolio .projectBrief a:hover img {padding:2px; border:1px solid #43616B;}

.clear {clear:left;}
.projectThumbs {float:left; padding:8px 0;}
.projectThumbs a.notSelected img {float:left; padding:2px; border:1px solid #C0BEB8; margin-right:5px; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}
.projectThumbs a:hover img {border:1px solid #43616B; filter: alpha(opacity=99); -moz-opacity: 0.99; opacity:0.99;}
.projectThumbs a.selected img {float:left; padding:2px; border:1px solid #C0BEB8; margin-right:5px; filter: alpha(opacity=99); -moz-opacity: 0.99; opacity:0.99;}

.projectDescription {clear:left; padding-top:6px;}