@import url(lib.css);

#globalWrapper {
background: url(../images/mmmLeft.png) no-repeat top left fixed;
}

#wrapper {
position: relative;
margin: 0 auto;
width: 760px;
border-top: 13px solid #7DD1E1;
}

#header img, #header h1 { margin: 0; }

/* =primaryNavigation - primary navigation of the website 
--------------------------------------------------------------------------
*/
#primaryNavigation {
background: #B7E4EE;
margin-bottom: 20px;
border-top: 8px solid #E0F3F7;
border-bottom: 8px solid #E0F3F7; 
}

#primaryNavigation ul {
margin: 0;
}

#primaryNavigation li {
list-style-type: none;
display: inline;
}

#primaryNavigation li a {
display: block;
float: left;
padding: 10px 20px;
border-right: 1px solid #B7E4EE;
text-transform: uppercase;
background: #D2EEF4;
color: #106F75;
text-decoration: none;
}

#primaryNavigation li a:hover, #primaryNavigation li a:focus, #primaryNavigation li.current a {
background: #EDF8FB;
}

/* =content 
--------------------------------------------------------------------------
*/
#double #content {
float: left;
width: 460px;
}

#home #content {
padding: 20px 0 40px 25px;
background: #7DD1E1 url(../images/bgContentHome.png) no-repeat bottom left;
}

#home #content h1, #home #content p, #home #content li {
width: 460px;
}

#home #content h1 {
color: #FFF;
border-bottom: 1px solid #FFF;
font-size: 1.4em;
text-transform: uppercase;
padding-bottom: 7px;
}

/* =related
--------------------------------------------------------------------------
*/
#double #related {
float: left;
width: 250px;
padding: 0 0 0 40px;
}

#home #related {
position: absolute;
top: 200px;
right: 5px;
width: 247px;
background: #BDE7F0 url(../images/bgRelatedHome.png) no-repeat bottom left;
}

#home #related a {
text-decoration: none;
}

#home #related a:hover, #home #related a:focus  {
text-decoration: underline;
}

#home #related h2 {
background: #E0F3F7;
font-size: 1.1em;
padding: 12px 23px;
}

#home #related h3 {
font-size: 1.1em;
}

#home #related li {
list-style-type: none;
background: url(../images/bgRelatedHomeListItem.png) no-repeat;
padding-left: 15px;
margin-left: 5px;
}

#related h2 {
font-size: 1.5em;
}

/* =projects - on the homepage 
--------------------------------------------------------------------------
*/
#projects {
background: url(../images/bgProjectsHome.png) no-repeat bottom left;
padding-bottom: 20px;
}

#projects .feature {
float: left;
width: 243px;
height: 28em;
margin: 0 5px;
_margin: 0 3px;
background: #BDE7F0;
font-size: 95%;
}

#projects .feature h3 {
/*background: #FFF;*/
text-align: center;
/*text-transform: uppercase;*/
font-size: 1.4em;
padding: 5px;
margin-top: 5px;
}

#projects .feature h3 a {
text-decoration: none;
}

#projects .feature h3 a:hover, #projects .feature h3 a:focus  {
text-decoration: underline;
}

#projects .feature img {
width: 190px;
margin: 0 auto;
display: block;
}

#projects .feature p {
padding-right: 27px;
padding-left: 27px;
}

#recentProjects {
border-bottom: 20px solid #E9F7F9;
text-transform: uppercase;
font-size: 1.4em;
padding: 7px 25px;
color: #52C8DF;
margin-bottom: 0;
}

/* =projects page 
--------------------------------------------------------------------------
*/
.projectDescription {
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid #E0F3F7;
}

.projectDescription img {
float: right;
margin-left: 15px;
}

/* =blog 
--------------------------------------------------------------------------
*/
.entry {
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid #E0F3F7;
}



/* =footer - on the homepage 
--------------------------------------------------------------------------
*/
#footer {
clear: both;
border-top: 20px solid #E9F7F9;
margin-top: 10px;
text-align: right;
padding-top: 10px;
}

#footer li {
list-style-type: none;
display: inline;
font-size: 0.9em;
color: #7DD1E1;
}

#footer a {
text-decoration: none;
color: #7DD1E1;
}


/* =services 
--------------------------------------------------------------------------
*/
.serviceDescription {
float: left;
width: 100%;
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid #E0F3F7;
}

.serviceDescription h2, .serviceDescription p, .serviceDescription li {
width: 470px;
}

.serviceRelatedProject {
float: right;
width: 280px;
_width: 260px;
padding: 5px 0 0 10px;
}

.serviceRelatedProject li {
width: auto;
}

/* =elements 
--------------------------------------------------------------------------
*/
a { color: #5B1300; }
a:hover, a:focus { text-decoration: none; }
a:visited { color: #666; }

body {
background: url(../images/mmmRight.png) no-repeat top right fixed;
color: #075156;
}

h1, h2, h3, h4, h5, h6 {
color: #075156;
line-height:1.2;
}

h2, h3, h4, h5, h6 {
margin-bottom:0.25em;
}

h1 {
font-size: 2em;
}

p {margin:0 0 1.25em;}

/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */

.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }