body{
	font: 13px/1.4 German, "Lucida Console", Monaco, monospace;
	font: 13px/1.4 Verdana, Geneva, sans-serif;
	text-align: center;
}


a:link{
	color: #099;
	text-decoration: none;
}
a:visited{
	color: #099;
	text-decoration: none;
}
a:hover{
	color: #693;
	border-bottom: 1px dotted #693;
}
a:active{
	color: #49BAE2;
}

/**/
h1{
	font-size: 197%;
}

h2{
	font-size: 182%;
}

h3{
	font-size: 167%;
}

h4{
	font-size: 123.1%;
}

h5,
h6{
	font-size: 108%;
}

h1,h2,h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.3;
	padding: 0px;
	margin: 0px 0px 0.7em;
	color: #2C83B4;
}
h1{
	color: #666;
}

p{
	margin-bottom: 1em;
}

#container{
	position: relative;
	text-align: left;
	margin: 0px auto;
}

#header{
	position: relative;
	height: 160px;
}

#logo{
	background: url(i/logo_bg.png) no-repeat left top;
	padding: 20px 0px 0px 300px;
	height: 110px;
	font-size: 197%;
	text-align: right;
	position: relative;
	text-transform: uppercase;
	margin: 0px;
	float: left;
}
#logo a{
	text-indent: -9999em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 210px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	outline: none;
	border: none;
}


/*
 *	***********************************************************
 *	services
 *	***********************************************************
*/
#services .serviceGroup,
#services .serviceList{
	margin-bottom: 2em;
}

#services .serviceGroup p{
	font-size: 108%;
	line-height: 1.4;
	color: #666;
	background: #f4f4f4;
	padding: 1em;
}

#services h3,
#portfolio h3{
	border-bottom: 1px dotted #CCC;
	background: url(i/services.png) no-repeat left top;
	padding: 0px 0px 0.2em 70px;
	height: 48px;
	vertical-align: bottom;
	line-height: 48px;
	clear: both;
}

/*
 *	***********************************************************
 *	contacts
 *	***********************************************************
*/
#contacts{
	text-align: right;
	font-size: 85%;
	color: #666;
	padding: 1em 0px 0px;
	width: 24em;
	float: right;
}
#contacts dl{
	width: 24.01em;
	margin: 2em 0;
	padding: 0;
}

#contacts dt{
	width: 8em;
	float: left;
	margin: 0;
	padding: 0em 2.5em 0.5em 0em;
	font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

/*
 *	***********************************************************
*/

#contacts dd{
	margin-left: 11em;
	padding: 0em 0em 0.2em 0.5em;
}

#contacts dd.first { border-top: 1px solid #ccc; }

#contacts dd.last { padding-bottom: 0.5em; }

#contacts dt.phone{
	background: url(i/contacts_bg.png) no-repeat right -32px;
}

#contacts dt.skype{
	background: url(i/contacts_bg.png) no-repeat right -96px;
}

/*
 *	***********************************************************
*/






#footer{
	font-size: 85%;
	color: #999;
	text-align: center;
	margin: 2em 0em 0em;
	border-top: 1px solid #eee;
	clear: both;
}
#footer p{
	margin: 2em 0em 0em;
}


.inner{
	padding: 1em 0;
}


#applications{
	background: url(i/col_separator.png) no-repeat center top;
}

#applications .colums{
	height: 250px;
	background: #036;
}

#app1 .inner{
	background: url(i/app01_bg.jpg) no-repeat scroll center top;
}

#app2 .inner{
	background: url(i/app02_bg.jpg) no-repeat scroll center top;
}

#app1 .inner,
#app2 .inner{
	padding: 210px 0 1em;
}

.column h3{
	color: #333;
	font-size: 138.5%;
	margin: 0px 0px 0.4em;
	text-transform: uppercase;
}
.column h3 a{
	color: #666;
	text-decoration: none;
}
.column h3 a:hover{
	color: #000;
}

.column p{
	color: #333;
	margin: 0px 0px 0.5em;
	padding: 0px;
}

.column p.actions{
	text-align: center;
}

.column p.actions a{
	display: block;
	color: #ccc;
	text-align: center;
	vertical-align: middle;
	height: 62px;
	width: 284px;
	background: url(i/btn_bg.png) no-repeat center top;
	outline: none;
	font-size: 138.5%;
	line-height: 54px;
	text-decoration: none;
}

.column p.actions a:hover{
	color: #fff;
}


/*
 *	***********************************************************
 *	LANG LIST
 *	***********************************************************
*/

#langMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	clear: both;
	font-size: 85%;
	height: 24px;
	line-height: 0px;
}

#langMenu ul ,
#langMenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#langMenu ul{
	text-align: right;
	float: right;
}

#langMenu a {
	color: #fff;
	background: #000;
	text-decoration: none;
	padding: 0 0.5em;
	margin: 0;
	text-transform: uppercase;
	font: 0.95em/24px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	height: 24px;
	border: none;
}

#langMenu a.active {
	color: #FFF;
	background: #e4e4e4;
	display: none;
}

#langMenu a:hover {
	color: #CCC;
	background: #333;
}


/*
 *	***********************************************************
 *	INNER LOCAL MENU
 *	***********************************************************
*/
#topMenu{
	margin-bottom: 40px;
	font: normal 93% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-bottom: 17px;
	background: url(i/menu_bg.png) no-repeat left bottom;
	position: relative;
	display: block;
	height: 24px;
	line-height: 0px;
	clear: both;
}

#topMenu ul, #topMenu li{
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#topMenu a{
	color: #999;
	padding: 0px 10px;
	text-decoration: none;
	display: block;
	float: left;
	border: none;
	line-height: 24px;
}
#topMenu a.active{
	color: #ccc;
	background: #333;
}
#topMenu a:hover{
	color: #333;
}
#topMenu a.active:hover{
	color: #eee;
}


/*
 *	***********************************************************
 *	INTRO
 *	***********************************************************
*/
#intro{
	color: #999;
	background: #000 url(i/intro_bg.jpg) no-repeat center bottom;
	clear: both;
	position: relative;
	margin-bottom: 3em;
	height: 300px;
	padding-bottom: 5px;
}

#intro .section li{
	font-size: 85%;
	background: url(i/bullet_star.png) no-repeat left top;
	padding: 2px 0px 0px 20px;
}

#intro .inner{
	padding: 1em;
}

#intro .inner li,
#intro .inner p,
#intro .inner h2,
#intro .inner h3,
#intro .inner h4{
	line-height: 1.1;
}

#intro h2{
	font-size: 174%;
	text-transform: uppercase;
	color: #FFC;
	margin: 0 0 0.5em;
}

#intro h3{
	color: #bababa;
	font-size: 116%;
	font-weight: normal;
	margin: 0;
	margin: 0 0 1.5em;
}
#intro h4{
	color: #888;
	font-size: 93%;
	font-weight: normal;
	margin: 0 0 0.3em;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #666;
}
#intro .section .inner{
	padding-top: 0;
}


/*
 *	***********************************************************
 *	BOXES
 *	***********************************************************
*/
/*
#boxes{
	color: #999;
	clear: both;
	padding: 10px 0 30px;
	position: relative;
}

.box{
	margin-bottom: 2em;
}

.box .inner{
	padding: 80px 1em 160px 1em;
	margin-top: -40px;
}

.box .inner h3{
	font-size: 138.5%;
	margin: 0px 0px 0.5em;
	padding: 0px 0px 0.2em;
	color: #666;
	border-bottom: 1px dotted #e4e4e4;
}
#box_1 .inner{
	background: url(i/box1_bg.png) no-repeat center top;
}

#box_2 .inner{
	background: url(i/box2_bg.jpg) no-repeat center top;
}

#box_3 .inner{
	background: url(i/box3_bg.jpg) no-repeat center top;
}

#box_4 .inner{
	background: url(i/box4_bg.jpg) no-repeat center top;
}
*/

/*
 *	***********************************************************
 *	OVERVIEW LIST
 *	***********************************************************
*/

ul.overview{
	background: none;
	list-style: none;
	margin-top: 0em;
}

ul.overview li{
	list-style: none;
	background: url(i/check.gif) no-repeat left 2px;
	padding: 0px 5px 1em 28px;
}

ul.overview li h4{
	color:#161616;
	font-weight:normal;
	padding-bottom:1px;
	margin: 0 0 0.2em 0;
	padding: 0;
	line-height: 1;
}

ul.overview li p{
	color:#999999;
	font-size:0.95em;
	padding: 0;
	margin: 0;
}


/*
 *	***********************************************************
 *	PORTFOLIO
 *	***********************************************************
*/
#portfolio .work{
	border-top: 1px dotted #ccc;
	margin-bottom: 2em;
	padding: 1em 0px;
}

#portfolio .imageHolder{
	text-align: center;
	line-height: 0;
}

#portfolio .imageHolder span{
	background: url(i/img_shadow.png) no-repeat left bottom;
	height: 202px;
	width: 322px;
	padding: 0 0 7px 10px;
	*padding: 0 0 10px 10px;
	margin: 0 auto;
}

#portfolio .imageHolder img{
	border: 1px solid #CCC;
}


#portfolio h3{
	border: none;
	line-height: 1.2;
	height: 48px;
	background: url(i/folder-blue-image.png) no-repeat left top;
	padding: 0 0 0 70px;
	clear: none;
}

#portfolio dl{
	margin: 0;
	padding: 0;
}

#portfolio dt{
	margin: 0;
	padding: 0em;
	font-weight: normal;
	color: #666;
	font-size: 123.1%;
}

#portfolio dd{
	margin: 0 0 0.3em;
	padding: 0;
	color: #333;
}


/*
 *	***********************************************************
 *	Contact Details
 *	***********************************************************
*/
#contactDetails h3{
	font-size: 138.5%;
	margin-bottom: 0.2em;
	border-bottom: 1px dotted #CCC;
}
#contactDetails ul{
	margin-bottom: 1.2em;
}

/*
 *	***********************************************************
 *	MISC
 *	***********************************************************
*/

.actionCall{
	font-size: 123.1%;
	color: #333;
}


/*
 *	***********************************************************
 *	NEW CLEARFIX
 *	***********************************************************
*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */