@charset "UTF-8";
/* CSS Document */


* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 35%;}

#main {padding-bottom: 290px;}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #191919;
}


a:link {
	color: #191919;
	text-decoration: none;
	outline:none;
}
a:visited {
	text-decoration: none;
	color: #191919;
	outline:none;
}
a:hover {
	text-decoration: underline;
	color: #191919;
	outline:none;
}
a:active {
	text-decoration: underline;
	color: #191919;
	outline:none;
}

.linker a:link {
	color: #ccc;
	text-decoration: none;
	outline:none;
}
.linker a:visited {
	text-decoration: none;
	color: #ccc;
	outline:none;
}
.linker a:hover {
	text-decoration: underline;
	color: #FFF;
	outline:none;
}
.linker a:active {
	text-decoration: none;
	color: #ccc;
	outline:none;
}

.linker {
	letter-spacing:0px;
}

.anchor_links {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	color:#ccc;
	text-align:center;
	letter-spacing:-1px;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

/* FADING IMAGE ROLLOVERS */

.fade {
  position: absolute;
  top: 100px
  left: 100px
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}


/* ROBOT */

/*.robot {
	float: right;
	height:300px;
	width:100%;
	z-index: -2;
	position: fixed;
	bottom: 0%;
	background-image:url(../images/robot.png);
	background-repeat:no-repeat;
	background-position:center;
}
*/

/* FOOTER */

#footer {position: relative;
	margin-top: -290px;
	clear:both; 
	height:290px;
	width:100%;
	background-color:#212121;
	z-index:100;
}

.real-bg {
	position: relative;
	margin-top: -290px;
	clear:both; 
	height:290px;
	width:100%;
	background-color:#212121;
	z-index:-3;
	}
	
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

.footer_content {
	font-size: 1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 778px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.linkers {
	color:#999;
	font-size:0.5em;
	font-family:Verdana, Geneva, sans-serif;
}

.grey {
	color:#CCC;
}


.foot a:link {
	color: #FFF;
	text-decoration: underline;
	outline:none;
}

.foot a:visited {
	text-decoration: underline;
	color: #FFF;
	outline:none;
}

.foot a:hover {
	text-decoration: underline;
	color: #CCC;
	outline:none;
}

.foot a:active {
	text-decoration: underline;
	color: #FFF;
	outline:none;
}

.linespace {
	padding-top:10px;
	margin-bottom:-10px;
	padding-right:8px;
	width:520px;
	margin-left:auto;
	margin-right:auto;
}

.copyright {
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.5em;
}

.email a:link {
	color: #FFF;
	text-decoration: none;
	outline:none;
}
.email a:visited {
	text-decoration: none;
	color: #FFF;
	outline:none;
}
.email a:hover {
	text-decoration: underline;
	color: #FFF;
	outline:none;
}
.email a:active {
	text-decoration: none;
	color: #FFF;
	outline:none;
}

.share {
	padding-top:30px;
}

/* NAVIGATION */

.navigation {
	position:fixed;
	height:82px;
	width:100%;
	background-color:#2a2a2a;
	padding-left:20px;
	z-index:999;
}

.nav_home {
	background-image:url(../images/nav_home.jpg);
	height:82px;
	width:846px;
	margin-left:auto;
	margin-right:auto;	
}

.nav_about {
	background-image:url(../images/nav_about.jpg);
	height:82px;
	width:846px;
	margin-left:auto;
	margin-right:auto;
}

.nav_clients {
	background-image:url(../images/nav_clients.jpg);
	height:82px;
	width:846px;
	margin-left:auto;
	margin-right:auto;
}

.nav_communication {
	background-image:url(../images/nav_communication.jpg);
	height:82px;
	width:846px;
	margin-left:auto;
	margin-right:auto;
}

.nav_interactive {
	background-image:url(../images/nav_interactive.jpg);
	height:82px;
	width:846px;
	margin-left:auto;
	margin-right:auto;
}

.nav_connect {
	background-image:url(../images/nav_connect.jpg);
	height:82px;
	width:846px;
	margin-left:auto;
	margin-right:auto;
}

.top_space {
	padding-top:139px;
}

.gradient_top{
	position:fixed;
	background-image:url(../images/gradient_top.png);
	width:100%;
	height:70px;
	margin-left:-20px;
	
}

.banner {
	width:646px;
	margin-left:auto;
	margin-right:auto;
}

.description {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.25em;
	letter-spacing:-1px;
	line-height:32px;
	text-align:left;
	width: 778px;
	margin-left:auto;
	margin-right:auto;
}

.pic_force {
	margin-bottom: 10px;
}

.spaced_out {
	line-height:8px;
}

.award_title {
	color:#3CF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	letter-spacing:-1px;
	line-height:32px;
	text-align:left;
	width: 778px;
	margin-left:auto;
	margin-right:auto;
}

.slide_desc {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.3em;
	letter-spacing:-1px;
	line-height:29px;
	text-align:left;
	width: 778px;
	margin-left:auto;
	margin-right:auto;
}

.italigrey {
	font-style:italic;
	color:#999;
}

.italigrey_small {
	font-style:italic;
	color:#999;
	font-size:0.5em;
}

.push {
	height:8px;
}

.seperator {
	width:778px;
	margin-left:auto;
	margin-right:auto;
}

.seperator_small {
	margin-top:20px;
	margin-bottom:15px;
	width:778px;
	margin-left:auto;
	margin-right:auto;
}


.widespacer {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.flash_spacer {
	width:778px;
	height:6px;
	margin-left:auto;
	margin-right:auto;
}

/* HOME */

.logo_space {
	padding-top: 43px;
}


.logo {
	width:314px;
	margin-left:auto;
	margin-right:auto;
}


.news {
	width:851px;
	margin-left:auto;
	margin-right:auto;
}

.award_img {
	position:inherit;
	vertical-align:text-top;	
}

.viewit {
	position:inherit;
	vertical-align:middle;	
}

/* CONNECT */

.connect {
	width:851px;
	margin-left:auto;
	margin-right:auto;
}

.connect1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.3em;
	color:#FFF;
	text-align:center;
}

.connect2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	color:#FFF;
	text-align:center;
}

.telephone {
	font-size:0.7em;
}


.connect_link a:link {
	color: #06bcff;
	text-decoration: none;
	outline:none;
}
.connect_link a:visited {
	text-decoration: none;
	color: #06bcff;
	outline:none;
}
.connect_link a:hover {
	text-decoration: underline;
	color: #4ccfff;
	outline:none;
}
.connect_link a:active {
	text-decoration: underline;
	color: #06bcff;
	outline:none;
}

.connect_left {
	background-image:url(../images/slides/gallery/connect_left.png);
	height:200px;
	width:232px;
}

.connect_middle {
	background-image:url(../images/slides/gallery/connect_middle.png);
	height:200px;
	width:232px;
}

.connect_right {
	background-image:url(../images/slides/gallery/connect_right.png);
	height:200px;
	width:232px;
}

.connect_words {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.7em;
	text-align:center;
	color:#CCC;
	padding-top:112px;
}

.connect_small {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	text-align:center;
	color:#FFF;
	padding-top:4px;
}

.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.5em;
	text-align:center;
	color:#CCC;
}

/* SLIDES */

.s01 {
	background-image:url(../images/slides/ABOUT.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.s02 {
	background-image:url(../images/slides/APPS.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.s02b {
	background-image:url(../images/shsc_award.png);
	width:851px;
	height:457px;
	margin-left:auto;
	margin-right:auto;
}

.s03 {
	background-image:url(../images/robert_herjavec_web.png);
	width:851px;
	height:497px;
	margin-left:auto;
	margin-right:auto;
}

.s03b {
	background-image:url(../images/electro_award.png);
	width:851px;
	height:497px;
	margin-left:auto;
	margin-right:auto;
}


/* CLIENTS */

.c01 {
	background-image:url(../images/slides/CLIENTS.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

/* BRANDING & IDENTITY */

.b01 {
	background-image:url(../images/slides/BRANDING_Herjavec_Group.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.b02 {
	background-image:url(../images/slides/BRANDING_Motion_Networks.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.b03 {
	background-image:url(../images/slides/BRANDING_TCHC.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.b04 {
	background-image:url(../images/slides/BRANDING_Treeline.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.b05 {
	background-image:url(../images/slides/BRANDING_Tutor.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

/* PRINT */

.p01 {
	background-image:url(../images/slides/PRINT-Tutor_Cafe.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.p02 {
	background-image:url(../images/slides/PRINT-CHRA.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.p03 {
	background-image:url(../images/slides/PRINT-TCHC_RP.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.p04 {
	background-image:url(../images/slides/PRINT-SHSC.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.p05 {
	background-image:url(../images/slides/PRINT-TCHC.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}

.p06 {
	background-image:url(../images/slides/PRINT-Parkers.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}


/* MICROSITES */

.m01 {
	width:778px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	z-index:-100;
}

.m01a {
	width:777px;
	height:432px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
}

.m02 {
	width:777px;
	height:432px;
	margin-left:auto;
	margin-right:auto;
}

.m03 {
	background-image:url(../images/slides/MICRO_Frigidaire_Electrolux.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.m04 {
	width:777px;
	height:432px;
	margin-left:auto;
	margin-right:auto;

}

.m05 {
	width:777px;
	height:432px;
	margin-left:auto;
	margin-right:auto;

}

.m06 {
	background-image:url(../images/slides/MICRO-Covad.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.m07 {
	background-image:url(../images/slides/MICRO_Rogers.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.m08 {
	background-image:url(../images/slides/MICRO_Herjavec_Group_Demo.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;
}


.col_left {
	position:absolute;
	margin-left:0px;
}
	
.col_middle {
	position:absolute;
	margin-left:274px;
}

.col_right {
	position:absolute;
	margin-left:548px;
}


/* WEBSITES */

.w01 {
	background-image:url(../images/slides/WEB-Rogers.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.w02 {
	width:777px;
	height:432px;
	margin-left:auto;
	margin-right:auto;

}

.w03 {
	background-image:url(../images/slides/WEB-Treeline_Events.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.w04 {
	background-image:url(../images/slides/WEB-Motion_Networks.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.w05 {
	width:777px;
	height:432px;
	margin-left:auto;
	margin-right:auto;

}

/* EMAILS */

.e01 {
	background-image:url(../images/slides/EMAIL_Herjavec_Group.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.e02 {
	background-image:url(../images/slides/EMAIL_Frigidaire_Electrolux.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}

.e03 {
	background-image:url(../images/slides/EMAIL_Covad.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}


.e04 {
	background-image:url(../images/slides/EMAIL_Hugo_Boss.jpg);
	width:777px;
	height:389px;
	margin-left:auto;
	margin-right:auto;

}