body{
	margin:0;
	color:#101010;
	font:14px/20px verdana, geneva, sans-serif;
	background:#fafafa;
}
img{border-style:none;}
a{
	color:#0a0057;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
#wrapper {
	width:940px;
	overflow:hidden;
	margin:0 auto;
	padding:1px 0 0;
}
#header {
	width:100%;
	overflow:hidden;
	padding:0 0 7px;
	margin:0 0 27px;
	position:relative;
}
.header-holder {	
	width:100%;
	height:512px;
	overflow:hidden;
	background:url(../images/bg-header.gif) repeat-y;
}
.header-top {
	width:100%;
	overflow:hidden;
}
#header .logo {
	float:left;
	display:inline;
	width:292px;
	text-indent:-9999px;
	margin:0 0 0 6px;
	padding:0 0 58px;
	background:url(../images/logo.gif) no-repeat;
}
#header .logo a {
	display:block;
	height:58px;
	position:relative;
}
#header .logo a:hover {
	padding:0 0 293px;
	background:#0a0057 url(../images/logo-over.gif) no-repeat;
	text-decoration:none;
}
.index #header .logo a:hover {
	padding:0;
	background:none;
}
#header blockquote {
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;
}
#header blockquote div {
	width:475px;
	overflow:hidden;
	margin:0 auto;
}
#header blockquote q {
	quotes: none;
	text-align:center;
}
#header blockquote q:before {content:"";}
#header blockquote q:after {content:"";}
#header blockquote cite {text-align:right;}
.text-saying {
	display:block;
	width:471px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0;
	background:url(../images/text-saying.png) no-repeat;
}
.text-voltaire {
	display:block;
	width:86px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0;
	background:url(../images/text-voltaire.png) no-repeat;
}
#header blockquote .text-saying {margin:0 auto 9px;}
#header blockquote .text-voltaire {
	float:right;
	display:inline;
	margin:0 25px 0 0;
}
#main-nav {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	color:#909090;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
}
#main-nav li {
	float:left;
	width:139px;
	text-align:right;
	padding:0 1px 0 20px;
}
#main-nav li a {
	display:block;
	height:1%;
	padding:24px 11px 24px 4px;
	color:#909090;
	text-decoration:none;
}
#main-nav li.active a {color:#0a0057;}
#main-nav li a:hover {
	color:#fff;
	text-decoration:none;
	padding:24px 11px 311px 4px;
	background:#0a0057;
}
.quote-box {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
}
.quote-box .blueprints {
	position:absolute;
	bottom:48px;
	left:50%;
	width:613px;
	height:361px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 -305px;
	background:url(../images/bg-blueprints.png) no-repeat;
	z-index:1;
}
.quote-box .holder {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:2;
}
.quote-box .frame {
	width:100%;
	overflow:hidden;
	height:81px;
	padding:106px 0 34px;
	background:url(../images/bg-quote.png) no-repeat;
}
.text-hello {
	width:880px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
	font-size:0;
	line-height:0;
	background:url(../images/text-hello.png) no-repeat;
}
#main {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:2;
}
.about #main {margin:0 0 74px;}
#twocolumns {
	width:100%;
	overflow:hidden;
}
#content {
	float:left;
	width:460px;
}
.about #content {width:620px;}
.portfolio #content {
	width:100%;
	margin:0 0 58px;
}
.box {
	width:100%;
	padding:0 0 53px;
}
.box:after {
	content:"";
	clear:both;
	display:block;
}
.box .heading {
	height:1%;
	overflow:hidden;
	padding:0 6px;
	margin:0 0 -41px;
}
.box .heading img {display:block;}
.box .item {
	width:459px;
	overflow:hidden;
	position:relative;
}
.portfolio .box .item {
	float:left;
	width:622px;
	margin:0 17px 0 0;
}
* html .portfolio .box .item {margin:0 14px 0 0;}
.box .item .b {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(../images/bg-item-b.png) no-repeat;
}
.portfolio .box .item .b {
	height:15px;
	background:url(../images/bg-item1-b.png) no-repeat;
}
.box .item img {
	display:block;
	border:4px #fff solid;
}
.portfolio .box .item img {border:3px #fff solid;}
.box .item a,
.box .item span {
	display:block;
	border:1px #e0e0e0 solid;
}
.box .item a:hover img {border:4px #1300a1 solid;}
.portfolio .box .item a:hover img {border:3px #fff solid;}
.box .description {
	height:1%;
	overflow:hidden;
	padding:0 4px;
	margin:-3px 0 3px;
}
.box .description h2 {
	margin:0 0 3px;
	color:#0a0057;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
}
.portfolio .box .description h2 {
	font-size:22px;
	line-height:24px;
}
.box .description h2 a {
	color:#0a0057;
	text-decoration:none;
}
.box .description h2 a:hover {text-decoration:underline;}
.box .description h3 {
	margin:0 0 7px;
	color:#909090;
	font-size:22px;
	line-height:24px;
	font-weight:normal;
}
.portfolio .box .description h3 {
	font-size:20px;
	line-height:22px;
}
#sidebar {
	float:right;
	width:380px;
	padding:36px 0 0;
}
.about #sidebar {width:302px;}
#content p,
#sidebar p {margin:0 0 20px;}
.text-welcome {
	width:133px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin:20px 0 0;
	font-size:0;
	line-height:0;
	background:url(../images/text-welcome.png) no-repeat;
}
.text-posts {
	width:198px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	margin:21px 0 0;
	font-size:0;
	line-height:0;
	background:url(../images/text-posts.png) no-repeat;
}
.text-twitter {
	width:109px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	margin:22px 0 0;
	font-size:0;
	line-height:0;
	background:url(../images/text-twitter.png) no-repeat;
}
.text-contact {
	width:119px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin:20px 0 0;
	font-size:0;
	line-height:0;
	background:url(../images/text-contact.png) no-repeat;
}
.text-flickr {
	width:82px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin:21px 0 0;
	font-size:0;
	line-height:0;
	background:url(../images/text-flickr.png) no-repeat;
}
.text-about {
	width:90px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin:21px 0 0;
	font-size:0;
	line-height:0;
	background:url(../images/text-about.png) no-repeat;
}
.text-aboutme {
	width:139px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	font-size:0;
	line-height:0;
	background:url(../images/text-about-me.png) no-repeat;
}
.text-employment {
	width:374px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	font-size:0;
	line-height:0;
	background:url(../images/text-employment.png) no-repeat;
}
.text-design {
	width:733px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
	font-size:0;
	line-height:0;
	background:url(../images/text-design.png) no-repeat;
}
.rss {
	float:right;
	width:49px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	font-size:0;
	line-height:0;
	background:url(../images/ico-rss.png) no-repeat;
}
.twitter {
	float:right;
	width:51px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	font-size:0;
	line-height:0;
	background:url(../images/ico-twitter.png) no-repeat;
}
.linkedin {
	float:right;
	width:49px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	font-size:0;
	line-height:0;
	background:url(../images/ico-linkedin.png) no-repeat;
}
.flickr {
	float:right;
	width:49px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	font-size:0;
	line-height:0;
	background:url(../images/ico-flickr.png) no-repeat;
}
.block {
	width:100%;
	overflow:hidden;
	margin:0 0 40px;
}
.block .heading {
	height:1%;
	overflow:hidden;
	padding:0 6px 2px 5px;
	background:url(../images/bg-heading.gif) repeat-x 0 100%;
}
.block .cont {
	height:1%;
	overflow:hidden;
	padding:5px 8px 5px 4px;
}
.block p em {
	color:#808080;
	font-style:normal;
}
.block p em a {color:#808080;}
.block .image {
	overflow:hidden;
	padding:4px 0 0;
	margin:0 -8px 4px -4px;
	position:relative;
}
.block .image img {display:block;}
.posts {
	padding:0;
	margin:0 0 6px;
	list-style:none;
	width:100%;
	overflow:hidden;
	color:#0a0057;
	font-size:14px;
	line-height:20px;
}
.posts li {
	height:1%;
	overflow:hidden;
	padding:0 1px;
	vertical-align:top;
}
.posts li em {
	float:left;
	margin:0 10px 0 0;
	color:#808080;
	font-style:normal;
}
.posts li a {float:left;}

#twitter {margin:-12px 0 0 0;}

#twitter ul li{
	list-style: none;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-bottom: 150px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: verdana, geneva, sans-serif;
	font-size: 14px;
	color: #101010;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #1300A1;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 20px;
	color: #0A0057;
}


.text-holder {margin:0 0 -12px;}
.block dl{
	width:100%;
	overflow:hidden;
	margin:0 0 4px;
}
.block dt{
	float:left;
	color:#808080;
}
.block dd{
	float:left;
	display:inline;
	margin:0 0 0 4px;
}
.images {
	margin:0 0 14px;
	padding:5px 0 0;
	list-style:none;
	width:370px;
	overflow:hidden;
}
.images li {
	float:left;
	padding:0 1px 1px 0;
}
.images li a {display:block;}
.images li img {display:block;}
.more {
	display:block;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	margin:0 0 14px;
}
.gallery {
	margin:0 -18px 18px 0;
	padding:4px 0 0;
	list-style:none;

	width:325px;
	overflow:hidden;
	text-align:center;
}
.gallery li {
	display:inline-block;
	vertical-align:middle;
	margin:0 18px 20px 0;
}
.gallery li img{vertical-align:top;}
#footer {
	width:100%;
	overflow:hidden;
	padding:185px 0 0;
	margin:-242px 0 0;
	background:url(../images/bg-footer-c.gif) repeat-y;
	position:relative;
	z-index:1;
	color:#b0b0b0;
	font-size:14px;
	line-height:18px;
}
.about #footer {margin:0;}
#footer .bg {
	position:absolute;
	top:193px;
	right:29px;
	width:175px;
	height:217px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-footer.gif) no-repeat;
}
#footer .holder {
	width:100%;
	padding:210px 0 0;
	background:url(../images/bg-footer-c1.gif) repeat-y;
}
#footer .holder:after {
	content:"";
	clear:both;
	display:block;
}
#footer .frame {
	width:100%;
	padding:0 0 223px;
	background:url(../images/bg-footer-c2.gif) repeat-y;
}
#footer .frame:after {
	content:"";
	clear:both;
	display:block;
}
#footer .area {
	float:right;
	display:inline;
	width:300px;
	margin:-78px 18px 0 0;
	position:relative;
}
#footer p {margin:0;}
#footer .copyright {
	width:100%;
	overflow:hidden;
	margin:0 0 26px;
}
#footer .by {
	width:100%;
	overflow:hidden;
	margin:0 0 26px;
}
#footer .by em {
	float:left;
	margin:0 2px 0 0;
	font-style:normal;
}
#footer .logo {
	float:left;
	width:214px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:1px 0 0;
	background:url(../images/logo-mediatemple.png) no-repeat;
}
#footer .logo a {
	display:block;
	height:100%;
	position:relative;
}