/* Base element */
html, body {
height:100%;
}
/*Images*/
img {
margin:0;
padding:0;
border: none;
}
/*End Images*/
/* Typo */
ul, li {
margin:0;
padding:0;
}
p {
font-size: 1em;
margin: 0 0 1em 0;
padding: 0;
line-height:1.6em;
}
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h2 {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h3 {
font-size: 1.4em;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
font-weight:normal;
}
h4 {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
font-weight:normal;
}
/* End Typography */
/* Links */
a, a:link, a:active {
color:#3e8fab;
text-decoration: none;
}
a:hover {
color:#3e8fab;
text-decoration: underline;
}
/* End Links */
/* End Base element */
body {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
font-size:14px;
color:#3b3a3a;
background:#fff url(/images/template/body-back.gif) repeat-x top left;
}
#wrapper {
min-height:100%;
position:relative;
}
* html #wrapper {
height:100%
}
#container{
margin:0 auto;
width:900px;
padding:0px 15px 80px 15px;
}
/*Header and menu */
#header{
margin:0;
position:relative;
height:120px;
background: url(/images/template/header-back.gif) no-repeat top left;
}
#header h1 {
display:block;
position:relative;
float:left;
top:0px;
left:0px;
height:120px;
width:350px;
margin:0;
overflow:hidden;
padding:0;
text-decoration:none;
text-indent:-9999px;
background: url(/images/template/h1-logo.jpg) no-repeat center left;
}
#header h1 a {
display:block;
height:120px;
width:350px;
}
ul#main-menu {
position:absolute;
right:0px;
top:46px;
color:#ffffff;
margin:0 0 0px 0;
font-size:1.1em;
letter-spacing:1px;
padding:0;
list-style: none;
background:transparent no-repeat scroll 0px 0px;
}
ul#main-menu li {
padding: 0;
float: left;
margin: 0 0px 0 0px;
display: inline;
line-height:28px;
}
ul#main-menu li a{
float: left;
padding: 0px 15px 0px 15px;
text-decoration:none;
color:#ffffff;
}
li#current {
background:url(/images/template/menu-li.gif) no-repeat top left
}
li#current a{
padding: 0px 15px 0px 17px;
text-decoration:none;
background:url(/images/template/menu-a.gif) no-repeat top right
}
ul#main-menu li a:hover {
text-decoration:none;
color:#3e8fab;
}
#mainbar {
position:relative;
height:178px;
background:url(/images/template/mainbar-back.gif) no-repeat top left;
}
/*End Header and menu */
/*Content*/
#content {
margin:0px;
padding:20px 0px 20px 0px;
background: url(/images/template/content-top-sub.gif) no-repeat top left;
}
#content-home {
float:left;
width:850px;
margin-top:15px;
padding:25px 25px 10px 25px;
background:#ffffff url(/images/template/content-top-home.gif) no-repeat top left;
}
#main {
float:left;
padding-top:10px;
display:inline;
width:570px;
}
.standard h1 {
padding:0px 0px 5px 0px;
margin:0px 0px 20px 0px;
line-height:1em;
font-size:2.2em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px dotted #ccc;
}
.standard h2 {
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 7px 0px;
line-height:1.2em;
font-size:1.8em;
letter-spacing:1px;
font-weight:normal;
}
.standard h3 a, .standard h2 a, .standard h1 a {
color:#464646;
}
.standard h3 a:hover, .standard h2 a:hover, .standard h1 a:hover {
color:#3e8fab;
text-decoration: none;
}
.standard ul{
margin:10px 0px 15px 55px;
padding:0px 0px 0px 0px;
}
.standard ul li {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.standard ul li a {
text-transform:none;
}
.standard ul li a:hover {
color:#3e8fab;
text-decoration:none;
}
.block {
margin-bottom:25px;
}
.team, .work {
margin-bottom:30px;
}
.work {
margin-bottom:35px;
}
.showcase {
float:left;
background:url(/images/template/team-frame.png) no-repeat top left;
margin-right:20px;
margin-top:-5px;
overflow:hidden;
width:188px;
height:146px;
}
.showcase img{
float:left;
padding:18px 14px 18px 14px;
}
.showcase a{
float:left;
display:block;
}
.team img{
float:left;
margin-top:-5px;
margin-left:-3px;
margin-right:20px;
padding:18px 14px 18px 14px;
background:url(/images/template/team-frame.png) no-repeat top left;
}
.team h3, .work h3{
font-weight:normal;
}
.team h3, .team p{
margin-left:0px;
}
ul.project-slide {
margin:5px 3px 0px 0px;
list-style:none;
}
ul.project-slide li {
float:left;
display:inline;
margin:0;
}
ul.project-slide li a{
display:block;
overflow:hidden;
text-decoration:none;
text-indent:-9999px;
height:15px;
width:15px;
margin-right:5px;
background:url(/images/template/pslide-off.gif) no-repeat top left;
}
ul.project-slide li a:hover, ul.project-slide li a.activeSlide{
text-decoration:none;
background:url(/images/template/pslide-on.gif) no-repeat top left;
}
ul.project-slide li a.activeSlide{
background:url(/images/template/pslide-on.gif) no-repeat top left;
}
ul.project-slide a:focus {
outline-style:none;
}
p.arrow {
padding:0px 0px 0px 20px;
background:url(/images/template/contact-arrow.gif) no-repeat left center;
color:#3b3a3a;
}
/* Blog News */
.blog h2 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 58px;
line-height:1.2em;
font-size:1.7em;
letter-spacing:1px;
font-weight:normal;
}
.blog h3 a, .blog h2 a, .blog h1 a {
color:#464646;
}
.blog h3 a:hover, .blog h2 a:hover, .blog h1 a:hover {
color:#3e8fab;
text-decoration: none;
}
.post {
margin-bottom:25px;
}
.postdate {
float:left;
display:inline;
height:45px;
margin-top:2px;
width:45px;
background:transparent url(/images/template/date-stamp.gif) no-repeat scroll left top;
}
.day, .month{
color:#FFFFFF;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:0;
text-align:center;
text-transform:none;
}
.day {
margin-top:4px;
font-size:1.2em;
line-height:13px;
}
.month {
font-size:1.0em;
line-height:30px;
}
.meta {
font-size:0.9em;
margin-top:-2px;
margin-left:58px;
}
/* Sidebar */
#sidebar {
float:right;
display:inline;
margin:-15px 0px 0px 0px;
width:300px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
/* sidebar for main page */
.sideblock {
width:270px;
margin-bottom:0px;
padding:0 15px 15px 15px;
}
.sideblock ul {
margin:10px 0px 20px 20px;
}
.sideblock li {
margin-bottom:5px;
}
.o2g {
background:#3e8fab url(/images/template/bot-o2g.gif) no-repeat bottom left;
color:#ffffff;
}
.o2g a{
color:#ffffff;
}
.g2b {
padding:0 15px 20px 15px;
background:#d5d9b5 url(/images/template/bot-g2b.gif) no-repeat bottom left;
}
.g2w {
background:#d5d9b5 url(/images/template/bot-g2w.gif) no-repeat bottom left;
}
.b2w {
background:#343434 url(/images/template/bot-b2w.gif) no-repeat bottom left;
color:#ffffff;
}
.b2g {
background:#343434 url(/images/template/bot-b2g.gif) no-repeat bottom left;
color:#ffffff;
}
.sideblock h2{
padding:10px 0px 0px 0px;
font-weight:normal;
font-size:1.4em;
background: url(/images/template/sidebox-h2.gif) no-repeat top left;
}
img.projects {
padding:9px;
margin-left:-2px;
background:url(/images/template/img-frame.gif) no-repeat top left;
}
#latestprojects {
overflow:hidden;
height:178px;
width:270px;
}
ul#project-nav {
float:right;
margin:10px 3px 0px 0px;
list-style:none;
}
ul#project-nav li {
float:left;
display:inline;
}
ul#project-nav li a{
display:block;
padding:0px 7px 6px 7px;
margin-left:3px;
color:#ffffff;
background:#47a5c5;
border:1px solid #4fb0d1;
}
ul#project-nav li a:hover, ul#project-nav li a.activeSlide{
text-decoration:none;
background:#55bee2;
border:1px solid #62cff5;
}
ul#project-nav a:focus {
outline-style:none;
}
ul.sidelist, ul.subnavlist {
margin:0;
list-style:none;
padding-bottom:12px;
}
ul.sidelist li, ul.subnavlist li {
margin:0;
display:inline;
}
ul.sidelist li a, ul.subnavlist li a{
border:1px solid #f0f4d3;
display:block;
color:#565656;
font-size:1.1em;
background: #e4e8c5;
padding: 5px 5px 7px 7px;
margin-bottom:5px;
}
ul.subnavlist li a{
background:#47a5c5;
border:1px solid #4fb0d1;
color:#ffffff;
}
ul.sidelist li a:hover{
text-decoration:none;
background:#eff3ce;
border:1px solid #f8fcd9;
color:#565656;
}
ul.subnavlist li a:hover, ul.subnavlist li a.current{
text-decoration:none;
background:#55bee2;
border:1px solid #62cff5;
color:#ffffff;
}
p.allnews {
text-align:right;
margin-bottom:5px;
}
span.small {
line-height:18px;
font-size:0.7em;
color:#9c9f83;
}
.sidelinks {
margin-top:15px;
padding-bottom:5px;
}
a.rss {
padding:0px 0px 0px 25px;
margin-right:15px;
float:left;
color:#464646;
cursor:pointer;
background: url(/images/template/rss.gif) no-repeat center left;
}
a.bookmark {
padding:0px 0px 0px 25px;
margin-right:15px;
float:left;
color:#464646;
cursor:pointer;
background: url(/images/template/bookmark.gif) no-repeat center left;
}
/* end sidebar */
/* Form Styling */
#main-sub form {
float:left;
}
.sideblock form {
padding:10px;
margin:0 0 5px 0;
border:1px solid #f0f4d3;
background: #e4e8c5;
}
ol.forms {
float:left;
margin:0px 20px 0px 0px;
padding:0px;
list-style:none;
}
ol.sideforms {
margin:0px 0px 0px 0px;
padding:0px;
list-style:none;
}
ol.forms input {
letter-spacing:1px;
padding:3px;
width:200px;
margin:0px 0px 0px 0px;
}
ol.sideforms input {
letter-spacing:1px;
padding:2px;
width:240px;
border:1px solid #c5c9a9;
margin:0px 0px 0px 0px;
}
ol.forms textarea{
letter-spacing:1px;
padding:3px 3px 3px 3px;
height:140px;
width:300px;
margin:-1px 0px 0px 0px;
}
ol.sideforms textarea{
letter-spacing:1px;
padding:2px;
height:100px;
width:240px;
border:1px solid #c5c9a9;
margin:-1px 0px 0px 0px;
}
ol.forms li{
margin-bottom:10px;
}
ol.sideforms li{
margin-bottom:5px;
}
ol.forms label {
display:block;
padding:5px 0px 5px 0px;
margin:0px;
}
ol.sideforms label {
display:block;
padding:5px 0px 5px 0px;
margin:0px;
}
input#submit {
padding:0px;
margin:5px 0px 0 0;
display:block;
border:none;
cursor:pointer;
clear:both;
width:117px;
height:31px;
outline-style:none;
}
input#submit-side {
padding:0px;
margin:5px 0px 0 0;
display:block;
border:none;
cursor:pointer;
clear:both;
outline-style:none;
}
span.error {
font-size:12px;
color:#3e8fab;
padding-left:5px;
}
p.javaenabled {
color:#3e8fab;
}
.has-script p.javaenabled {
display:none;
}
/* Form Styling */
/* Map Styling */
#mapstyle {
margin:0px 0px 15px 0px;
padding:5px;
border:1px solid #f0f4d3;
background: #e4e8c5
}
#map {
width:256px;
height:160px;
border:1px solid #d5d9b5;
}
/*End Content*/
/*Footer */
#footer{
position:relative;
margin-top:-100px;
height:100px;
min-width:930px;
color:#ffffff;
background:#484747 url(/images/template/footer-back.gif) repeat-x top left;
}
.footer-block {
clear:both;
margin:0 auto;
text-align:left;
padding:65px 0px 0 0px;
width:900px;
font-size:0.9em;
}
.footer-block p{
float:left;
padding:0px;
margin:0px;
margin-top:-10px;
}
.footer-block ul{
padding:0px;
float:right;
margin:0px;
margin-top:-10px;
list-style:none;
}
.footer-block ul li{
float:left;
list-style:none;
margin:0;
margin-left:1em;
}
.footer-block a {
color:#ffffff;
}
.footer-block a:hover {
color:#3e8fab;
text-decoration: underline;
}
/*End Footer */
/* Lightbox */
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/* End Lightbox */
/*Tools*/
.hidden {
display:none;
}
.center {
margin:0 auto;
}
.last {
margin:0px;
padding:0px;
}
.clear, .clearline {
clear:both;
height:1px;
margin:0;
padding:0;
font-size: 15px;
line-height: 1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.margin-bottom {
margin-bottom:20px;
}
.left {
float:left;
display:inline;
}
.right {
float:right;
display:inline;
}
div#error
{
background-color: #FFC0CB;
border: 1px solid #FF0000;
padding: 10px;
margin-bottom: 10px;
}
div#error p
{
margin: 0;
}
div#success
{
background-color: #90EE90;
border: 1px solid #008000;
padding: 10px;
margin-bottom: 10px;
}
/* End Tools */
/* End CSS file */