/* CSS Document */

/*	General
---------------------------------------------*/

*		{margin: 0; padding: 0; border: 0; }
body	{color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; text-align:left; background:url(/images/bg.png) repeat-x center top; margin:0 auto;width:982px; }

h1, h2, h3, h4, h5	{font-family: Arial, Verdana, Helvetica, sans-serif; text-align:left; }
h1 		{font-size: 110%; padding: 10px 5px 5px 18px; color:#F18F33;}
h2 		{font-size: 100%;}
h3 a 	{font-size: 95%; padding: 5px 5px 5px 15px; color:#0A477E;}
h4 		{font-size: 95%; padding: 10px 5px 5px 18px; color:#333;}
h5 		{font-size: 70%; color:#333; text-decoration:none; padding: 0px 0px 0px 10px;}

h6 		{font-size: 70%; color:#000; text-decoration:none; font-weight:normal;}

p  		{font-size: 75%; line-height: 1.5em; padding: 5px 5px 5px 20px; margin-right:5px; color: #666; text-align:left;}
p a 		{line-height: 1.5em; color: #FF9900; text-align:left;}

.clear {clear:both;}

.rhs_nav_text_1 {font-size: 70%; color:#0A477E; line-height: 1.5em; padding: 5px 5px 2px 15px; font-weight:bold; text-decoration:none; text-align:left;}
.rhs_nav_text_2 {font-size: 70%; color:#F18F33; line-height: 1.5em; padding: 5px 5px 2px 15px; font-weight:bold; text-decoration:none; text-align:left;}

#top	{font-size: 70%; color:#333; text-decoration:none; font-weight:normal; margin-left: 650px;
}

#top a {text-decoration: none;
color: #666;
}

#content
{
    BORDER-BOTTOM: 0px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 0px solid;
	border-color:#ccc;
	width:982px;
	background-color:#FFFFFF;
}


.basecurve {
	background-image:url(/images/base_curve_bg.jpg);
	width:984px;
	height:87px;
	font-size:75%;
	color: #333;
	text-align:left;
	padding-bottom:3px;
}

.baseshadow {
	background-image:url(/images/base_shadow.jpg);
	width:984px;
	height:101px;
}

.headerbox {
	background-image:url(/images/header_bg.gif);
	width:984px;
	height:99px;
	text-align: right;
	font-size: 70%;
	}
	
.tv_nav, A.tv_nav {
	width:940px;
	height:41px;
	margin:0 auto;
	}	
	
.tv_nav2, A.tv_nav2 {
	width:940px;
	height:37px;
	margin:0 auto;
	}		

.tv_showreel, A.tv_showreel {
	width:940px;
	text-align:left;
	color: #333;
	margin:0 auto;
	}
	
.tv_showreel_left {
	width:612px;
	text-align:left;
	background-color: #F7F7F7;
	color: #333;
	margin:0 auto;
	float:left;
	padding: 2px;
	}
	
div.scroll {
height: 350px;
width: 315px;
overflow: auto;
padding-left: 8px;
}	
	
.tv_showreel_right {
	width:316px;
	text-align:left;
	color: #333;
	margin:0 auto;
	float:right;
	}	
	
.tv_showreel_right_div_scroll {
	width:295px;
	text-align:left;
	color: #333;
	margin:0 auto;
	float:right;
	}		
	
.breadcrumbbox, A.breadcrumbbox {
	background-image:url(/images/blue_nav_bg.jpg);
	width:940px;
	height:76px;
	font-family: Arial, Verdana, Helvetica, sans-serif; text-align:left;
	}	
	
.TextBox
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
	border-color:#999999;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 13px;
	FONT-STYLE: normal;
	COLOR: #666666;
	FONT-WEIGHT: normal
}	
	
.breadcrumbtext {font-size: 150%; text-decoration:none; padding-left:22px; color:#55A0FF;}	

.footerbox, A.footerbox {
	width:868px;
	height:31px;
	border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #EDEDED; 
	font-family: Arial, Verdana, Helvetica, sans-serif; text-align:left;
	font-size: 70%; line-height: 2.2em; text-decoration:none; color: #666;
	}	
	
.imprint, A.imprint {font-size: 70%; color:#333; text-decoration:none; font-weight:normal; margin-left: 800px;}	

/* ===== FORM ====*/
form#contact				{}
form#contact fieldset		{border: 0;}
form#contact label, form#contact input, form#contact textarea	{margin: 10px;}
form#contact label			{width: 200px; font-size: 12px; padding: 3px 0x; float: left; display: inline; }
form#contact label span 	{color: #F18F33;}
form#contact input			{width: 380px; border: 1px solid #BBB; padding: 3px; font-size: 12px;}
form#contact textarea		{width: 380px; height: 100px; border: 1px solid #BBB; padding: 3px; font-size: 12px;}
form#contact input.sA		{margin-left: 289px; width: 100px; border: 1px solid #ccc; background: #F18F33; color: #000000; font-size: 11px; padding: 1px;}

.subnav {font-size: 70%; line-height: 2.3em; text-decoration:none; color: #666;}
.hotproducts {font-size: 70%; line-height: 1.5em; text-decoration:none; color: #666; padding: 0px 0px 0px 5px;}

.arquo {font-size:: 70%; color:#FF9900;}

#light{height:1%;width:1%}
#light *{width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/light.png',sizingMethod='scale')}

/*	Carousel
---------------------------------------------*/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.clearfix {display: inline-block;}

.clear {clear:both;}

#projects {
	width:910px;
	background:url(/images/headline.gif) no-repeat;
	padding:20px 10px 0;
	position:relative;
	}

#projects .nav a {
	position:absolute;
	display:block;
	height:31px;
	width:31px;
	top:-26px;
	border:0;
	}

#projects .nav a.next {
	background:url(../images/arrow_right.gif) no-repeat;
	right:29px;
	border:0;
	}

#projects .nav a.prev {
	background:url(../images/arrow_left.gif) no-repeat;
	right:80px;
	border:0;
	}

#projects .nav a:hover {
	background-position:0 -40px;
	border:0;
	}

#projects .nav a span {
	display:none;
	}

.projectList{
	margin-left:-10px;
	}

.projectList ul {
	margin-left:10px !important;
	}

.projectList ul li {
	margin:0 20px 0 0;
	list-style:none;
	width:290px;
	position:relative;
	}

.projectList ul li a {
	border:0;
	}

.projectList ul li a img {
	padding:1px;
	border:1px solid #eee;
	}

.projectList ul li h3 {
	color:#000;
	font-size:1em;
	display:inline;
	}

.projectList ul li p {
		display:inline;
		}

.projectList ul li a.visit {
	border-bottom:1px solid #CC0000;
	}

.projectList ul li a.visit:hover {
	color:#000;
	}