html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0px;
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.container {
	position: relative;
	margin: 0px auto;
	height: 100%;
}


body {
	background: #003c7d url('/public/images/front_bg1.jpg') repeat-x top left;
	background-attachment: fixed;
	font-family: 'Trebuchet MS';
}
.container a {
	color: #5a96e8;
	text-decoration: none;
}
.container a:hover {
	color: #5a96e8;
	text-decoration: underline;
}

/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */

#front_top { width: 958px; height: 62px; margin: 0; padding: 0; background: url('/public/images/front_top.png') no-repeat top left; }
#front_middle { overflow: hidden; }
#front_middle div { float: left; width: 21px; margin: 0 0 -5000px 0; padding: 0 0 5000px 0; }
#front_middle div.left { margin-top: 271px; background: url('/public/images/front_leftShadow.png') repeat-y top left; }
#front_middle div.left #leftTopper { width: 21px; height: 271px; margin-top: -271px; background: url('/public/images/front_leftShadow_top.png') no-repeat top left; }
#front_middle div.right { margin-top: 271px; background: url('/public/images/front_rightShadow.png') repeat-y top left; }
#front_middle div.right #rightTopper { width: 21px; height: 271px; margin-top: -271px; background: url('/public/images/front_rightShadow_top.png') no-repeat top left; }
#front_middle .content { width: 916px; min-height: 610px; background: url('/public/images/bg2_20.png') repeat top left; }

#front_middle .content #bodyTop { width: 916px; height: 1px; margin: 0; padding: 0; background: url('/public/images/bg2_40.png') repeat top left; }
#front_middle .content #bodyMiddle { width: 880px; min-height: 575px; margin: 10px; padding: 0; border: 8px solid #d5d5d5; background: #ffffff; text-align: center; }

#front_middle .content #bodyMiddle #homeLogo { width: 880px; height: 94px; margin: 0; padding:0; }
#front_middle .content #bodyMiddle #homeLogo a { background: url('/public/images/front_logo.jpg') no-repeat top left; width: 464px; height: 94px; margin: 0 0 0 220px; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }

#front_middle .content #bodyMiddle #navigation { width: 880px; height: 54px; margin: 0; padding: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f0f0f0 url('/public/images/front_navbg.jpg') no-repeat top left; }
#front_middle .content #bodyMiddle #navigation ul { margin: 0 22px 0 25px; }
#front_middle .content #bodyMiddle #navigation ul li.one { float: left; width: 127px; height: 54px; }
#front_middle .content #bodyMiddle #navigation ul li.one a { background: url('/public/images/front_nav1.png') no-repeat top left; width: 127px; height: 54px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#front_middle .content #bodyMiddle #navigation ul li.two { float: left; width: 133px; height: 54px; }
#front_middle .content #bodyMiddle #navigation ul li.two a { background: url('/public/images/front_nav2.png') no-repeat top left; width: 133px; height: 54px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#front_middle .content #bodyMiddle #navigation ul li.three { float: left; width: 149px; height: 54px; }
#front_middle .content #bodyMiddle #navigation ul li.three a { background: url('/public/images/front_nav3.png') no-repeat top left; width: 149px; height: 54px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#front_middle .content #bodyMiddle #navigation ul li.four { float: left; width: 151px; height: 54px; }
#front_middle .content #bodyMiddle #navigation ul li.four a { background: url('/public/images/front_nav4.png') no-repeat top left; width: 151px; height: 54px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#front_middle .content #bodyMiddle #navigation ul li.five { float: left; width: 123px; height: 54px; }
#front_middle .content #bodyMiddle #navigation ul li.five a { background: url('/public/images/front_nav5.png') no-repeat top left; width: 123px; height: 54px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#front_middle .content #bodyMiddle #navigation ul li.six { float: right; width: 149px; height: 54px; }
#front_middle .content #bodyMiddle #navigation ul li.six a { background: url('/public/images/front_nav6.png') no-repeat top left; width: 149px; height: 54px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#front_middle .content #bodyMiddle #navigation ul.submenu li a { text-indent: 0px; text-align: left; font-size: 14px; padding: 8px 0 0 10px; margin: 0px; height: 22px; width: 150px; /*border: 1px solid #E5E5E5; border-top: none;*/ background: #004c90; padding-top: 7px;}
#front_middle .content #bodyMiddle #navigation ul.submenu li a:hover { text-indent: 0px; text-align: left; font-size: 14px; text-decoration: none; padding: 8px 0 0 10px; margin: 0px; height: 22px; width: 150px; /*border: 1px solid #E5E5E5; border-top: none;*/ background: #2c5fa6; padding-top: 7px;}
#front_middle .content #bodyMiddle #navigation ul.submenu li.first { /*border-top: 1px solid #E5E5E5;*/ }
#front_middle .content #bodyMiddle #navigation ul ul ul.submenu { margin: -29px 0 0 161px; }

#front_middle .content #bodyMiddle #intro { width: 836px; min-height: 380px; margin: 20px 22px 20px 22px; padding: 0; }
#front_middle .content #bodyMiddle #intro #splash { width: 521px; min-height: inherit; height: 380px; background: url('/public/images/front_splash.jpg') no-repeat top left; margin: 0 22px 0 0; padding: 0; }
#front_middle .content #bodyMiddle #intro #text { width: 293px; min-height: inherit; margin: 0; padding: 0; color: #6c6c6c; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 21px; text-align: left; }
#front_middle .content #bodyMiddle #intro #text p { margin-top: 0; }
#front_middle .content #bodyMiddle #intro #text a { color: #0073bc; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#front_middle .content #bodyMiddle #intro #text a:hover { color: #0073bc; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }

#front_middle .content #bodyMiddle #inside { width: 836px; min-height: 380px; margin: 10px 22px 20px 22px; padding: 0; text-align: left; }
#front_middle .content #bodyMiddle #inside div { float: none; width: 836px; margin: 0; padding: 0; }

#front_middle .content #bodyMiddle #inside #projects { clear: both; }
#front_middle .content #bodyMiddle #inside #project_left { width: 422px; min-height: 300px; margin: 10px 22px 0 0; float: left; }
#front_middle .content #bodyMiddle #inside #project_right { width: 390px; min-height: 300px; margin: 10px 0 0 0; float: left; }
#front_middle .content #bodyMiddle #inside #project_right p { color: #909090; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; margin-top: 0px; line-height: 22px; }
#front_middle .content #bodyMiddle #inside #project_right p.type { text-transform: uppercase; text-align: right; color: #004c90; font-size: 24px; font-weight: bold; font-family: Trebuchet MS; margin: 0 0 10px 0; }
#front_middle .content #bodyMiddle #inside #project_right p.header { text-align: right; color: #0079c2; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; margin: 0; padding: 0; line-height: 14px; }
#front_middle .content #bodyMiddle #inside #project_right p.info { text-align: right; color: #757575; font-size: 14px; margin: 0 0 8px 0; padding: 0; line-height: 14px; }
#front_middle .content #bodyMiddle #inside #project_right p.last { margin-bottom: 20px; }
#front_middle .content #bodyMiddle #inside #project_left p.type { text-transform: uppercase; text-align: left; color: #004c90; font-size: 24px; font-weight: bold; font-family: Trebuchet MS; margin: 0 0 10px 0; }
#front_middle .content #bodyMiddle #inside #project_left p.header { text-align: left; color: #0079c2; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; margin: 0 0 5px 0; padding: 0; line-height: 14px; }
#front_middle .content #bodyMiddle #inside #project_left p.info { text-align: left; color: #757575; font-size: 14px; margin: 0 0 8px 0; padding: 0; line-height: 14px; }
#front_middle .content #bodyMiddle #inside #project_left p.last { margin-bottom: 20px; }

#front_middle .content #bodyMiddle #inside #project_mainPhoto {
  width: 412px;
  height: 279px;
  padding: 10px 0 0 10px;
  background: url('/public/images/project_photo.jpg') no-repeat top left;
}
#front_middle .content #bodyMiddle #inside #project_thumbnails {
  width: 411px;
  margin: 4px 0 0 0;
  padding: 0 0 0 11px;
  clear: both;
}
#front_middle .content #bodyMiddle #inside #project_thumbnails a { width: 70px; min-height: 47px; float: left; margin: 0 8px 0 0; padding: 0; }
#front_middle .content #bodyMiddle #inside #project_more { width: 400px; float: left; display: block; color: #767676; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; margin: 0 0 65px 11px; }
#front_middle .content #bodyMiddle #inside #project_other { width: 400px; float: left; display: block; padding: 0 0 0 11px; }
#front_middle .content #bodyMiddle #inside #project_other dl { width: 400px; margin: 0; padding: 0; }
#front_middle .content #bodyMiddle #inside #project_other dt { width: 400px; color: #9d3800; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; border-bottom: 1px solid #cccccc; padding-bottom: 2px; }
#front_middle .content #bodyMiddle #inside #project_other dd { width: 390px; color: #929292; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; border-bottom: 1px solid #e0e0e0; padding: 4px 0 4px 0; margin: 0 0 0 10px; }
#front_middle .content #bodyMiddle #inside #project_other a { float: right; color: #9d3800; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; margin: 3px 0 20px 0; }
#front_middle .content #bodyMiddle #inside #project_other a:hover { float: right; color: #9d3800; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; margin: 3px 0 20px 0; }


#front_bottom { width: 958px; height: 185px; margin: 0; padding: 45px 0 0 0; background: url('/public/images/front_bottom.png') no-repeat top left; }
#front_bottom #legal { float: right; width: 310px; height: 16px; background: url('/public/images/legal.png') no-repeat top left; margin: 0 21px 0 0; padding: 0; }
#front_bottom #cred { float: right; width: 270px; height: 25px; margin: 22px -308px 0 0; padding: 0; }
#front_bottom #cred a { background: url('/public/images/credit.png') no-repeat top left; width: 270px; height: 25px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }

#simplecontact {
  width: 465px !important;
}
#somplecontact fieldset {
  width: 465px;
}
#simplecontact label {
  float:left;
  padding:2px;
  width:145px;
}
#simplecontact .btn {
  margin-left:150px;
  padding:5px 10px;
}
#simplecontact p {
  margin:15px 0;
  width: 450px;
}
#simplecontact hr {
  margin:5px 0;
}
.msg {
  background:#FFF6BF none repeat scroll 0 0;
  border:2px solid #FFEA5F;
  color:#514721;
  margin-bottom:1em;
  padding:0.8em;
}
.required {
  color:#BF0000;
}

h2 { 
  text-transform: uppercase;
  color: #004c90;
  font-size: 24px;
  font-weight: bold;
  font-family: Trebuchet MS;
  margin: 0 0 10px 0;
}
.listing h5 {
  color: #0079c2;
  font-size: 13px;
  font-weight: bold;
  font-family: Trebuchet MS;
  margin: 0;
  padding: 0;
  line-height: 14px;
}
.listing p {
  color: #757575;
  font-size: 14px;
  margin: 4px 0 8px 0;
  padding: 0;
  line-height: 14px;
}
.entry {
  width: 500px !important;
  margin: 10px 0 20px 0 !important;
}
.entry h3 {
  font-size: 16px;
  font-weight: bold;
}
.entry p {
  margin: 7px 0;
  font-size: 12px !important;
}
.entry p.info {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 20px;
}
#sidebar {
  width: 200px;
  float: left;
  font-size: 14px;
}
#sidebar h3 {
  font-size: 16px;
  font-weight: bold;
}