/********** General **********/
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
	background: url(../../images/imgTemplates/siteback.jpg) repeat-x fixed left top;
}

html, body {
margin:0;
padding:0;
height:100%;
}

/********** Images **********/
img {
	border: 0;
	margin: 0;
	padding: 0;
}

img.box {
	border:1px solid #dcdcdc;
	}

img.connect {
margin:-5px 0 0 0;
float:right;
}

img.connectFinal {
margin:-5px 43px 0 0;
float:right;
}

img.sliderNavImg {
float:left;
margin:0 5px;
}

img.left {
	float:left;
	margin:0 10px 0 0;
	}
	
div.crLeft img {
	border:3px double #dcdcdc;
}

/********** Headlines **********/
h1 {
	font-size: 15px;
	border-bottom:1px dotted #CED5D9;
	border-top:1px dotted #CED5D9;
	margin:0 0 15px;
	padding:2px 0;
	text-transform:uppercase;
}

h2 {
	font-size: 15px;
	border-bottom:1px dotted #CED5D9;
	border-top:1px dotted #CED5D9;
	margin:0 0 15px;
	padding:2px 0;
	text-transform:uppercase;
}

div.ap h2 {
	border-top:none;
	color:#727C82;
	padding:5px 0;
	}

h3 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	color:#727C82;
}


h4 {
	color: #727C82;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 11px;
}

p {
margin:0;
padding:0;
letter-spacing:0.01em;
color:#727C82;
}


/* Links */
a {
	color:#39a014;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	color:#276e0e;
	}
	
h3 a {
	color:#39A014;
	padding:0 20px 0 0;
	background:url(../../images/imgTemplates/siteLink.gif) no-repeat scroll right 1px transparent;
	display:block;
	margin:0 0 5px 0;
	font-weight:normal;
	}

h3 a:hover, h3 a:active, h3 a:focus {
	color:#7E898F;
	}
	
h1 a, h2 a, h1 span, h2 span {
	background:none repeat scroll 0 0 #F1F3F4;
	color:#7E898F;
	display:block;
	font-weight:bold;
	padding:6px;
}

h1 a:hover, h1 a:focus, h1 a:active, h2 a:hover, h2 a:focus, h2 a:active {
	color:#7e898f;
	}

.crRight a.projects {
	display:block;
	background:#ffffff;
	font-size:11px;
	padding:0 4px;
	margin:3px 0;
	border:1px solid #dcdcdc;
	}
	
.crProjectsFooter a{
	display:block;
	background:#ffffff;
	font-size:11px;
	padding:0 4px;
	margin:3px 0;
	border:1px solid #dcdcdc;
}

.clItemList a.readon, .clItemProjectList a.readon {
	background:url(../../images/imgTemplates/readonArrow.gif) no-repeat scroll right 3px transparent;
	padding:1px 10px 0 0;
}

a.sitelink {
	background:url(../../images/imgTemplates/sitelink.gif) no-repeat scroll right top #F1F3F4;
}


/* generic */
.strong {
	font-weight:bold;
	}

.border1 {
	border:1px solid #a0a0a0;
	}
	
.borderD {
	background:none repeat scroll 0 0 #FFFFFF;
	border:4px double #DCDCDC;
	}

.small {
	font-size:11px;
	line-height:1.4em;
	}
	
.crLeft {
	width:140px;
	float:left;
	}
	
.crRight {
	float:left;
	width:170px;
	}

.crWrapper {
	border-bottom:1px dotted #dcdcdc;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}
	


p.footerText {
margin:0;
font-size:11px;
}

p.footerHead{
margin:0;
font-size:11px;
font-weight:bold;
}

span.follow {
float:right;
font-size:10px;
padding:0 10px;
}

span.headerWhite {
color:#ffffff;
float:left;
text-transform:uppercase;
padding:5px 0 0 10px;
}

span.headerGrey {
display:block;
}

span.headerGreyTw {
	display:normal;
	}

p.headerGrey, span.headerGrey, span.headerGreyTw {
color:#808a91;
text-transform:uppercase;
margin:0 0 10px 0;

}

span.headerGrey, p.headerGrey, span.headerGreyTw, h1, h2, div.navItem a {
text-shadow:1px 1px 0 #FFFFFF;
}

span.headerWhite, ul.navTopList, span.headerGrey, span.headerGreyTw, p.headerGrey,.headerDarkGrey  {
	letter-spacing:1px;
}


.headerDarkGrey {
	border-bottom:1px dotted #CED5D9;
	border-top:1px dotted #CED5D9;
	color:#3F464D;
	margin:0 0 15px;
	padding:9px 5px 8px;
	text-transform:uppercase;
}

.SiteLink {
	background:url(../../images/imgTemplates/siteLink.gif) no-repeat scroll right 1px transparent;
	}

/* Listen */
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul li {
	font-size: 12px;
	font-weight: normal;
}

ul.subNav {
	width:318px;
	}
	
ul.subNav li {
	padding:5px 0;
	border-bottom: 1px dotted #dcdcdc;
	color:#727C82;
	}
	
ul.subNav li a {
	text-transform:uppercase;
	display:block;
	}
	
/* Content-List */
ul.contentList {
	width:100%;
	list-style-type: square;
	margin:0 0 0 15px;
	}
	
ul.contentList li {
	padding:5px 0;
	color:#727C82;
	font-size:14px;
	}
	
ul.contentList li a {
	}

/* Twitter */
ul.subNav li.twitter  {
	text-transform:none;
}

ul.subNav li.twitter a   {
	text-transform:none;
	display:inline;
	}

ul.subNav .twitter {
	margin:10px 0 0 0;
	}

ul.projectDetailList li {
	font-size: 14px;
	}

ul.navTopList {
display:inline;
list-style-type:none;
list-style-position:inside;
margin:0;
padding:12px 0;
}

ul.navTopList li {
float:left;
}


ul.navTopList li a {
	font-size:14px;
	margin:0 0 0 16px;
	padding:9px 3px 0 3px;
	text-transform:uppercase;
	display:block;
}

ul.navTopList li a:hover {
	font-size:14px;
	margin:0 0 0 16px;
	padding:9px 3px 0 3px;
	text-transform:uppercase;
	display:block;
	color:#2c7b10;
}



/* Cloud */
#cloud a.tag1 {
	font-size: 0.7em;
	font-weight: 100;
}

#cloud a.tag2 {
	font-size: 0.8em;
	font-weight: 200;
}

#cloud a.tag3 {
	font-size: 0.9em;
	font-weight: 300;
}

#cloud a.tag4 {
	font-size: 1.0em;
	font-weight: 400;
}

#cloud a.tag5 {
	font-size: 1.2em;
	font-weight: 500;
}

#cloud a.tag6 {
	font-size: 1.4em;
	font-weight: 600;
}

#cloud a.tag7 {
	font-size: 1.6em;
	font-weight: 700;
}

#cloud a.tag8 {
	font-size: 1.8em;
	font-weight: 800;
}

#cloud {
	padding: 2px;
	line-height: 1.5em;
	text-align: center;
}

#cloud a {
	padding: 0px;
}

#cloud {
	margin: 0;
}

#cloud li {
	display: inline;
}


	



/********** Structure **********/
/* Site */
div#site {
	width:100%;
	height:100%;
}

div#siteWrapper {
	width:960px;
	background:#ffffff;
	margin:0 auto;
}

div#siteWrapperShadow {
	background:url(../../images/imgTemplates/siteWrapperShadow.png) no-repeat scroll right top transparent;
	bottom:0;
	margin:0 auto;
	min-height:100%;
	position:relative;
	top:15px;
	width:987px;
}

div#contentWrapper {
	width:900px;
	min-height:100%;
	margin:0 auto;
	padding:0 0 190px;
}

/* Header */

div#header {
	width:100%;
	height:130px;
}

.logo {
	background:none repeat scroll 0 0 #FFFFFF;
	float:left;
	margin:36px 0;
	width:307px;
}

.navTopRight {
	background:url("../../images/imgTemplates/navTopRightShadow.gif") no-repeat scroll right top transparent;
	float:right;
	height:55px;
	margin:40px -44px 0 0;
	padding:0 0 0 23px;
	position:relative;
	width:614px;
}

div.navItem a {
	float:left;
	height:31px;
	margin:0 0 0 42px;
	padding:8px 0 0;
	text-align:center;
	color:#666666;
	}
	
div.navItem a:hover {
	background:url(../../images/imgTemplates/nav_arrow.gif) no-repeat scroll center 32px transparent;
	color:#7e898f;
	}
	

.active { 
	background:url(../../images/imgTemplates/nav_arrow.gif) no-repeat scroll center 32px transparent;
	}
	









/* Slider */

div#slider{
width:100%;
background:#a0a0a0;
margin:0 0 50px 0;
}

div#sliderSub{
width:100%;
background:#a0a0a0;
margin:0;
}

div.sliderNav {
width:100%;
background:#ffffff;
padding:10px 0;
margin:0 0 40px;
}

/* SliderNav */
ul.sliderNavImg {
display:inline;
list-style-type:none;
list-style-position:inside;
margin:0;
padding:0;
}

li.sliderNavActive {
background: url(../../images/imgTemplates/sliderNavActive.jpg) no-repeat left top;
float:left;
width:12px;
}

li.sliderNavDefault {
background: url(../../images/imgTemplates/sliderNavDefault.jpg) no-repeat left top;
float:left;
width:12px;
}

li.sliderNavArrow {
background: url(../../images/imgTemplates/sliderNavArrow.jpg) no-repeat left top;
float:left;
margin:0 0 0 2px;
width:12px;
}

li.sliderNavActive, li.sliderNavDefault {
margin:0 1px;
}

/* Content */

div#content {
width:899px;
}

div#contentLeft {
width:517px;
float:left;
margin:0 40px 0 0;
}

div.clItem, div.clItemList, div.clItemProjectList {
padding:0 0 10px 0;
margin:0;
}

div.clItemProjectList {
	padding:0 0 20px 0;
	border-bottom:1px solid #dcdcdc;
	margin:0 0 20px;
	}

div.clItem p, div.clItemList p
{
margin:5px 0 15px 0;
}


div.BlItem {
padding:0 0 20px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #CED5D9;
}

div#contentRight {
width:340px;
float:right;
}

/* Projects 
div.prContainer1 {
	width:280px;
	float:left;
	border:1px solid #dcdcdc;
	}
	
div.prContainer2 {
	border:1px solid #DCDCDC;
	float:left;
	margin:0 0 0 26px;
	width:280px;
	}

div.prContainer1 h2, div.prContainer1 h2 a, div.prContainer2 h2, div.prContainer2 h2 a {
	display:block;
	background:#F1F3F4;
	color:#555555;
	border-bottom:1px dotted #dcdcdc;
	border-top:0 none;
	padding: 3px;
	margin:0;
	}

div.prContainer1 p, div.prContainer2 p {
	font-size:11px;
	}

.prContainerPad {
	padding:3px;
	background:#F1F3F4;
	}
	
img.prThumb {
	float:left;
	}
	
*/
	
.prKeywords {
	float:left;
	margin:10px 0;
	}
	
.prDesc {
	float:left;
	width:377px;
	}
	
.prLinkL {
	float:left;
	text-align:center;
	width:45%;
	background:#F1F3F4;
	}
	
.prLinkR {
	float:right;
	text-align:center;
	width:45%;
	background:#F1F3F4;
	}

.prLinkL a, .prLinkR a {
	font-size:11px;
	}
	
	
.prLinkRow {
	width:100%;
	}
	




/* MainContentArea */

/* teaser OFF
div.contentTeaserWrapper {
width:100%;
border: 1px solid #c7ced3;
margin:0 0 30px 0;
}

div.contentTeaserLeft {
width:140px;
background:#c7ced3;
padding:5px;
color:#ffffff;
font-weight:bold;
float:left;
}

div.contentTeaserRight {
width:340px;
padding:5px;
float:right;
}
*/

div.WelcomeTeaserFirst {
	border-top:1px dotted #CED5D9;
	border-bottom:1px dotted #CED5D9;
	float:left;
	width:165px;
	font-size:12px;
	line-height:1.3em;
	}

div.WelcomeTeaser {
	border-top:1px dotted #CED5D9;
	border-bottom:1px dotted #CED5D9;
	float:left;
	margin:0 0 0 10px;
	width:165px;
	font-size:12px;
	line-height:1.3em;
	}

.InnerSpace {
	background:none repeat scroll 0 0 #F1F3F4;
	margin:2px 0;
	padding:5px;
	}
	
	

/* Socialize Area */
div.connect { 
background:transparent url(../../images/imgTemplates/connectShadow.gif) no-repeat scroll right top;
height:55px;
margin:0 -12px 20px 0;
position:relative;
width:385px;
}

/* containerRight */
div.containerRight {
background:none repeat scroll 0 0 #F1F3F4;
margin:0 0 20px 0;
padding:10px 10px 20px 10px;
width:319px;
float:left;
}

div.containerRight p {
	font-size:11px;
	line-height:1.4em;
	}
	
div.crProjectsFooter {
	width:100%
}


/* footer */

div#footerWrapper {
background:none repeat scroll 0 0 #F1F3F4;
bottom:0;
height:190px;
position:absolute;
width:960px;
}

div#footer {
width:900px;
height:100%;
margin:0 auto;
background:#f1f3f4;
} 

div.footerContainer {
border-left:1px solid #C7CED3;
float:left;
margin:20px 0 0;
padding:0 0 0 15px;
width:208px;
}

ul.footerList  {
display:inline;
list-style-type:none;
list-style-position:inside;
margin:0;
padding:0;
}

ul.footerList li  {
margin:0;
font-size:11px;
}

ul.footerList li a:link  {
margin:0;
font-size:11px;
}

div.breadcrumb {
	width:900px;
	margin:0 0 39px 0;
	}

#breadcrumb {
    background:#F1F3F4; 
    color:#888;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

#breadcrumb li {
    list-style-type:none;
    padding-left:10px;
	display:inline-block;
	float:left;
	font-size:11px; 
}

#breadcrumb a {
	display:inline-block;
    background-image:url('../../images/imgTemplates/bc_separator.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#666666;
	outline:none;
}

#breadcrumb li a.home {
    border:none;
    margin: 7px 0px;
}

#breadcrumb a:hover {
	color:#7e898f;
}

.ap{
	border:1px solid #dcdcdc;
	}

.apLeft {
	border-right:1px solid #DCDCDC;
	float:left;
	width:100px;
	}
	
.apRight {
	width:200px;
	float:left;
	margin:0 0 0 17px;
	}
	
.apSocial {
	width:135px;
	float:left;
	margin:0 0 0 17px;
	}

.apSocial h2 {
	font-size:12px;
	font-weight:normal;
	}
	
.apInfo {
	border:1px solid #dcdcdc;
	padding:5px;
	text-align:center;
	}

img.apLogo {
	border:1px solid#dcdcdc;
	padding:2px;
	float:left;
	margin:0 5px 0 0;
	}
	
/* CONTACT */
td.contactTitle {
	color:#656D73;
	font-size:12px;
	margin:0 0 5px;
	padding:0;
}

td.contactTitle2  {
	color:#656D73;
	font-size:12px;
	margin:0 0 5px;
	padding:0 0 0 10px;	
}

tr.contactRow  {
height:35px;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
}