td, table{
	font-family:tahoma;
	font-size:11px;
	vertical-align:top;
	line-height:13px;
	color:#6C6C6C;
}
p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 10px;
	text-align: justify;
	line-height: 20px;
}
bodytext {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 10px;
	text-align: justify;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 20px;
}
form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background-color:#21385B}
h1 {
	font-size: 20px;
	font-family: Helvetica, sans-serif;
	color:#416da4;
	text-transform: capitalize;
}


h2 {
	font-size: 18px; font-family: Helvetica, sans-serif; color:#416da4
}

.list ul{margin:0px; padding:0px; list-style:none; line-height:18px}
.list ul li{ background:url(images/link_marker.gif) no-repeat left top; padding-left:20px}
.list ul li a{ color:#416DA4; text-decoration:underline}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	margin-left: 50px;
}
.list ul li a:hover{ text-decoration:none}

a{ color:#416DA4; text-decoration:underline}
a:hover{ text-decoration:none}

span a{ color:#626262; text-decoration:underline}
sapn a:hover{ text-decoration:none}

.more a{ color:#626262; text-decoration:underline}
.more a:hover{ text-decoration:none}

.footer { color:#7B8BA3; margin-left:227px}
.footer a{ color:#B1C6D4; text-decoration:none}
.footer a:hover{ text-decoration:underline}


.form input{
	width:140px;
	height:21px;
	font-family:tahoma;
	font-size:11px;
	color: #6C6C6C;
	padding:3 0 0 6px;
	border-color:#5B5B5B;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff
}


.form1 input{
	width:179px;
	height:21px;
	font-family:tahoma;
	font-size:11px;
	color: #2D3331;
	padding:3 0 0 9px;
	border-color:#E0E0E0;
	border-width:1px;
	background-color:#ffffff
}


.form1 textarea {
	width:179px;
	height:133px;
	font-family:tahoma;
	font-size:11px;
	color: #2D3331;
	overflow:hidden;
	padding:3px 0 0 9px;
	border-color:#E0E0E0;
	border-width:1px;
	background-color:#ffffff;
}

#mailformformtype_mail{
	float:right;
}

.csc-mailform-label{
	padding-bottom:3px;
	padding-top:3px;
}

.csc-mailform-field input{
	margin-bottom:3px;
	margin-top:3px;
	font-family:tahoma;
	font-size:11px;
}



#config_div{
	position:absolute;
}


.tx-websiteportfolio-pi1 a, .tx-websiteportfolio-pi1 a:hover { border-bottom: none; } 
.tx-websiteportfolio-pi1 .title { clear: both; } 
.tx-websiteportfolio-pi1 .thumbList .screenshot, .tx-websiteportfolio-pi1 .list .screenshot, .tx-websiteportfolio-pi1 
.screenshot { text-align: center; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; background-color: white; padding: 20px; display: table-cell; float: right; margin-left: 20px; margin-bottom: 20px; } 
.tx-websiteportfolio-pi1 .thumbList .screenshot:hover, .tx-websiteportfolio-pi1 .list .screenshot:hover, .tx-websiteportfolio-pi1 .screenshot:hover { background-color: #f0f0f0; } 
.tx-websiteportfolio-pi1 .thumbList .screenshot img, .tx-websiteportfolio-pi1 .screenshot img { border: 1px solid #bbb; } 
.tx-websiteportfolio-pi1 .screenshot a:hover, .tx-websiteportfolio-pi1 .screenshot a { text-decoration: none; display: block; } 
.tx-websiteportfolio-pi1 .screenshot .thumbnails a:hover, .tx-websiteportfolio-pi1 .screenshot .thumbnails a { text-decoration: none; display: table-cell; } 
.tx-websiteportfolio-pi1 .thumbList .screenshot { margin-right: 6px; } 
.tx-websiteportfolio-pi1 .thumbList .title { font-size: smaller; color: #555; } 
.tx-websiteportfolio-pi1 .list .item{ padding:2px; } 
.tx-websiteportfolio-pi1 .thumbList { clear: both; padding-top: 10px; } 
.tx-websiteportfolio-pi1 .thumbList .random { float: right; } 
.tx-websiteportfolio-pi1 .thumbList .nearest, .tx-websiteportfolio-pi1 .thumbList .latest { clear: both; float: left; } 
.tx-websiteportfolio-pi1 .thumbList .screenshot { float: left; padding: 2px; margin: 20px;} 
.tx-websiteportfolio-pi1 .entry .navigation { float: right; clear: right; font-weight: normal; text-align: right; } 
.tx-websiteportfolio-pi1 .entry .navigation .next, .tx-websiteportfolio-pi1 .entry .navigation .previous, .tx-websiteportfolio-pi1 .entry .navigation .list { padding-left: 4px; float: left; } 
.tx-websiteportfolio-pi1 .entry .description { } 
.tx-websiteportfolio-pi1 .entry .launchdate { color: #555; font-size: smaller; display: table-cell; } 
.tx-websiteportfolio-pi1 .particularsLabel { font-weight: bold; } 
.tx-websiteportfolio-pi1 .archive .title { float: left; padding-right: 6px; } 
.tx-websiteportfolio-pi1 .category { color: #555; font-size: smaller; } 
#lightbox{ position: absolute; top: 80px; left: 0; width: 100%; z-index: 200; text-align: center; line-height: 0; } 
#lightbox a img{ border: none; } 
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } 
#imageContainer{ padding: 10px; } 
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } 
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } 
#imageContainer>#hoverNav{ left: 0;} 
#hoverNav a{ outline: none;} 
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/typo3conf/ext/websiteportfolio/res/lightbox2/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } 
#prevLink { left: 0; float: left;} 
#nextLink { right: 0; float: right;} 
#prevLink:hover, #prevLink:visited:hover { background: url(/typo3conf/ext/websiteportfolio/res/lightbox2/images/prevlabel.gif) left 15% no-repeat; } 
#nextLink:hover, #nextLink:visited:hover { background: url(/typo3conf/ext/websiteportfolio/res/lightbox2/images/nextlabel.gif) right 15% no-repeat; } 
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } 
#imageData{ padding:0 10px; } 
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } 
#imageData #caption{ font-weight: bold; } 
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } 
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } 
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
* html>body .clearfix { display: inline-block; width: 100%; } 
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }