/*
Theme Name: Krill
Version: 1.0
Author: Deploy Creative
Author URI: http://www.deploycreative.com/
*/


body { 
	color: #303030; 
	background: #ffffff;  
	font: 64% Verdana, sans-serif;
}

a { 
	color: #004E99; 
	background: inherit;
}

a:hover { 
	color: #000; 
	background: inherit;
}

h2 {
    font-size: 1.4em;
	color: #c90000;	
}

h2 a {
	text-decoration: none;
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
	color: #134182;	
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.headerimage {
	margin: 0;
	padding: 0;
}
	
	img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.clear {
	clear: both; 
	margin: 0 0 .5em 0; 
}

#wrapper { 
	width: 819px; 
	margin: 0 auto;
}

#logo { 
	float: left;  
	padding: 0; 
	width: 248px; 
	height: 51px; 
	margin-bottom: 20px; 
}



#top { 
	float: right; 
	margin-top: 22px; 

}
 	
#top a {
	color: #666666;
	text-decoration: none;
	}
	
#top a:hover {
	color: #c90000; 
	}

#nav {
	clear: both;
	width: 819px;
}		

#menu { 
	float: left; 
	font: normal 0.95em Verdana; 
	background: url(images/diagonal-navBar.gif) repeat-x; 
	height: 30px; 
	width: 544px;
	padding: 14px 0 0 8px;
	margin: 0;
	text-transform: uppercase;
}

#menu li { 
	margin: 0;
	padding: 0;
	display: inline; 
}

#menu a { 
	margin: 0; 
	text-decoration: none; 
	color: #004E99; 
	padding: 0 22px 0 0;
	font-weight: normal;
	font-style: normal;
}

#menu li.current_page_item a { 
	color: #c90000; 
}

#menu a:hover { 
	color: #c90000;
}

#menu li.current_page_ancestor a{ 
	color: #c90000;
	
}

#buttons { 
	float: left; 
	font: 0.95em Verdana; 
	background: url(images/diagonal-navBar.gif) repeat-x; 
	height: 30px; 
	width: 266px;
	padding: 14px 0 0 0px;
	margin: 0;
}

#buttons li { 
	display: inline;
	margin-left: 18px;
}

#buttons a { 
	text-decoration: none; 
	color: #004E99;
	background: url(images/navButBkrd.gif) no-repeat center center;
	margin: 0;
	padding: 2px 10px;
	border: 1px solid #cccccc;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
	
#buttons li.current_page_item a { 
	color: #c90000; 
	border: 1px solid #c90000;
}

#buttons a:hover { 
	color: #c90000;
}

#leftcolumn {
	float:left;
	width: 217px;
	margin: 0;
	padding: 0;
}


.column {  
	width: 197px; 
	height: 340px;
	margin: 0; 
	background: #999999;
	padding: 10px 0 0 20px;
}		

.columnAbout {  
	width: 186px;
	height: 189px;
	margin: 0; 
	background: #999999;
	padding: 10px 20px 0;
}

.columnServices {  
	width: 186px;
	height: 189px;
	margin: 0; 
	background: #999999;
	padding: 10px 20px 0;
}

.columnNews {  
	width: 186px;
	height: 189px;
	margin: 0; 
	background: #999999;
	padding: 10px 20px 0;
}

.columnCareers {  
	width: 186px;
	height: 189px;
	margin: 0; 
	background: #999999;
	padding: 10px 20px 0;
}

.columnContact {  
	width: 186px;
	height: 190px;
	margin: 0; 
	background: #999999;
	padding: 10px 20px 0;
}

.columnContactBar {  
	width: 217px;
	height: 508px;
	margin: 3px 0 0; 
	padding: 10px 0 0;
	background: #F0F0F0;
}

.columnContactBar p {  
	list-style: none;
	color: #333333;
	margin: 1px 0 0 15px; 
}

.columnContactBar li, .columnContact li {  
	list-style: none;
}

/* Hides Subnav on News and Contact pages */
.columnContact a,.columnNews a {
	text-decoration: none;
	color: #999999;
}

.columnContact a:hover, .columnNews a:hover {
	text-decoration: none;
	color: #999999;
}
/* End Hide */

/* Subnav Class and rollovers */
.column a ,.columnAbout a,.columnServices a,.columnCareers a { 
	text-decoration: none;
	color: #333333;
}

.column a:hover,.columnAbout a:hover,.columnServices a:hover,.columnCareers a:hover { 
	text-decoration: none;
	color: #fff;
}
/* End Subnav */


.column h4 a,.columnAbout h4 a,.columnServices h4 a,.columnNews h4 a,.columnCareers h4 a, .columnContact h4 a { 
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
	list-style: none;
}

.columnNews h4 a:hover, .columnContact h4 a:hover { 
	color: #fff;
	list-style: none;
}

.column ul,.columnAbout ul,.columnServices ul,.columnNews ul,.columnCareers ul, .columnContact ul {
margin: 0 0 0 10px;
padding: 0;
list-style: none;
line-height: 18px;
}

.column ul .current_page_item, .columnAbout ul .current_page_item, .columnServices ul .current_page_item, .columnNews ul .current_page_item, .columnCareers ul .current_page_item, .columnContact ul .current_page_item {
	list-style: none;
	font-weight: bold;
}

.column li .current_page_parent {
	background-color: #CCCCCC;
	width: inherit;
	padding: 0 0 0 15px;
	margin: 0;
}

.column ul .current_page_parent {
	background-color: #CCCCCC;
	width: inherit;
	padding: 0 0 0 4px;
	margin: 0;
}



#util{
	width:819px;
	clear: both;
	margin-top: 10px;
}

#utilwebcam {
	text-decoration: none;
	width:252px;
	height: 125px;
	float: left;
	border: 1px solid #c9c9c9;
	margin-right: 10px;
	padding: 0 0 0 12px;
	font: 0.95em Verdana;
	background: url(images/utilBkgrd.gif) repeat-x;
}


#utilwebcam img {
	border-style: none;
}

#utilwebcam:hover {
	border: 1px solid #004E99;
}

#utilwebcam p{
	margin: 0;
	padding: 10px 0;
}

#utiluc{
	text-decoration: none;
	width:252px;
	height: 125px;
	float: left;
	border: 1px solid #c9c9c9;
	margin-right: 10px;
	padding: 0 0 0 12px;
	font: 0.95em Verdana;
	background: url(images/utilBkgrd.gif) repeat-x;
}

#utiluc img {
	border-style: none;
}

#utiluc:hover {
	border: 1px solid #004E99;
}

#utiluc p {
	margin: 0;
	padding: 10px 0;
}

#utilfp {
	text-decoration: none;
	width:252px;
	height: 125px;
	float: left;
	border: 1px solid #c9c9c9;
	padding: 0 0 0 12px;
	font: 0.95em Verdana;
	background: url(images/utilBkgrd.gif) repeat-x;
}

#utilfp img {
	border-style: none;
}

#utilfp:hover {
	border: 1px solid #004E99;
}

#utilfp p{
	margin: 0;
	padding: 10px 0;
}
		
.half {
	float: left;  
	width: 45.6%;
	margin: 1em 1.1%;
	background: #fff;
	color: #303030;
	padding: .5% 1%;
}

.navigation {
	float: left;
	width: 95.4%;
	margin: 1em 1.1%;
	color: #303030;
	padding: .5% 1%;
}

.full { 
	float: left; 
	width: 95.4%; 
	margin: 1em 1.1%; 
	background: #fff; 
	color: #303030; 
	padding: .5% 1%;
}

.homeContent { 
	float: left; 
	width: 819px;
	padding-top: 15px;
}

#content {
	float: left;
	width: 819px;
	margin: 0px;
	background: #ffffff;
	color: #303030;
	padding: 10px 0;
	font-size: 1.2em;
}

#contentSub {
	float: left;
	width: 598px;
	margin: 0px;
	background: #ffffff;
	color: #404040;
	font-size: 1.1em;
	padding: 0 1px;
	line-height: 0;
}

#contentSub p{
	line-height:1.3em;
	padding: 0;
}

#contentSub h2, #contentSub h3{
	padding: 10px 0 0 0;
}

#contentSub li{
	line-height:1.2em;
}

#contentMore {
	float: left;
	width: 588px;
	margin: 0px;
	background: #ffffff;
	color: #404040;
	font-size: 1.1em;
	padding: 0 1px 0 10px;
	line-height: 0;
}

#contentMore p{
	line-height:1.3em;
	padding: 0;
}

#contentMore h2, #contentSub h3{
	padding: 10px 0 0 0;
}

#contentMore li{
	line-height:1.2em;
}

#contentUC {
	float: left;
	width: 788px;
	margin: 0px;
	background: #404040;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 10px 10px 10px 20px;
	line-height: 0;
	}

#contentUC h2 {
	color:  #FFFFFF;
}

/*set up projects navigation and rollovers*/
#projectsnav {float: left; overflow:hidden; padding: 0; margin: 15px 0 0; height:300px; width: 819px;}

#projectsnav ul { list-style:none; float:left; padding: 0; margin: 0; width: 819px;}

#projectsnav ul li{float:left; padding: 0; margin: 0;}

#projectsnav ul li a { display:block; text-indent: -9000px; overflow:hidden; height:300px; text-decoration:none; padding: 0; margin: 0;}

#link1 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/research.jpg) no-repeat;}
#link2 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/healthcare.jpg) no-repeat;}
#link3 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/workspaces.jpg) no-repeat;}
#link4 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/education.jpg) no-repeat;}
#link5 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/industrial.jpg) no-repeat;}
#link6 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/historic.jpg) no-repeat;}
#link7 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/religious.jpg) no-repeat;}
#link8 a{ width:101px; height:300px; background: url(/wp-content/themes/krill/images/retail.jpg) no-repeat;}

#projectsnav #link1 a:hover, #projectsnav #link2 a:hover, #projectsnav #link3 a:hover, #projectsnav #link4 a:hover, #projectsnav #link5 a:hover , #projectsnav #link6 a:hover , #projectsnav #link7 a:hover , #projectsnav #link8 a:hover { background-position: 0 -300px;}

/*end*/


/*set up projects stats meta*/
#projstats {
	width: 206px;
}

#projstats ul {
	margin: 10px 0 10px 10px;
	padding: 0;
}

#projstats .post-meta { 
    color: #666666;
	list-style: none;

}

#projstats .post-meta-key {
	color: #666666; 
	font-weight: bold;
	text-decoration: none;
}
/*end projects stats meta*/

/*set up quotes meta*/
#quotes {
	float: left;
	width: 180px;
}

#quotes  ul {
	margin: 15px 0 10px 10px;
	padding: 0;
}

#quotes .post-meta { 
    color: #004E99;
	list-style: none;
	line-height: 1.35em;
	font-size: 1.10em;

}

#quotes .post-meta-key {
	color: #004E99; 
	font-weight: bold;
	text-decoration: none;
}
/*end quotes meta*/


#footer { 
	margin: 0; 
	padding: 0;
	color: #999999;
}

#horzrule {
	width:819px;
	border-top: 1px solid #cccccc;
	margin: 10px 0 0;
	padding: 10px 0;
}