/*----------------------------------------------- MASTER RESET --------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
	margin:0;
	padding:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.clear {clear:both;}
.bold {font-weight:bold;}

/*----------------------------------------------- SITE STYLING --------------------------------------------------*/

body {
     font-family: Arial,Helvetica,sans-serif;
     font-weight:normal;
     font-size:13px;
     color:#000;
}
#wrapper {
     width:950px;
     margin: 0px auto;
}
#content {
     width:920px;
     margin:0px auto;
}
.home-content {
     width:550px;
     padding: 0 0 50px 70px;
     line-height:22px;
}
.main-content-holder {
     margin-top:20px;
     margin-left:20px;
     width:876px;
     background:url(../images/main_content_bg.jpg) repeat-y;
}
.sidebar {
     width:201px;
     float:left;
     margin:0 10px 0 0px;
     padding-left:32px;
}
.sidebar-image {
     width:201px;
     height:145px;
     background:url(../images/grad_sidebar.jpg) repeat-x;
     background-position:bottom;
     float:left;
     margin:0 0 5px 1px;
}
.sidenav {
     padding:10px 0 0 20px;
}
.sidenav h2 {
     color:#2e3192;
     text-transform:uppercase;
     font-weight:bold;
     font-size:11px;
     line-height:16px;
}
.sidenav ul {
     color:#2e3192;    
     margin-bottom:20px;
}
.sidenav ul li {
     line-height:15px;
     font-size:11px;
     background:url(../images/list_style_image.jpg) no-repeat 1px 6px;
     padding:0 0 0 10px;
     font-weight:bold;
}
.sidenav ul li a:link,.sidenav ul li a:visited,a.black:link,a.black:visited {
     color:#333;
     text-decoration:none;
}
.sidenav ul li a:hover,.sidenav ul li a:active,a.black:hover,a.black:active {
     border-bottom:1px dotted #333333;
}
.sidenav ul li a:link.sidenav-active,.sidenav ul li a:visited.sidenav-active {
     font-weight:bold;
     border-bottom:1px dotted #333;
}
#main-body-holder {
     width:600px;
     float:left;
     border-top:1px solid #8885bb;
     margin:0 0 0px 0;
     background:url(../images/body_bg.jpg) no-repeat bottom;
}
.body-column {
     float:left;
     width:278px;
     padding:10px 0 80px 15px;
}
.body-column p {
     font-size:11px;
     line-height:15px;
     color:#333;
     padding:15px 10px 0 0;
     width:250px;
}
.body-column-wide {
     float:left;
     width:560px;
     padding:10px 0 20px 15px;
     font-size:11px;
     line-height:15px;
     color:#333;
     display:block;
}
.body-column-wide p {
     margin: 0 0 15px 0;
}
.body-title {
     height:20px;
     padding:20px 0 0 0;
}
.body-title h1, h1.header {
     color:#2e3192;    
     font-weight:bold;
     font-size:17px;
     padding:0 0 0px 15px;
}
.body-title h1 span.title-subtext {
     color:#636363;
     font-size:13px;
     font-weight:normal;
}

h2.body-header {
     color:#2e3192;    
     font-weight:bold;
     font-size:14px;
     padding:10px 0 5px 0;
}

.case-list {
     padding:15px 0 0px 0px;
     border-bottom:1px dotted #333;
     width:560px;
}
.case-list p {
     padding:20px 0 10px 0px;
     width:300px;
}
.case-study-detail {
     float:left;
     width:350px;
}
.design-detail-icon {
     float:right;
     margin-bottom:10px;
}
.noborder {
     border:none;
}
#pagination {
     float:right;
}
.design-spec-column {
     width:110px;
     float:left;
     margin:10px 30px 50px 0;
}
.design-detail {
     float:left;
}
h3 {
     color:#2E3192;
     font-size:11px;
     font-weight:bold;
}
.design-link a {
     font-weight:bold;
     text-decoration:none;
     border-bottom:1px dotted #333;
     color:#333;
}
.design-link a:hover, .design-link a:active {
     font-weight:bold;
     border-bottom:1px solid #333;
     color:#333;
}

a.body-link {
     font-weight:bold;
     text-decoration:none;
     border-bottom:1px dotted #333;
     color:#333;
}

a.body-link:hover, a.body-link:active {
     font-weight:bold;
     border-bottom:1px solid #333;
     color:#333;
}

ul.body-list {
     list-style-type: disc;
     margin:5px;
     padding:5px;
}

ul.body-list li {
     margin-left:10px;
     padding-left:5px;
}

/*----------------------------------------------- HEADER --------------------------------------------------*/
#header {
     width:868px;
     margin:0px auto;
     height:157px;
}
#masthead {
     width:215px;
     height:154px;
     float:left;
}
#search-box {
     width:225px;
     height:30px;
     float:right;
     padding:10px 37px 0 0;
     font-size:0.9em;
}
#strapline {
     width:400px;
     float:right;
     height:40px;
     clear:right;
     padding:30px 37px 0 0;
     text-align:right;
}

/*----------------------------------------------- NAVIGATION --------------------------------------------------*/

#navigation {
     width:610px;
     height:20px;
     float:right;
     clear:right;
     padding:22px 37px 0 0;
     color:#666;
     font-size:12px;
     text-align:right;
}
#navigation ul {
     width:610px;
     float:right;
}
#navigation ul li {
     display:inline;
     padding:0;
     margin:0;  
}
#navigation ul li a:link,#navigation ul li a:visited {
     margin:2px 5px 2px 5px;
     color:#666;
     text-decoration:none;
}
#navigation ul li a:hover,#navigation ul li a:active {
     color:#2E3192;
     border-bottom:4px solid #2E3192;
}
#navigation a.nav-final {
     padding:2px 0px 2px 4px;
}
#navigation ul li a:link.active, #navigation ul li a:visited.active {
     color:#2E3192;
     border-bottom:4px solid #2E3192;
     position:relative;
     z-index:100;
}
#navigation ul li a:hover.active, #navigation ul li a:active.active {
     color:#2E3192;
     border-bottom:4px solid #2E3192;
}

a:link.body-blue-link,a:visited.body-blue-link {
     color:#2E3192;
     font-size:11px;
     font-weight:bold;
     text-decoration:none;
}
a:hover.body-blue-link,a:active.body-blue-link {
     border-bottom: 1px dotted #2e3192;
}
span.body-blue {
     color:#2E3192;
     font-size:11px;
     font-weight:bold;
     text-decoration:none;
}
.case-list p a:link,.case-list p a:visited {
     font-weight:bold;
     text-decoration:none;
     border-bottom:1px dotted #333;
     color:#333;
}
.case-list p a:hover,.case-list p a:active {
     font-weight:bold;
     border-bottom:1px solid #333;
     color:#333;
}
.design-spec-column a:link,.design-spec-column a:visited {
     color:#333;
     text-decoration:none;
}
.design-spec-column a:hover,.design-spec-column a:active {
     border-bottom:1px dotted #333;
}

/*----------------------------------------------- FOOTER --------------------------------------------------*/
#footer {
     font-size:11px;
     line-height:16px;
     color:#999;
     background:url(../images/body_bottom_border.jpg) no-repeat top;
     padding:10px 0 0 0;
}
#footer-home {
     font-size:11px;
     line-height:16px;
     color:#999;
     padding:10px 0 0 0;
}
#footer-contact {
     border-bottom:5px solid #999;
     width:790px;
     height:40px;
     padding: 0 0 0px 20px;
     margin:0px auto;
}
.footer-contact-left {float:left;}
.footer-contact-right {float:right;}
#footer-links {
     width:790px;
     padding: 20px 0 15px 20px;
     margin:0px auto;
}
#footer a:link, #footer a:visited {
     color:#999;
     text-decoration:none;
}
#footer a:hover, #footer a:active {
     color:#999;
     border-bottom:1px dotted #ccc;
}
#footer-home a:link, #footer-home a:visited {
     color:#999;
     text-decoration:none;
}
#footer-home a:hover, #footer-home a:active {
     color:#999;
     border-bottom:1px dotted #ccc;
}

/*----------------------------------------------- IMAGE & ASSOCIATED --------------------------------------------------*/
.thumbnail-holder {
  height:180px;
  margin:30px 0;
  overflow: auto;
  overflow-x:hidden;
}
.thumbnail-small {
     float:left;
     line-height:12px;
     margin: 0 15px 10px 0;
     font-size:11px;
}
.thumbnail-medium {
     float:left;
     line-height:12px;
     margin: 0 9px 10px 0;
     font-size:11px;
}
.thumbnail-large {
     float:left;
     line-height:12px;
     margin: 15px 15px 10px 0;
     font-size:11px;
}
.casestudy-thumbnail {
     float:left;
     margin: 0 15px 10px 0;
     width:140px;
}

/*----------------------------------------------- FORMS & ASSOCIATED --------------------------------------------------*/
#header label,#header input#submit {
     color:#999999;
}

/*----------------------------------------------- TABLES --------------------------------------------------*/
table {
     margin-bottom:20px;
}
table th {
     font-weight:bold;
     color:#2e3192;
     padding:4px 10px 0px 0px;
     width:100px;
}
table td {
     padding:4px 10px 0px 0px;
}
table td.table-description {
     width:250px;
}
table td.table-download-link {
     width:80px;
}
table td.table-download-icon {
     width:20px;
}

/*-------------------------------------------CASE STUDY PAGE---------------------------------------------------*/
div.case-study-text {
  float: left;
  width: 385px;
  margin: 0 20px 0 0;
}

div.case-study-image {
  float: left;
  width: 150px;
}

div.case-study-text p{
  color: #333333;
  font-size: 11px;
  line-height: 15px;
  padding: 0px 10px 15px 0;
}

/*-------------------------------------------FIELD SET---------------------------------------------------*/

fieldset.flash {
  border: 3px solid #ededed;
  font-weight: bold;
  padding: 7px;
}

fieldset.flash ul {
  margin: 5px 0 0 25px;
  list-style-type: circle;
}

fieldset.flash legend{
  color: red;
  font-size: 1.3em;
  font-weight: bolder;
}

fieldset.form {
  border: 3px solid #ededed;
  padding: 7px;
  position:relative;
}

fieldset.form legend {
  font-weight: bold;
  font-size: 1.3em;
}

/*-------------------------------------------SEARCH RESULTS---------------------------------------------------*/

ul.search-results {
  margin: 5px 0 0 25px;
  list-style-type: square;
}

/*-------------------------------------------PRICES----------------------------------------------------------*/

#log-out {
  float:right;
  margin: 0 25px 0 0;
}

/*-------------------------------------------GALLERY----------------------------------------------------------*/

li.gallery-image {
  float: left;
  padding: 5px;
}

/*-------------------------------------------MISC----------------------------------------------------------*/

.center {
  text-align: center;
}