@import url("../font/droidsans.css");
@import url("../font/fertigo.css");
@import url("../font/texgyre.css");

* {padding:0; margin:0;}
ul {list-style:none;}
ol {
	list-style: decimal;
	padding: 8px 0px 0px 25px;
}

li {
	padding: 8px 0px 0px 15px;
	}
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:url(../images/htmlbg.jpg) left top repeat-x; 
font-size:62.5%; 
color:#333; 
font-family: Verdana, Geneva, sans-serif;
}
body.normalpage {
	background:url(../images/normalhtml.jpg) left top repeat-x;
	}
#page {
	width:100%; 
	height:100%; 
	background: url(../images/headerbg.jpg) center top no-repeat;
	}
body.normalpage #page {
	background:url(../images/normalheader.jpg) center top no-repeat; 
	height:255px;
	}
#bodywrap { 
width:1032px; 
margin: 0 auto;
}
#top {
	height:366px;
	}
body.normalpage #top {
	height:155px;
	}
body.normalpage #top #normalheader {
	height:81px;
	}
#contentwrap { 
background:url(../images/wrapbg.png) center top no-repeat;
}
#contents { 
margin:0 26px 0 26px; 
background:url(../images/wraptop.jpg) 0 30px repeat-x; 
min-height:300px; 
padding:45px 15px 0 15px;
}
#top nav {
	height:74px; 
	width:980px; 
	margin:0 auto; 
	font-family:'TeXGyreAdventor', Arial, sans-serif;
	}
#homeheader { 
height:292px; 
width:980px; 
margin:0 auto;
}
#sitename {
	display:block; 
	float:left; 
	padding:0px 0 0 0;
	}
#sitename a {
	display:block; 
	background:url(../images/portfoliologo.png) no-repeat; 
	height:118px; 
	width:190px; 
	float:left; 
	text-indent:-5000px; 
	overflow:hidden;
	}
#sitenav {
	display:block; 
	float:right; 
	height:59px; 
	font-size:2.0em; 
	font-family:'TeXGyreAdventor', Arial, sans-serif; 
	padding-top:15px;
	}
#sitenav li {
	font-weight:bold; 
	display:inline;
	}
#sitenav li a {
	display:block; 
	float:left; 
	color:#7d7d7d; 
	padding:5px 15px 5px 15px;
	}
#sitenav li a:hover {
	color:#fff; 
	text-shadow:#000 1px 1px 1px;
	}
#sitenav li.current a {
	color:#fff; 
	background:url(../images/activemenu.png) center bottom no-repeat;
	}
#topcolumns {
	margin-bottom:25px;
	}
#topcolumns .col {
	width:30%; 
	margin:6px; 
	float:left; 
	padding:0 9px;
	}
#topcolumns img.imgright {
	float:right; 
	margin-left:8px;
	}
#contents p {
	font-size:1.2em; 
	line-height:20px; 
	text-align:justify;
	}
#contents li {
	font-size:1.2em;
	}
h2 {
	font-family:'TeXGyreAdventor', Arial, sans-serif; 
	color:#0088ad;
	padding:5px;
	}
h3 {
	font-family:'DroidSansBold', Arial, sans-serif; 
	font-weight:normal;
	}
#normalpage h2, #topcolumns h2 {
	font-size:2.2em; 
	margin-bottom:10px; 
	color:#0088ad;
	}
#topcolumns h2 {
	text-shadow:#fff 1px 1px 1px;
	}
#normalpage {
	background:url(../images/sidebarbg.jpg) 650px 0 repeat-y; 
	min-height:200px;
	}
#left { 
width:640px; 
float:left;
}
#sidebar {
	width:298px; 
	float:right;
	}
#normalpage #left h2 {
	display:block; 
	background:url(../images/lefth2.jpg) left center no-repeat; 
	line-height:27px; 
	padding:5px 10px 10px 10px;
	}
#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;
	}
	
	
#inner { 
width:950px; 
float:left;
padding:15px 10px 10px 5px;
border-right:solid 1px #ddd;
}
#inner h2 {
	display:block; 
	line-height:27px; 
	padding:5px 10px 10px 10px;
	}

#inner p {
	margin-bottom:15px;
	}	
	

#inner ul {
	list-style:none;
	padding: 0px 0px 0px 0px;}

#inner li {
	padding: 5px 2px 0px 15px;
	line-height:20px;
	text-align:justify;
	background: url(../images/arrow4.gif) 0px 10px no-repeat;
	}
#inner ul a:hover {
	text-decoration:underline;
	color:#0088ad;
	
	}
	
#inner ul a {
	color:#4f4f4f;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}








	
#left 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;
	}
blockquote {
	display:block;
	background:url(../images/quote.png) left top no-repeat; 
	padding-left:25px; 
	font-style:italic; 
	font-family:Georgia, "Times New Roman", Times, serif!important;
	}
.testimonials blockquote {
	border-bottom:solid 1px #ddd; 
	padding-bottom:10px; 
	margin-bottom:10px;
	}
blockquote p {
	margin-bottom:5px!important;
	}
blockquote cite {
	display:block; 
	font:italic 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#03C;
	}
#pagefooter {
	background:url(../images/footerbg.jpg) repeat-x; 
	height:351px; 
	width:100%; 
	padding-top:11px;
	}
#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;
	}
#bottom .block3 ul {
	padding: 8px 0px 0px 20px;
	}
	
#bottom .block3 li {
	padding: 5px 0px 0px 20px;
	background: url(../images/arrow1.gif) 0px 10px no-repeat;
	}
#bottom .block3 ul, li a {
		text-decoration:none;
		font-size:11px;
		color:#333;
	}
	#bottom .block3 ul, li a:hover {
		color:#000;
	}
#pagefooter h2 {
	font:bold 2.2em TeXGyreAdventor, Arial, sans-serif; 
	color:#0088ad; 
	text-shadow:#222 1px 1px 1px; 
	margin-bottom:10px;
	}
.teamimg .imgthmb {
	
	display:block; float:left; 
	padding:2px 0 0 2px; 
	margin:2px;}
.teamimg {
	padding-left:15px;
	}
.block1 h2 {
	padding-left:15px;
	}
#pagefooter p {
	font-size:1.2em; 
	color:#666; 
	line-height:1.8em;
	}
.projectthmb {
	text-align:center; 
	padding:10px 0 10px; 
	background:#000;
	}
#slider .thumbholder {
	float:right; 
	width:500px; 
	text-align:right;
	}
#slider h2 {
	font: 2.2em 'FertigoProRegular', Arial, Helvetica, sans-serif; 
	margin-bottom:10px; 
	color:#0088ad;
	}
#slider {
	
	width:980px; 
	padding-top:35px;
	}
#slider .container {
font-size:18px;
font-family:'FertigoProRegular', Arial, Helvetica, sans-serif;
overflow:hidden; 
position:relative; 
cursor:pointer; 
color:#4f4f4f; 
height:232px;  
width:980px;
}
#slider .slides li {
	display:block; 
	height:242px; 
	width:980px; 
	position:absolute; 
	overflow:hidden; 
	left:0; 
	top:0;
	}
#slider li .txtholder {
	float:left; 
	width:470px; 
	padding-top:35px;
	}
.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; 
	 color:#FFF;
	 font-size:11px;
	 display:block;
	 }
 #credits p .copyright {
	 float:left; 
	 display:block;}
 #credits a {
	 font-size:11px;
	 color:#fff;
	 }
	  #credits a:hover {
	 color:#CCC;
	 text-decoration:underline;
	 }
.subhead {
	height:50px; 
	line-height:50px; 
	font:bold 2.6em 'TeXGyreAdventor', Arial, sans-serif; 
	text-shadow:#fff 1px 1px 1px;
	}
#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 'FertigoProRegular', 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/arrow1.gif) left 7px no-repeat; 
	color:#036;
	}
.sbwrap.twocol li {
	width:49%; 
	float:left;
	}
.form {
	padding:15px;
	}
.form p, .form span, .form input, .form label {
	font-size:1.2em;
	}
.form .field {
	padding:5px;
	}
.form label {
	display:block;
	padding:5px 0 3px 0; 
	font-weight:bold; 
	color:#555;
	}
.form .textfield {
	display:block; 
	height:25px; 
	line-height:25px; 
	border:solid 1px #ccc; 
	padding:3px; 
	width:50%;
	}
.form .textbox {
	display:block; 

	font-size:11px;
	background:url(../images/wraptop.jpg) 0 0px repeat-x; 
	min-height:160px;
	line-height:25px; 
	border:solid 1px #ccc; 
	padding:3px; 
	width:52%;
	}
.form .text-area {
	display:block; 
	width:50%; 
	border:solid 1px #ccc; 
	padding:3px;
	}
.form .button {
	padding: 15px 5px 5px 15px; 
	height:45px;
	}
input.btn {
	display:block; 
	height:30px; 
	padding:0 15px 0 15px; 
	float:left; border:solid 1px; 
	border-color:#bbb #999 #999 #bbb; 
	font: bold 1.4em 'TeXGyreAdventor', Arial, sans-serif; 
	color:#777; 
	background:#efefef;
	}
.text-area:focus, .textfield:focus {
	border:solid 1px #666;
	}

.b_col1 ul {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.b_col1 li {
	padding: 8px 0px 0px 20px;
	background: url(../images/sidebarli.gif) 0px 10px no-repeat;
	}
.b_col1 ul a:hover {
	text-decoration:underline;
	color:#0088ad;
	
	}
	
.b_col1 ul a {
	color:#4f4f4f;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	}
	
	
#contact {
	padding:5px;
	color:#4f4f4f;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	text-align:justify;
	}
	

/*------------------ gallery ------------------*/

#gallery {
	
	overflow: auto;
	margin-left: -44px;
	padding-bottom: 18px;
	position:static;
}

#gallery ul li {
	width: 190px;
	height: 140px;
	padding-top: 8px;
	padding-left: 17px;
	float: left;
	background: url(../images/thumb_bg.png) no-repeat;
	margin-left: 40px;
	margin-bottom: 28px;
}

.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white}
	
/*------------------ projects ------------------*/

#projects {
	
	overflow: auto;
	padding:2px;
	margin:2px;
	position:static;
}
#projects p{
	font-size:13px;
	text-align:center;
	padding:5px;
	font-style:normal;
	font-weight:bold;
}
#projects ul li {
	border: 2px solid #e9e9e9;
	width: 200px;
	text-align:center;
	float: left;
	padding:2px;
	margin:8px;

}

.center {margin: auto;}


#sitemap{	
	width:30%;
	padding:5px;
	background:url(../images/sitemap_bg.gif) repeat-x 0 0; 
	margin:0px 0 20px 0px; 
	float:left; 
	display:block; 
	font-size:0;
	}


#sitemap h1{
	 color:#646565; 
	 margin: 0 0 5px 12px; 
	 display:block; 
	 font-size:12px; 
	 line-height:17px; 
	 font-weight:bold; 
	 padding:0; 
	}
#sitemap ul{
	margin:0; 
	display:block; 
	padding:0;
	}
#sitemap ul li{
	width:50%;
	background:url(../images/sidebarli.gif) no-repeat 0 1px; 
	padding:0px 5px 10px 20px;
	margin: 0 0 0 33px;
	color:#2F2712; 
	height:17px; 
	display:block;
	}
#sitemap ul li a{
	color:#838383; 
	font-size:12px; 
	line-height:17px; 
	text-decoration:underline;
	display:block;
	}
#sitemap ul li a:hover{
	color:#2F2712;
	text-decoration:none;
	}