html {
border-top: 6px #52AFC7 solid;
font-family: Calibri, Helvetica, Arial, sans-serif;
font-size: 62.5%;
}
body {
border-top: 2px #333333 solid;
font-size: 1.6em;
line-height: 1.6em;
}

p {
margin-bottom: 8px;
}
a img {
border: 5px #666 solid;
}
a:hover img {
border: 5px #52AFC7 solid;
}
a {
color: #2C7488;
text-decoration: none;
border-bottom: 1px dashed;
}
a:hover {
color: #52AFC7;
}

#container {
margin-left: auto;
margin-right: auto;
position: relative;
width: 950px;
}

#header {
background: url(../images/logo.png) no-repeat bottom;
height: 72px;
margin-bottom: 40px;
text-indent: -9999px;
width: 361px;
}

#navigation {
list-style: none;
position: absolute;
right: 0;
top: 56px;
}
#navigation a {
color: #333333;
text-decoration: none;
padding: 3px 5px 0;
border-bottom: none;
}
#navigation a:hover {
color: #52AFC7;
}
#navigation li {
border-left: 1px #333333 solid;
display: inline;
padding: 0 2px 0 5px;
}
#navigation li#navigation_home {
border-left: none;
}
#index #navigation_home a,#portfolio #navigation_portfolio a,#team #navigation_team a, #services #navigation_services a, #contact #navigation_contact a, #whyus #navigation_whyus a {
background: #52AFC7;
color: #ffffff;
}

#feature_block {
background: url(../images/feature_background.jpg);
height: 250px;
margin-bottom: 40px;
position: relative;
width: 950px;
}
#feature_block h2 {
bottom: 35px;
color: #FFFFFF;
font-size: 2em;
left: 35px;
line-height: 1em;
position: absolute;
width: 800px;
}
#feature_block h2 .sIFR-active {
color: #FFFFFF;
line-height: 1em;
visibility: hidden;
}

#about_block,#featured_project_block {
background: #EEEEEE;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 10px;
}
#about_block h3,#featured_project_block h3 {
border-bottom: #CCCCCC 1px dashed;
color: #52AFC7;
font-size: 1.4em;
line-height: 1em;
margin-bottom: 6px;
}
#featured_project_block img {
float: left;
margin: 8px 10px 8px 0;
}
#about_block {
float: left;
margin-right: 40px;
width: 270px;
}
#featured_project_block {
float: left;
width: 600px;
}

#portfolio_block, #services_block, #team_block, #whyus_block {
background: #EEEEEE;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 10px;
width: 930px;
}
#portfolio_block h2, #services_block h2, #team_block h2, #whyus_block h2 {
border-bottom: #CCCCCC 1px dashed;
color: #52AFC7;
font-size: 2em;
line-height: 1em;
margin-bottom: 6px;
}
#portfolio_block .portfolio_entry {
clear: all;
height: 460px;
padding: 10px 0;
border-top: 1px solid #CCCCCC;
}
#portfolio_block .first_entry {
border-top: 0px solid #FFFFFF;
}
#portfolio_block .portfolio_entry img {
float: left;
width: 590px;
}
#portfolio_block .portfolio_entry img a {
border: 5px #FFFFFF solid;
}
#portfolio_block .portfolio_entry img a:hover {
border: 5px #52AFC7 solid;
}
#portfolio_block .porfolio_entry_info {
float: left;
padding-left: 10px;
width: 310px;
}

#services_block h3, #team_block h3 {
font-size: 1.4em;
line-height: 1em;
margin-bottom: -4px;
margin-top: 12px;
}
#team_block h3 {
margin-top: 8px;
padding-top: 10px;
border-top: 1px solid #cccccc;
}

#contact_block {
background: #EEEEEE;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 10px;
width: 500px;
margin-left: auto;
margin-right: auto;
}
#contact_block input[type="text"] {
width: 250px;
}
#contact_block textarea {
width: 100%;
}

#whyus_block span.reason {
color: #52AFC7;
}

#footer {
clear: both;
color: #AAAAAA;
font-size: 80%;
padding-top: 20px;
text-align: center;
}

.clear {
	height: 0px;
	line-height: 0px;
	clear: both;
}

.clear span {
	position: absolute;
	left: -9999em;
}