/*
Theme Name: The Innotech Centre
Theme URI: http://purposemakers.net
Description: The Innotech Centre
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



/*-----------------------------------------------------------------------------------------------


* div  {
  background:#cfd0d2;
}


  Global Styles
-----------------------------------------------------------------------------------------------*/



* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h6, p, li {
  margin:0 0 0 0;
}

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }
.hidden{display:none;}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{   
  color:#333;
  background-color:#10185e;
  font-size:0.8em;
  font-family:Helvetica, Arial;
  margin: 0 0;
}

/* This class sets the width and position for all rows */
.inside {
  width:1000px;
  margin:0 auto;
  padding:0;
	/* background: url(img/grid_01.gif) repeat-y left;   */
}



a {
  color:#003974;
  text-decoration:none;
  font-weight:bold; 
}

a:hover { 
  color:#FFCE71;
}

h1, h2, h3, h4, h5{
  color:#003974;
  font-weight:normal;
  padding: 0;
  margin: 0 0 10px 0; 
}

/*  background-color:#fff; /* fixes bold text rendering problem - hat tip!! -  http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html */     

h1 {
	margin: 0;
}

h2{
	font-weight: bold;
  font-size: 20px;
}

h3 {
  font-size:15px;
  font-weight:bold;
}

h4 {
  font-size:18px; 
}

h5 {
  font-size:2em;
  font-weight:bold;
  color: #fff;
}

.hr {
  border: 1px solid #eee;
}

p{
  line-height:1.75em;
  margin:10px 5px 10px 0px
}

ul {
  margin:0;
  padding:0;
}

#project_links ul li{
  list-style-type:none;
  background: none;
  padding:27px 0 27px 0;
   margin:0 0 0 0;

}

#sub_project_links ul li{
  list-style-type:none;
  background: none;
  padding:21px 0 21px 0;
  margin:0 0 0 0; 
}


ul li{
  list-style-type:none;
  background: transparent url(img/bullet_01.gif) no-repeat 5px 7px;
  padding:0 0 0 20px;
  margin:0 0 15px 0;
  line-height:1.75em;
}

blockquote{
  padding:0;
  font-size:1em;
  font-style:italic;

}

hr {
  background-color: #fff;
  color: #fff;
  height:1px;
  border:0;
  margin:0;
  padding:0;
}

p:first-child
{
font-weight:bold;
font-size:1.3em;
} 


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background-color:#f9f7f6;
	padding: 0 0 10px 0;
}

#header .inside{
	width:940px;
	height:140px;
	padding: 0 10px;
	position: relative;
	background-color:#f9f7f6;
}

#header a {
  color:#003974;
}

#header a:hover { 
  color:#ffce71;
}

#header h1{ 
  font-size:2.25em;
  padding:0;
  float:left;
}

#header h1 a{ 
  text-decoration:none; 
  display:block;
  width:232px;
  height:140px;
  border:0;
  text-indent:-10000px;
  background: transparent url(img/innotech_logo_01.gif) no-repeat left top;
}


#header h2{ 
  margin:20px 0 0 0;
  padding:0;
  float:right;
  font-size:2.5em;
  color:#fff;  
}

#search {
  float: right;
  padding: 115px 0 0 0;  
}

#search input{
	border: 1px solid #121F5D;
	padding: 5px;
}


/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/
#nav{
    background-color:#f9f7f6;
}

#nav  .inside{
    width:960px;
    height:50px;
    background:#f9f7f6 url("img/nav_bar.jpg") no-repeat bottom;
    font-size:100%;
    line-height:normal;
    border-bottom: 1px solid #f9f7f6;
}

#nav ul {
  margin:0;
  padding:0 20px;
  list-style:none;  
  }
  
#nav li {
  float:left;
  background:url("") no-repeat left top;
  margin:0;
  padding: 15px 3px 0;
  }
  
#nav a {
  float:left;
  display:block;
  color:#fff;
  padding: 0 10px;
  text-decoration:none;
  font-weight:bold;
  text-transform: lowercase;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  background-color:#ffcb00;
  color:#002144;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  }
#nav li.current_page_item, #nav li.current_page_parent {
  color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  }
#nav li.current_page_item a, #nav li.current_page_parent a {
 color:#002144;
  background-color:#ffcb00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  }
  
  #nav li.current_page_item a:hover, #nav li.current_page_parent a:hover {
  color:#fff;
  }


#project_links{
margin:0 0 0 0;
padding:0 0 0 10px;
width:200px;
height:290px;
position:absolute;
top:0px;
right:0px;
}

#sub_project_links{
margin:35px 0 0 0;
padding:0 0 0 10px;
float:left;
width:100px;
background: url(img/sub_project_links.jpg) no-repeat left top;
width:200px;
height:255px;
}

#project_links a, #sub_project_links a{
color:#FFCE71;
}

#project_links a:hover,  a:hover{
color:#fff;
}

.breadcrumb {
  padding:0;
  margin: 20px 0;
  clear:both;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 10px;
}


.primary a  {
  color:#003974;
  text-decoration:none;
  font-weight:bold; 
}

.primary a:hover{ 
  color:#a61f7d;
}

#slideshow1 {
z-index:0;
}

.pics {
height:220px;
width:940px;
position:relative;
z-index:999;
margin: 0 0 0 0;
}

#wrapper {
background:#fff  url(img/content_bg_01.gif) repeat-y scroll left top;
width:938px;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
         border:10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
  text-align:left;
  background-color:#f9f7f6;
}

#primary .inside{
	width:938px;
	padding: 0 0;
  background-color:#002144;
  border-right: 1px solid #002144;
  border-left: 1px solid #002144;
}

#primary .primary {
width:656px;
margin:0 0 0 0;
padding: 0 20px;
float:left; 
background-color:#fff;

}

#primary .primary2 {
  margin:20px 10px 0 0;
  float:left; 
}

#bottom_content {
  background-color:#fff;
}

#bottom_content .inside{
	width:920px;
	height:30px;
	padding: 0 10px;
  background-color:#000;
}

#img_page {
  background-color:#f9f7f6;
}

#img_page .inside{
	width:938px;
	padding: 0;
	border-top: 1px solid #fff;
  border-right: 1px solid #002144;
  border-left: 1px solid #002144;
}

.backtotop{
float:left;
}

.backtotop img{
float:left;
}

#primary .design-build-construction {
	background: url(img/design_build_img_01.jpg) no-repeat left top;
  width:940px;
	height:292px;
	margin: 20px 0 0 0;
}

#primary .hotels {
	background: url(img/design_build_img_01.jpg) no-repeat left top;
  width:940px;
	height:292px;
	margin: 20px 0 0 0;
}

#primary .offices {
	background: url(img/design_build_img_01.jpg) no-repeat left top;
  width:940px;
	height:292px;
	margin: 20px 0 0 0;
}

#primary .industrial {
	background: url(img/design_build_img_01.jpg) no-repeat left top;
  width:940px;
	height:292px;
	margin: 20px 0 0 0;
}

#primary .commercial-developments {
	background: url(img/commercial-developments_img_01.jpg) no-repeat left top;
  width:940px;
	height:292px;
	margin: 20px 0 0 0;
}

#primary .residential-developments {
	background: url(img/residential-developments_img_01.jpg) no-repeat left top;
  width:940px;
	height:292px;
	margin: 20px 0 0 0;
}

#primary .contact {
	background: url(img/contact_img_01.jpg) no-repeat left top;
  width:940px;
	height:292px;
	margin: 20px 0 0 0;
}


#featured_projects{
  margin:0 0 30px 0;
  float:left;
  width:940px;
}

#map {
margin: 0;
}

#office_container {
background-image:url(img/contact_bg.gif);
background-repeat:no-repeat;
height:220px;
width:657px;
}

.office {
color:#000;
float:left;
padding:7px;
width:150px;
}

.office a{
color: #000
}

.office a:hover{
color: #003974;
}

.office h3 a{
color: #000
}

.office h3 a:hover{
color: #003974;
}


#featured_projects h3{
  font-size:14px;
  font-weight:bold;
  margin:0 0 10px 3px; 
  padding:5px 0 0 0;
}

#featured_projects h4 {
  margin:10px 0 10px 0; 
}

#featured_projects a {
  background-color:#fff; /* fixes bold text rendering problem - hat tip!! -  http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html */ 
}

.quick_links {
  width:235px;
  float: left;
  margin:0 5px 30px 0;
  padding:0 0 10px 0;
}

.quick_links li {
  list-style-type:square;
  background-image:none;
  padding:0;
  margin:0 0 5px 13px;
}

.view_map {
  background-color:#fff;
  background: #fff url(img/uk_ire_01.gif) no-repeat left top;
  padding:5px 0 10px 25px;
}

.accordion_headings{
	padding:5px;
	margin:0 10px 0 0;
	background:#003974;
	color:#fff;
	border-bottom:1px solid #fff;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00ccff;
}

.accordion_child{
}

.header_highlight{
	background:#00ccff;
}

.project {
  padding:40px 0 20px 0;
  border-bottom:2px solid #eee;
}

.highlight {
  background-color:#003974;
  color:#fff;
  padding:3px 0 4px 3px;
  margin:0 10px 0 0;
}

.col1 {
  width:205px;
  margin:9px 30px 0 0;
  float:left;
}

.col2 {
  width:435px;
  margin:9px 20px 0 20px;
  float:left;
}

.col3 {
  width:200px;
  margin:9px 10px 0 0;
  float:left;
}



#thumbnails {
  float:left;
  clear:both;
  padding:30px 0 0 0;
  width:940px;
}

#thumb_container{
  overflow:hidden;
  float:left;
  height:150px;
  width:850px;  
}

#thumb_container li {
  float:left;
  list-style:none;
  width:150px;
  margin:0 10px;
  padding:0 0 3px 0;
}

#thumbs {
  width:2720px;
}

#thumbs h3 {
  padding:0;
  margin:0;
  font-size:14px;
}

#arrow_left, #arrow_right {
  cursor:pointer;
  float:left;
}

#thumbs li.selected {
  border-bottom:5px solid #eee;
}

#medium_image {
  float:left;
  width:430px;
}

#project_details {
  width:250px;
  float:left;
}

#project_details_invest {
  float:left;
}

.alignleft {
  float:left;
  line-height:1.75em;
}

.alignright {
  width:440px;
  float:left;
    line-height:1.75em;
}

/*-----------------------------------------------------------------------------------------------
  Single Post Styles
-----------------------------------------------------------------------------------------------*/

#primary .post h2 a {
  font-weight:normal;
}

#post_content {
  float: left;
  clear:both;
  width:710px;
  padding:0;
  margin:0;
}

.date {
  font-size:0.8em;
  color:#008AC9
}

.read_right {
  float:right;
    font-size:0.9em;
}

.post-date {
background:transparent url(img/date-bg.gif) no-repeat scroll 0 0;
float:left;
height:49px;
width:45px;
margin: 20px 0;
}

.post-month {
color:#FFFFFF;
display:block;
font-size:8px;
line-height:11px;
margin-left:-2px;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}

.post-day {
color:#999999;
display:block;
font-size:18px;
line-height:18px;
margin-left:-3px;
padding-top:6px;
text-align:center;
text-transform:uppercase;
}

.post_content {
float:left;
}

.c6 {
width:600px;
margin:20px 0 10px 10px;
}

.profile-image {
float:left;
height:49px;
width:175px;
margin: 20px 0;
}

.profile_content {
float:left;
}

.c7{
width:460px;
margin:20px 0 10px 20px;
}


#post_content h2 {
  margin:0 0 10px 0;
  padding:0;
}

.entry {
  float:left;
  width: 590px;
  margin:0 0 50px 10px;
}

.post {
  clear:both;
  padding:10px 0; 
}

.post  img{
}

.double{
width:309px;
float:left;
margin: 0 0 0 20px;
}

.double p{
margin: 10px 25px 0 35px;
}

.readmore{
font-size:0.9em;
}

.double p:first-child
{
font-weight:normal;
font-size:1em;
} 

.double ul li {
background:transparent url() no-repeat scroll 0 3px;
line-height:1.75em;
list-style-type:none;
margin:18px 0 0 0;
padding:0;
}

.double1{
width:327px;
float:left;
margin: 0;
}

.double1 p{
margin: 0;
}

.double1 p:first-child
{
font-weight:normal;
font-size:1em;
} 

.double1 ul li {
background:transparent url() no-repeat scroll 0 3px;
line-height:1.75em;
list-style-type:none;
margin:10px 0 0 0;
padding:0;
}

.single{
margin: 10px 0 0 0;
}

.clients_top {
background:transparent url(img/clients_top.gif) no-repeat scroll 0 0;
width:300px;
height:14px;
}

.clients_middle {
background:#cfcfcf url(img/clients_middle.gif) no-repeat scroll 0 0;
width:280px;
padding: 10px;
}

.clients_bottom {
background:transparent url(img/clients_bottom.gif) no-repeat scroll 0 0;
width:300px;
height:14px;
}

#design_section {
width:200px;
height:135px;
position:absolute;
left:35px;
top:0;
text-align:right;
background:transparent url(img/design_thumb_01.png) no-repeat scroll 0 0;
}

#electronics_section {
width:200px;
height:135px;
position:absolute;
left:35px;
top:155px;
text-align:right;
background:transparent url(img/design_thumb_01.png) no-repeat scroll 0 0;
}

#sustainability_section {
width:200px;
height:135px;
position:absolute;
left:35px;
top:320px;
text-align:right;
background:transparent url(img/design_thumb_01.png) no-repeat scroll 0 0;
}

.section_thumbnail {
width:200px;
height:135px;
position:relative;
padding: 20px 20px 0 20px;
}

.section_thumbnail_text {
position:absolute;
bottom: 7px;
right: 30px;
font-size:1.5em;
text-transform:lowercase;
font-weight:normal;
}

.section_thumbnail_text .orange, a {
color:#f6872e;
}

.section_thumbnail_text .orange, a:hover {
color:#f6872e;
}

.section_thumbnail_text .green, a {
color:#0c9f49;
}

.section_thumbnail_text .green, a:hover {
color:#0c9f49;
}

.section_thumbnail_text .blue, a {
color:#0076b0;
}

.section_thumbnail_text .blue, a:hover {
color:#0076b0;
}

.intro {
}

.intro p {
font-weight: bold;	
}

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

#primary .secondary {
  float:left;
  width:240px;
  height:700px;
  background:transparent url(img/home_bg_01.jpg) no-repeat scroll 0 0;
  margin:0 0 0 0;
  position:relative;
}


.sidebar_module {
  width:230px;
  float: left;
  margin:10px 10px 10px 0;
  padding:0 0 10px 0;
}

.sidebar_module ul {
  font-size:90%;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
  color:#fff;
  font-weight:bold;
  background-color: #000;
}

#ancillary .inside{
  height:70px;
}

#ancillary p{
  padding:28px 0 0 0;
}

#ancillary a {
  color:#fff;
}

#ancillary a:hover { 
  color:#FFCE71;
}

span.blue_t {
  color:#FFCE71;
}

/*-----------------------------------------------------------------------------------------------
  Contact Form
-----------------------------------------------------------------------------------------------*/

.contactform {
  float:left;
  font-size:1.1em;
  width:400px;
}

label {

} 

.contacterror {
  border: 1px solid #ff0000;
}

.sub_error {
  background-color:#cc0000;
  color:#fff;
  padding:5px;
  margin:0 0 20px 0;
}

.sub_error p {
  padding:0px;
  margin:0px;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  clear:both;
  color:#fff;
  background:transparent url(img/footer_bg_01.jpg) repeat-x scroll 0 0;
  font-size:11px;
  padding:0 0 20px 0;
  height:80px;
}

#footer .inside {
  width:940px;
	padding: 0;
	height:80px;
	text-align:center;
}

#footer a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover { 
  color:#ccc;
}

#footer p {
  margin: 0;
}

#footer p.attributes{ 
  float:right;
  padding:0 0 0 1em;
}

#footer_content{
 color: #fff;
 text-align:center;
}

#footer_content .inside {
 width:940px;
 padding: 10px 0;
}

#footer_bottom{
 background:#011b3a url() repeat-x scroll 0 0;
 color: #fff;
}

#footer_bottom br {
	margin: 10px 0;
}

#footer_bottom .inside p {
	margin: 10px 0 !important;
}

#footer_bottom .inside {
 width:940px;
 height: 30px;
 padding: 20px 0;
}

#footer_bottom .inside a:link,
#footer_bottom .inside a:visited,
#footer_bottom .inside a:hover,
#footer_bottom .inside a:focus,
#footer_bottom .inside a:active {

}

#footernav{
margin: 0 auto;
width:940px;
}

#footernav ul {
margin: 0 auto; 
padding:0 0 0 280px;
list-style:none;  
height:50px;
}

#footernav li {
float:left;
background:url("") no-repeat left top;
margin:0;
padding:0 1px 0 1px;
}

#footernav a {
display:block;
color:#fff;
padding:5px 10px 9px 10px;
text-decoration:none;
font-weight:bold;
text-transform: lowercase;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#footernav a {float:none;}
/* End IE5-Mac hack */
#footernav a:hover {
color:#ffcb00;;
}
#footernav li.current_page_item, #footernav li.current_page_parent {
color:#fff;
}
#footernav li.current_page_item a, #footernav li.current_page_parent a {
color:#ffcb00;;
}

#footernav li.current_page_item a:hover, #footernav li.current_page_parent a:hover {
color:#fff;
}

a.rss {
  padding:4px 10px 5px 16px;
  margin:5px 0 0 0;
  background: url(img/feed-icon-12x12.gif) no-repeat left center;
}

/*
Form Styles
*/

input[type="submit"] {
	background-color: #2D64A7;
	border: 1px solid #222;
	color: #FFF;
	padding: 0px 8px;
	font-family: "Helvetica Neue", Arial, Sans-Serif;
	font-size: 13px;
	text-align: center;
}

input[type="text"] {
	padding: 7px 5px;
	font-size: 14px;
}

/*
Social Media
*/

#social-media {
	position: absolute;
	top: 25px;
	right: 10px;
}

#social-media ul {
	overflow: hidden;
}

#social-media li {
	background: transparent;
	float: left;
	margin: 0;
}

#social-media li.facebook a,
#social-media li.twitter a,
#social-media li.rss a,
#social-media li.youtube a {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	text-indent: -10000px;
	width: 32px;
}

/* Icons Courtesy of Mr. Paul Robert Lloyd http://paulrobertlloyd.com/2009/06/social_media_icons */

#social-media li.facebook a {
	background-image: url(img/facebook.png);
}

#social-media li.twitter a {
	background-image: url(img/twitter.png);	
}

#social-media li.rss a {
	background-image: url(img/rss.png);
}

#social-media li.youtube a {
	background-image: url(img/youtube.png);
}