@import url("font/droidsans.css");
@import url("font/league.css");
@import url("font/viltstift.css");
@import url("font/opensans.css");

* {padding:0; margin:0;}
ul {list-style:none;}
a {color:#1b78a8; text-decoration:none;}
a img {border:none;}
.clear {clear:both;line-height:1px; height:1px;}
.clear:after {display:block; visibility:hidden; clear:both; height:0; content: "."; }
section, header, footer, article, nav {display:block;}
body { background:#000241; font-size:11px; color:#333; font-family: 'OpenSans',Verdana, Geneva, sans-serif;}
body.normalpage {background: #000241;}
#page {width:100%; height:100%; background: url(images/headerbg.jpg) center top no-repeat; }
body.normalpage #page {background:url(images/headerbg.jpg) center top no-repeat;}
#bodywrap { width:1035px; margin: 0 auto;}
#top {margin-top:50px; height:340px;}
body.normalpage #top {height:120px;}
body.normalpage #top #normalheader {height:40px;}
#contentwrap { background:#fff margin-top:30px;}
#contentwrap2 { background:#fff; -moz-box-shadow: 0px 3px 5px #000;-webkit-box-shadow: 0px 3px 5px #000;box-shadow: 0px 3px 5px #000;}
#contents { background:#fff; margin:0 26px; min-height:300px; padding:25px 25px 0 25px;}
#top nav {height:74px; width:980px; margin:0 auto; font-family:'LeagueGothicRegular', Arial, sans-serif}
#homeheader { height:292px; width:980px; margin:0 auto;}
#sitename {display:block; background:url(images/logo.png) no-repeat; height:73px; width:200px; float:left; text-indent:-5000px; overflow:hidden; margin:-30px 0 0 20px;}
#sitename_since {display:block; background:url(images/since.png) no-repeat; height:120px; width:120px; float:right;  margin:-25px 20px 0 0;}
#sitenav {display:block; float:left; background:none; height:59px; font-size:1.5em; font-family:'DroidSansBold', Arial, sans-serif; padding:25px 10px 0 10px; text-transform:uppercase;}
#sitenav li {font-weight:normal; display:inline;}
#sitenav li a {display:block; float:left; color:#7d7d7d; padding:5px 15px 5px 15px;}
#sitenav li a:hover {color:#333;}
#sitenav li.current a {color:#f00;}
#topcolumns {margin-bottom:25px;}
#topcolumns .col_right {text-align:center; width:150px; margin:0px; float:right; padding:0; font-size:1em; line-height:20px;}
#topcolumns img.imgright {float:right; margin-left:10px;}
#contents p {font-size:1.2em; line-height:20px;}
#contents li {font-size:1.2em;}
h2,h3 {font-family:'LeagueGothicRegular', Arial, sans-serif;}
#normalpage h2, #topcolumns h2 {font-size:2.2em; margin-bottom:10px; color:#2d2d2d; padding:5px 10px 10px 0;}
#normalpage {min-height:200px;}
#left {width:280px;float:left;}
#left2 {width:450px;float:left;}
#right {width:300px;float:left;}
#right2 {width:300px;float:left; margin-top:15px;}
#sidebar {width:298px; float:right;}
#normalpage #left h2 {display:block; background:none; line-height:27px; padding:5px 10px 10px 0;}
#normalpage #left2 h2 {display:block; background:none; line-height:27px; padding:5px 10px 10px 0;}
#normalpage #sidebar h2 {display:block; background:url(images/sidebarh2.jpg) left center no-repeat; line-height:27px; padding:5px 10px 10px 10px;}
#normalpage p {margin-bottom:15px;}
#left article { padding:0 10px;}
#left2 article { padding:0 10px;}
#contents a:hover {text-decoration:underline; color:#036;}
#normalpage h3 {font-size:1.8em; color:#2885b5; margin-bottom:10px;}
#normalpage h4 {font:bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px;}
#sidebar article {padding:10px;}
#pagefooter {background:width:100%; padding:11px 0 11px 0;}
#pagefooter p {font-size:1.2em;color:#000;line-height:1.8em;text-align:center;}
#bottom {background:url(images/footerbg.png) repeat-x; height:294px; width:940px; margin:0 auto; padding:0 20px;}
#bottom .block1 { width:300px; padding:20px 20px 20px 0; background:url(images/footerblockdiv.png) right top repeat-y; height:254px; float:left;}
#bottom .block2 {width:260px; padding:20px 0 20px 60px; height:254px; background:url(images/footerblockdiv.png) left top repeat-y; float:right;}
#bottom .block3 {margin:0 330px 0 345px; padding:20px 0 20px; height:254px;}

.block1 h2 {padding-left:15px;}

.projectthmb {text-align:center; padding:10px 0 10px; background:#000;}
#slider .thumbholder {float:right; width:500px; text-align:right}
#slider h2 {font: 1.8em 'BloklettersViltstift', Arial, Helvetica, sans-serif; margin:0 0 10px 10px; color:#fff;}
#slider {height:222px; width:980px; padding-top:1px;}
#slider .container {overflow:hidden; position:relative; cursor:pointer; color:#ddd; height:222px;  width:980px;}
#slider .slides li {display:block; height:222px; width:980px; position:absolute; overflow:hidden; left:0; top:0;}
#slider li .txtholder {float:left; width:470px; padding-top:55px;}
.slides {position:relative;}
#slider .slides p {font-size:1.4em; line-height:24px;}
#slider .pagination {display:block; list-style:none; z-index:999; width:210px; text-align:center; position:absolute; bottom:0px; height:25px; left:10px;}
ul.pagination li {display:inline;}
ul.pagination li a { display:block; float:left; width:19px; height:19px; margin:3px; background:url(images/slidernav.png) no-repeat; text-indent:-9000px;}
ul.pagination li.active a {background:url(images/slidernava.png) no-repeat!important; text-indent:-9000px;}
#credits p {display:block; height:18px; width:940px; padding:20px; margin:0 auto; font-size:1.0em;}
#credits p #designcredit {float:right; display:block;}
#credits p .copyright {float:left; display:block;}
#credits a {color:#fff;}
.subhead {height:50px; line-height:50px; font:bold 2.6em 'DroidSansRegular', Arial, sans-serif; text-shadow:#fff 1px 1px 1px;}
#left2 ul li {display:block; background:url(images/listbullet.gif) left center no-repeat; line-height:22px; margin-bottom:5px; padding-left:25px;}
#left2 ul {margin-left:15px; margin-bottom:15px;}
#left ul li {display:block; background:url(images/listbullet.gif) left center no-repeat; line-height:22px; margin-bottom:5px; padding-left:25px;}
#left ul {margin-left:15px; margin-bottom:15px;}
#contents.normalcontents {background-image:none!important;}
.blogpreview {padding-top:15px;}
.postpreview h3, .post h3 {font:normal 2.2em 'DroidSansBold', Arial, Helvetica, sans-serif!important;}
.postpreview .entry {width:475px; float:right;}
.postpreview .postinfo {width:130px; float:left; display:block;}
.postpreview .postinfo p span { display:block;}
.postinfo p {display:block; font-size:1.1em!important; line-height:1.4em!important; text-align:right;}
.postpreview {margin-bottom:15px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
#sidebar .sbwrap {padding:10px;}
#sidebar ul li {display:block; height:31px;}
#sidebar ul li a { line-height:20px; border-bottom:solid 1px #ddd; padding:5px 0 0 25px; background:url(images/sidebarli.gif) left 7px no-repeat; display:block;}
#sidebar ul li a:hover {background:url(images/sidebarli2.gif) left 7px no-repeat; color:#036;}
.sbwrap.twocol li {width:49%; float:left;}

:invalid { 
  border-color: #ff0;
}

:required {
  border-color: #88a;
}

label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:14px;
  line-height:16px;
}

form {
  width:800px;
  margin: 5px 0 0 15px;
}

input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:16px;
  width:300px;
  min-height:30px;
  display:block;
  margin-bottom:5px;
  margin-top:5px;
  outline: none;
  border:1px solid #ccc;
  border-radius:5px;
}

input[type=submit] {
  float:left;
  width:150px;
  padding:10px;
  margin-right:20px;
}

input[type=reset] {
  float:left;
  width:150px;
  padding:10px;
}

textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 500px;
  min-height:150px;
  display:block;
  margin-bottom:5px;
  margin-top:5px;
  outline: none;
  border:1px solid #ccc;
  border-radius:5px;
  resize:none;
}

#logos {
	
	width:100%;
	padding:15px 0 15px 0;
	text-align:center;
	letter-spacing:10px;
	margin:0 auto;
	}
    
.cleaner10{
         height:10px;
         clear:both;
         }

.gallery li {
	float: left;
	list-style-type: none;
	margin: 0 10px 20px 0;
	display: block;
	height: 40px;
	width: 120px;
	position: relative;
}