/* setting up the site basics */
body { font-family: Arial, Helvetica, sans-serif; font-size: .8em; line-height: 120%; color: #000; text-align: center; }
 
/* link styles */
a { color: #b00a1f; }
a:hover { color: #013c97; text-decoration: none; }
a:visited { color: #333; }
a:visited:hover { color: #013c97; text-decoration: none; }
a:focus { outline: #666 dotted 1px; }
a img { border: none; }

/* element styles */
p { padding: .5em 0 .5em; line-height: 130%; }
ul { margin: 8px 15px; list-style-type: disc; }
li { padding-bottom: 2px; }
strong, b { font-weight: bold; }

h1 { color: #18354a; font-size: 180%; line-height: 120%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
h2 { color: #18354a; font-size: 160%; line-height: 120%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
h3 { color: #18354a; font-size: 160%; line-height: 110%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
h2 i { font-size: 60%; }

.services { color: #5e7180; font-size: 85%; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0; }
.partners { color: #333; font-size: 85%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0; } 


/* center content */
#masthead, #content, #footer, #marketing { text-align: left; margin: 0 auto; width: 900px; }


#masthead_container { background: url(../images/layout/header-bg.gif) bottom left repeat-x; padding: 15px 0; }

#marketing_container { background-color: #edf0f1; }

#marketing { padding: 20px 0; }
  #marketing .welcome { float: left; width: 450px; }
  #marketing h1 { text-align: justify; line-height: 130%; font-size: 200%; margin-bottom: 5px; }
  #marketing .welcome p, #marketing .intro p { text-align: justify; line-height: 130%; font-size: 135%; }
 
  #marketing .featured_project { float: right; width: 378px; text-align: center; }
  #marketing .featured_project img { padding: 5px; background-color: #fff; border: 1px solid #bcc8ce; }
  #marketing .featured_project a:hover img { padding: 1px; border-width: 5px; }
  #marketing .featured_project h3 a { color: #18354a; text-decoration: none; }

#content_container { padding: 20px 0 30px; border-bottom: 1px solid #18354a; }
#content {}
.featured_container { background: url(../images/layout/sections-bg.gif) -5px 0px repeat-y; padding: 0 0 5px; margin-top: 30px; }
.featured_container div { width: 280px; float: left; padding: 0 5px; margin-top: -30px; }
.featured_container .service {}
.featured_container .service ul { list-style-image: url(../images/layout/icon-checkmark.gif); }
.featured_container ul li { padding: 2px 0;}
.featured_container .projects { padding: 0 20px; }
.featured_container .contact {}
.featured_container .contact ul { list-style: none; }


.portfolio_container { margin: 5px 0 20px; }

.portfolio_item { float: left; width: 270px; text-align: center; margin-right: 25px; }
.portfolio_container .last { margin: 0; }
.portfolio_item img { padding: 4px; background-color: #fff; border: 1px solid #bcc8ce; margin-bottom: 3px; }
.portfolio_item a:hover img { padding: 1px; border-width: 4px; }

  
  
#footer_container { border-top: 1px solid #fff; background-color: #edf0f1; padding: 5px 0; }
#footer { font-size: 90%; }
  
/* auto clearing method */
#marketing:after, .featured_container:after, .portfolio_container:after
{  content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#marketing, .featured_container, .portfolio_container
 {display: inline-block;}

/* Hides from IE-mac \*/
* html #marketing, * html .featured_container, * html .portfolio_container
{height: 1%;}

#marketing, .featured_container, .portfolio_container
{display: block;}
/* End hide from IE-mac */