@import url("fonts/load.php?KlavikaLightPlain");
* {
	margin:0;
	padding:0;}

body {background-color:#1e1e1e; font-family:arial,sans-serif; font-size:12px;}

/******HEADERS*********/

h1#header_logo {
	left:0;
	position:absolute; 
	top:42px;
	width:198px; 
	height:64px; 
	
	background-image:url('../images/logo.gif'); 
	background-repeat:no-repeat;
	}
		
h1 span {display:none;}

h1 { font-weight:normal; padding:0 0 20px 0; font-size:28px; line-height:30px !important; }
h2 { font-weight:normal; padding:0 0 20px 0; font-size:24px; line-height:26px !important; }
h3 {font-weight:normal; padding:10 0 10px 0; font-size:20px; }
h4 {font-weight:normal; padding:10 0 10px 0; font-size:17px; }
h5 {font-weight:normal; padding:8px 0 7px 0; font-size:14px; }
h6 {font-weight:bold; padding:8px 0 5px 0; font-size:12px; }

/******LINK SPECS*********/

a {text-decoration:none; color:#0072bc;outline:none;}
a:hover{text-decoration:underline; color:#7d7d7d;}
a:active {color:#4f4f4f;}
a img {border:0;}

.rightcol-replace {
	font-family: KlavikaLightPlain, arial;
	font-weight:normal; 
	color:#e62d33;
	padding:10px 0 10px 0; 
	font-size:30px; 
	line-height:26px !important;
	text-transform:uppercase;
	}

.custom-headline-20 {
	font-family: KlavikaLightPlain, arial;
	font-weight:normal; 
	padding:10 0 10px 0; 
	font-size:20px;
	}
	
/****************************************
	general page structure aspects
*****************************************/
#container {
	width:/*generic below800*/900px;
	margin:auto;/*centered*/
	}
	
	
#header {height:108px; position:relative;}

/******SEARCH*********/

.search {
	height:20px; 
	float:right;
	margin:40px 0 0 0;
	padding:6px 4px 4px 2px;
	
	background-color:#fff;
	border:1px solid #e4e4e4;
	border-top:2px solid #8e8e8e;
	
	}
	
input.searchbox{ border:0; padding:2px; width:175px;}
input.searchbutton { 
	height:16px; 
	width:17px;
	
	background-image:url('../images/bg_searchbutton.gif'); 
	border:0; 
	cursor: pointer;
	}
	
.int-search {
	height:20px; 
	float:left;
	margin:0 0 0 0;
	padding:6px 4px 4px 2px;
	
	background-color:#fff;
	border:1px solid #e4e4e4;
	border-top:2px solid #8e8e8e;
	
	}
.int-search input.searchbox{ border:0; padding:2px; width:250px;}
/*******************************
            MAIN NAV 
********************************/

#navbar {width: 900px; height:40px; overflow: hidden;}

ul#main_nav {
	float:right; 
	height:40px; 
	
	background-image:url('../images/bg_mainnav.png'); 
	background-color:#474747;
	list-style-type:none;
	}
	
ul#main_nav li {
	display:block; 
	float: left;
	position:relative;
	
	font-size:14px; 
	line-height:13px;
	text-transform:uppercase; 
	}

	
ul#main_nav li a {
	display:block; 
	float: left;
	padding:14px 30px 13px 10px;
	position:relative;
	
	color:#000; 
	}
	
	
ul#main_nav li.active a, ul#main_nav li a:hover {
	background-color:#a2a2a2; 
	background-image:url('../images/bg_mainnavActive.png'); 
	color:#fff;
	text-decoration:none;
	}

ul#main_nav li .corner {
	bottom:0; 
	height:40px;
	left:-21px; 
	position:absolute;
	width:23px;
	
	background-image:url('../images/corner_mainli.png'); 
	}
	
ul#main_nav li.active a .corner, ul#main_nav li a:hover .corner{background-image:url('../images/corner_mainliHover.png'); }


/*******************************
          HOME 
********************************/

#home_top {}


/*************HERO*************/

.hero {
	height:274px;
	position:relative;
	
	
	background-repeat:no-repeat;
	background-position:top left;
	}

a.heronav_rew, a.heronav_ff {width:41px; height:41px; position:absolute; top:117px; background-repeat:no-repeat;}
a.heronav_rew {left:0; background-image:url('../images/arrow_rew.gif'); }
a.heronav_ff {right:0; background-image:url('../images/arrow_ff.gif'); }
	
/******************/
	
#home_bottom {
	background-color:#bbbbbb; 
	background-image:url('../images/bg_homebottom.gif');
	color:#060606;
	height: 1%;
	}


#home_bottom .maincol {
	float:left; 
	padding:25px 30px 60px 30px; 
	width:515px; 
	
	line-height:18px; }
	
#home_bottom .maincol ul {padding:10px 20px 10px 15px;}
#home_bottom .maincol ul li{padding:0 0 5px 0;}
#home_bottom .maincol h2 {font-size:24px;/*18px;*/}

a.button {display:block; padding: 10px 0;}


#home_bottom .rightcol{float:right; width:324px; padding:20px 0; }

div.right-content {padding: 0 10px 0 20px;}
/*.rightcol h2 {padding:10px 0 10px 0; color:#e62d33; text-transform:uppercase; }*/


/***********HOME NAV************/

ul.home_nav {list-style-type:none; border-bottom:1px solid #000; padding:0 20px 10px 0; }
ul.home_nav li {display:block; font-size:18px; text-transform:capitalize;}
ul.home_nav li a {display:block; color:#060606; padding:8px 0 7px 0;}

/***********HOME NEWS***********/

ul.home_news{list-style-type:none;}
ul.home_news li {display:block; padding:0 20px 10px 0;}
ul.home_news li h3 {font-weight:bold; font-size:14px;}
ul.home_news li h3 a{color: #000;}
ul.home_news li a.readmore {color:#0072bc; font-weight:bold; display:block;}


/*******************************
         INTERIOR PAGES 
********************************/

#main {background-color:#d7d7d7;}

.version_a {background-image:url('../images/bg_versiona.gif');}
.version_b {background-image:url('../images/bg_versionb.gif');}
.version_c {background-image:url('../images/bg_versionc.gif');}

.content_big {padding:20px; width:645px; float:right; line-height:17px;}
.content_big div.content-block {margin-bottom:20px;}

.content_small {padding:20px; width:450px; float:left;line-height:17px;}

.column_left {
	float:left;
	padding:20px 0 0 0; 
	width:200px;  
	}
.projects{
	width:215px;  
	}
.column_right {width:164px; float:right; padding:20px 0 20px 30px; background-color:#bbbbbb;}

.illu {position: relative; height: 250px;}

.project-thumbs{margin-top:10px; }

.project-thumbs .thumb {margin: 0 11px 10px 0; float: left; cursor: pointer;}
.project-thumbs .thumb-last {margin:0 0 10px 0; float: left; cursor: pointer;}

.content_small ul, .content_big ul {padding:20px;}
.content_small ul li, .content_big ul li {padding:0 0 7px 0; font-weight:bold;}

.content_small ul li ul, .content_big ul li ul {padding: 0 0 0 20px;}
.content_small ul li ul li, .content_big ul li ul li {padding: 0px;}

img.featured {padding:0 0 20px 0;}

img.featured_left {margin: 0 10px 10px 0;float:left;}
img.featured_right {margin: 0 0 10px 10px;float:right;}

.content_big p, .content_small p {padding:0 0 1.2em 0;}

.content_big table, .content_small table, .content_big ol, .content_small ol {padding:1em 0 1em 20px;}

table td{vertical-align:text-top;}

blockquote {
	padding:20px 40px 30px 35px;
	margin:20px 0;
	
	background-color:#e4e4e4;
	background-image:url('../images/bg_blockquote.gif;'); 
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#7d7d7d; 
	font-size:18px;
	line-height: 1em;
	}

blockquote .quoted {font-size:16px; text-align:right; padding:5px 0 0 0;}

.flapbox, .flapbox_dark {
	padding:15px 23px 28px 30px; 
	width:140px; 
	
	background-color:#e4e4e4;
	background-image:url('../images/bg_flapbox.gif;'); 
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size:11px;
	line-height:18px;
	}
	
	
.flapbox_dark {background-image:url('../images/bg_flapboxDark.gif;');} 
	
/******INTERIOR HEADERS********/	
	
.column_left h2, .flapbox h3, .flapbox_dark h3 {
	margin:0 0 10px -30px;
	padding:0 0 5px 30px;
	
	color:#171717; 
	font-weight:normal; 
	
	
	}
	
.column_left h2 { margin:0 10px 3px 20px; padding:0 0 3px 0; font-size:18px; border-bottom: 1px solid #7d7d7d;}

.flapbox h3 {border-bottom:1px solid #7d7d7d; padding-bottom:8px;}

.column_right h3 {
	padding:0 0 6px 0;
	
	color:#171717; 
	font-weight:normal; 
	font-size:18px;
	text-transform:capitalize;
 	}
 
/*******************************/
/*				NEWS			*/
/*******************************/
 
.news_item {border-bottom:1px solid #7d7d7d; padding:10px 0 20px 0;}

.news-image {float: left; margin: 5px 10px 5px 0;}

/*******************************
        SIDE NAVIGATIION 
********************************/
 
ul#sidenav {list-style-type:none; padding:0 10px 40px 20px;}
ul#sidenav li {display:block; font-size:11px; font-weight:bold; border-bottom:1px solid #7d7d7d;}
ul#sidenav li a { display:block; padding: 6px 0px; }

ul#sidenav li ul.subnav {list-style-type:none;}
ul#sidenav li ul.subnav li {border-bottom:0; border-top:1px solid #7d7d7d;}
ul#sidenav li ul.subnav li a {padding:6px 0 6px 20px; color:#4f4f4f;}
	
	
/**********CASE LIST**********/	
	
ul.caselist {list-style-type:none;}
ul.caselist li {
	padding:10px 10px 15px 0;
	
	border-top:1px solid #7d7d7d; 
	font-size:11px; 
	font-weight:bold;
	}


/*******************************
            FOOTER 
********************************/

#footer {background:#1e1e1e; color:#fff; padding:20px 0; text-align:center;}
#footer a {color:#fff;}

.footer_nav {font-size:13px;padding:0 0 3px 0;}
	
	
	
	
.cleaner {
	clear:both;
	background:transparent;
	font-size:1px;
	border:0;}