/* @override http://newmediacampaigns.com/css/compiled.css */

/*  STEPCAROUSEL  */

.stepcarousel{
top:-50px;
position: relative; /*leave this value alone*/
border: 0px solid red;
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height: 500px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.headline{
position: relative;
width: 920px;
height: 30px;
z-index:999;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 30px; /*margin around each panel*/
width: 920px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img{
position:relative;
top:-30px;
}

#mygallery-paginate {
position: relative;
top:-70px;
left:40px;
width:900px;
border: 0px solid red;
text-align:center;
}
#mygallery-paginate img{
}
.description {
position:relative;
top:-400px;
width:220px;
margin:10px;
padding:10px;
background:#fff;
overflow:hidden;
opacity: 0.90;filter:alpha(opacity=90);zoom:1;
}

.english {color:#9F9F9F;font-style:italic;}


.whiteMarker {background:#fff;line-height:1.8em;padding:0px;margin-left:0;text-indent:0;}
.whiteHead {background:#fff;line-height:1.5em;}
.projectname {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#6699ff; margin-left:10px;}
.projectnameiroc {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#91c45b; margin-left:10px;}
.projectnametiguan {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#784743; margin-left:10px;}
.projectnameup {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#3155a9; margin-left:10px;}
.projectnameeco {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#f8d730; margin-left:10px;}
.projectnamegti {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#4a4a4a; margin-left:10px;}
.projectnameeagolf {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#ff8a00; margin-left:10px;}
.projectnamebmw {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#4573a7; margin-left:10px;}
.projectnamepmc {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#e88027; margin-left:10px;}
.projectnamerocco {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#91c45b; margin-left:10px;}
.projectnamecreature {position:relative;z-index:99;top:50px;font-family: Arial; font-size:24px; color:#bedce7; margin-left:10px;}

.skills {position:relative;z-index:99;top:50px;font-family: Arial; font-size:10px; color:#9F9F9F;}


#menue {
position: relative;
top:0px;
left:40px;
width:900px;
border: 0px solid red;
text-align:center;
}


.demos {
	/*background-color:#fff;
	background-color:rgba(255, 255, 255, 0.8);*/
         position:absolute;
         border-right:0px solid #ddd;
         z-index:99;
	min-height:365px;
	padding:0 25px;
	width:272px;
}

.demos h2 {
	color:#065598;
	font-size:22px;
	padding:0 0;
         background:#fff;
         margin:10px 0;
}

.demos a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}

.demos p {
	margin:0 0 4px;
	background:transparent url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 22px;
}






/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { font: 12px/20px arial, verdana, sans-serif; color: #58534c; background: #FFF;}
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; font-weight: bold; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

h1{ font-size: 30px; line-height: 36px; margin: 0 0 20px 0; color: #005EB3; font-weight: normal; }
h2{ font-size: 18px; padding: 0 0 20px 0; color: #222; font-weight: normal; }
h3{ font-size: 14px; color: #444; }
h4{ font-size: 12px; color: #666; font-style: italic; }

p{ color: #666; margin: 0 0 20px 0; }
p.subheader{ line-height: 24px; font-size: 14px; color: #999; }
p.citation a{ font-size: 12px; }

strong,b{ color: #333; font-weight: bold; }
i,em{ font-style: italic; }

ul, ol, dl{ margin: 0 0 20px 30px; }
ul{ list-style: square; }
ol{ list-style: decimal; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 1.5em; }

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	color: #999;
	font-size: 10px;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

a{ color: #000; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }
a.more{ color: #0099ff; font-weight: bold; font-size: 12px; }

blockquote{
	margin: 0;
	padding: 0 0 0 40px;
	background: transparent url(icon-quotation-mark.png) top left no-repeat;

	font: 16px/22px georgia, "Times New Roman", serif;
	font-style: italic;
}
blockquote p{ color: #005EB3; }
blockquote p:last-child{ margin-top: -18px; font: 12px/20px arial, verdana, sans-serif; }
blockquote p cite{ font-size: 12px; font-style: normal; }

cite{ color: #000; }
code{ color: #000; }
abbr{ border-bottom: 1px dotted #CCC; }
div.syntaxhighlighter{ margin: 0 0 20px 0 !important; }


/* Layout */

.boundingBox{ margin: 0 auto; width: 980px;  }

#header ul:after, #featured-work:after, #feature-list:after, #content:after, #footer:after, .footerColumn ul:after, ul.featureList:after, ul.checkList:after{
	content: ".";
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0;
	clear: both;
	font: 0px/0px sans-serif;
} /* Clear floated items in Gecko, Webkit, and IE7+ browsers */


/* Header */

#headerWrapper{ background: #fff; border-bottom: 0px solid #EFEFEF; border-color: #000;  }
#header{ position: relative; height: 150px; z-index: 99; }

a#logo{ position: relative; margin: 0; padding: 0; left:300px; top: 23px; z-index: 1; }
a#skip{
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 2;

	color: #333;
	line-height: 12px;
	text-align: right;
	text-decoration: none;
}
a#skip:hover{ color: #444; }

#header ul{ position: absolute; bottom: -2px; right: 0; margin: 0; padding: 0; list-style: none; width: 481px; height: 31px; text-align: right; }
#header ul li{ float: left; display: inline; position: relative; margin: 0; padding: 0; }
#header ul li a{ display: block; height: 30px; margin-left: 2px; line-height: 30px; text-align: center; color: #666; background: #222; text-decoration: none; }
#header ul li a:hover, #header ul li:hover a{ background: #333; color: #999; }
#header ul li.current a, #header ul li.current a:hover{ color: #FFF; background: #252525; background: #0180C3; background: #DDD; color: #00223B; }
#header ul li a.home{ width: 73px; }
#header ul li a.portfolio{ width: 90px; }
#header ul li a.services{ width: 84px; }
#header ul li a.about{ width: 74px; }
#header ul li a.blog{ width: 66px; }
#header ul li a.contact{ width: 82px; }

#header ul li ul { display: none; position: absolute; top: 30px; left: 0; height: auto; width: 200px; opacity: .95; }
#header ul li ul li { display: block; position: relative; float: none; }
#header ul li ul li a, #header ul li.current ul li a { background: #333; color: #999; text-align: left; padding: 2px 0 2px 18px; }
#header ul li ul li a:hover, #header ul li.current ul li a:hover { background: #222; color: #aaa; }
#header ul li:hover ul, #header ul li.hover ul { display: block; }



/* Footer */

#footerWrapper{ background: #FFFFFF; }

#footer{ padding: 5px 0 5px 0px; text-align:center;}
#footer, #footer p{ color: #DFDFDF; }
#footer p, #footer ul{ font-size: 10px; }


#footer a{ color: #CCC; }
#footer a:link, a:visited{ text-decoration: none; }
#footer a:hover, a:active{ text-decoration: none; }
#footer a img{ border: none; }
#footer a.more{ color: #666; font-weight: bold; font-size: 12px; }




/* the action buttons above the scrollable */
#actions {
	width:20px;
	height:20px;
	margin-bottom: 12px;
}

#actions a {
	font-size:11px;
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;
}

.nextPage {
	float:right;
	z-index: 1;
}

.prevPage {
	float:right;
	z-index: 2;
	position: absolute;
}



/* root element for scrollable */
.verticalabout {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollers have typically larger height than width */
	height: 435px;
	width: 750px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

/* root element for scrollable items */
.about {
	position:absolute;

	/* this time we have very large space for height */
	height:2000em;
	margin: 0px;
	border:#F00;
}

/* single scrollable item */
.about div {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:10px;
	font-size:12px;
	height:435px;
	width:735px;
}

/* elements inside single item */
.about img {
	float:left;
	margin-right:20px;
	height:215px;
	width:735px;
}

.about h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}


/* the action buttons above the scrollable */
#actions2 {
	width:40px;
	height:20px;
	margin-bottom: 12px;
}

#actions2 a {
	font-size:11px;
	cursor:pointer;
	color:#666;
}

#actions2 a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;
}



.kontakt{
	float:right;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:175px;
	height:415px;
	padding-top:20px;
	padding-left:20px;

}

.kontakt h3 {
	font-size:16px;
	color:#456;
	font-weight:normal;
}







/* root element for scrollable */
.verticalnews {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollers have typically larger height than width */
	height: 435px;
	width: 1000px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}


/* root element for scrollable items */
.news {
	position:absolute;

	/* this time we have very large space for height */
	height:2000em;
	margin: 0px;
	/*border:1px solid #F00;*/
}

/* single scrollable item */
.news div {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:10px;
	font-size:12px;
	height:435px;
	width:995px;
}

/* elements inside single item */
.news img {
	float:left;
	margin-top:10px;
	margin-right:20px;
	height:365px;
	width:995px;
}

.news h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}