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

html {
background:#fff;
}

body {
background: #fff; 
}

.clear {
clear: both; }


/* TYPOGRAPHY */
/* ---------- */

p {
font-family:HelveticaNeue, "Helvetica Neue", helvetica, arial;
line-height: 18px;
margin: 0px 5px 15px 0px; }



/* NAVIGATION OF THE SITUATION */
/* --------------------------- */

#logotype {
/*margin-top: 15px;*/
margin-left: 20px;
height: 55px;
width: 815px;
border-bottom:#CCCCCC solid 1px;
}

#logotype ul { 
margin: 26px 0px 0px 0px;
list-style-type: none;
float: right;
}


#logotype li { 
display: block; 
height: 30px; 
width: 100px; 
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
line-height: 21px;
float: left; 
text-align: center;
}


#logotype li a:link, li a:active, li a:visited  {
display: block;
color: #6c85b7; 
text-decoration: none; }

#logotype li a:hover  {
display: block;
background: #E6E6E6 no-repeat left top;
color: #000;
text-decoration: none;
}


#logotype p{
font-family:Tahoma, Geneva, sans-serif;
font-size:38px;
}

#logotype .mark {
margin: 5px 0px 0px 2px;
float: left; }


body#home a#homenav,
body#work a#worknav,
body#contact a#contactnav {
color: #fff;
background: #6c85b7;
}


/* SUBNAVIGATION OF THE SITUATION */
/* ------------------------------ */

#fsnav {
float: left;
padding-top: 3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
width: 815px;
color:#6c85b7;
margin-left: 20px;
}
	
#fsnav a {
float: left;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#6c85b7;
}

#fsnav ul {
list-style-type:none;
margin-left: 0px;
padding-left: 0px;
}

#fsnav li {
margin-left: 0px;
padding-left: 0px;
width: 20px;
display:block;
float:left;
list-style-type: none;
}




/* GENERAL LAYOUT */
/* -------------- */

#wrapper {
margin: 0px auto;
width:920px;
}
.sectionheader {
margin-top: 10px;
margin-left: 20px;
text-align: right;
width:815px;
}

.sectionheader p{
color: #6c85b7;
letter-spacing:1px;
font-family:"HelveticaNeue", Helvetica, Tahoma, Geneva, sans-serif;
font-size:22px;
}

.section {
height: 85px;
width: 815px;
border-bottom:1px solid #ccc;
}

.subhead {
text-align:left;
text-transform:uppercase;
font-size:9px;
color:#CCCCCC;
letter-spacing: 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0 15px 20px;
}

#footer {
float: left;
margin-left: 20px;
margin-top: 10px;
padding-top: 10px;
width: 815px;
border-bottom:#CCCCCC solid 1px;
}

#footer p {
margin-top: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#CCCCCC;
text-transform:uppercase;
}


/* GRID LAYOUT STYLING */
/* ------------------- */

.mod_3l {
float:left;
width:280px;
height:300px;
}

.mod_3l p {
margin:0px 0 15px 20px;
width:250px;
text-align:left;
font-size:11px;
letter-spacing: 1px;
line-height: 18px;
font-family:HelveticaNeue, "Helvetica Neue", helvetica, arial;
}

.mod_3l a {
color: #6c85b7;
text-decoration:none;
}

.mod_3l a:hover {
background-color:#6c85b7;
color:#FFF;
}

.mod_3l img {
width: 250px;
border-style:none;
}

.mod_3l h3 {
font-weight: normal;
text-align:left;
text-transform:uppercase;
font-size:9px;
color:#CCCCCC;
letter-spacing: 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0 15px 20px;
}

.mod_3p {
width: 276px;
float: left;
}

.mod_3p img {
width: 258px;
border-style:none;
}


.mod_2l {
width: 415px;
height: 284px;
float:left;
}

.mod_2l img {
width: 395px;
}


.mod_2xl {
width: 560px;
height: 284px;
float:left;
}

.mod_2xl img {
width: 540px;
}


/* PROJECTS PAGES */
/* -------------- */

.content {
margin-top: 30px;
height:600px;
}


#projectfoot {
width: 815px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#CCCCCC;
text-transform:uppercase;
margin-left: 20px;
border-top:#CCCCCC 1px solid;
padding-top: 8px;
}

#projectdetails {
margin-top: 40px;
margin-left: 20px;
padding-bottom: 25px;
width:815px;
font-size:14px;
}

#projectdetails p{
line-height: 32px;
color: #999999;
letter-spacing:1px;
/*text-align:justify;*/
}

#projectdetails i{
font-family:"Times New Roman", Times, serif;
font-size: 19px;
}

#projectimages{
margin: 20px;
width: 838px;
}


/* CONTACT PAGES */
/* ------------- */

#contactdetails {
height: 420px;
padding-top: 10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#contactdetails p {
text-align:left;
font-size:11px;
letter-spacing: 1px;
line-height: 2px;
font-family:HelveticaNeue, "Helvetica Neue", helvetica, arial;
}

#contactdetails p a {
color: #6c85b7;
text-decoration: none;
}

#contactwrapper {
margin-left: 20px;
margin-top: 120px;
width: 816px;
border-bottom:#CCCCCC 1px solid;
}

#bipplogo img {
float: left;
width: 115px;
padding-right: 20px;
}



/* HOME PAGE */
/* ---------- */


#homewrap
{
margin-top: 50px;
width: 815px;
}

#about {
margin-left: 20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#aboutimage {
float: left;
width: 315px;
margin-left: 20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


#about img {
float: right;
margin-top: 110px;
margin-bottom: 150px;
}

/* INFO PAGE */
/* ---------- */

#infolinks
{
margin-top: -20px;
width: 250px;
float: right;
}

#infolinks ul { 
list-style-type:none;
}

#infolinks li { 
display: inline; 
height: 20px; 
width: 250px; 
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
line-height: 21px;
float: right; 
text-align: right;
}

#infolinks li a:link, li a:active, li a:visited  {
display: block;
color: #6c85b7; 
text-decoration: none; }

#infolinks li a:hover  {
display: block;
background: #E6E6E6 no-repeat left top;
color: #000;
text-decoration: none;
}

#infodetails {
width: 550px;
height: 420px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#infodetails p {
text-align:left;
font-size:11px;
letter-spacing: 1px;
line-height: 18px;
font-family:HelveticaNeue, "Helvetica Neue", helvetica, arial;
}

#infowrapper {
padding-top: 10px;
margin-left: 20px;
margin-top: 60px;
width: 816px;
border-bottom:#CCCCCC 1px solid;
}

#bipplogo img {
float: left;
width: 115px;
padding-right: 20px;
padding-bottom: 100px;
}