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 0;
	padding:0 0 58px;
	background:url(../images/logo.png) 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.png) 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:#767676;
	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;
}

.separator_small {
	height: 30px;
}

.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;
}
.inner #content{width:560px;}
.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;
}
.portfolio .box .item a {display:none;}
.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;
}
.inner #sidebar{width:303px;}
.about #sidebar {width:302px;}
#content p,
#sidebar p {margin:0 0 20px;}
.inner #sidebar p{
	font-size:12px;
	line-height:14px;
}
.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,
.text-posts-mini{
	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-posts-mini{
	width:125px;
	height:12px;
	margin:29px 0 0 4px;
	background:url(../images/text-posts-mini.png) no-repeat;
}
.text-twitter,
.text-twitter-mini{
	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-twitter-mini{
	width:69px;
	height:12px;
	margin:26px 0 0 2px;
	background:url(../images/text-twitter-mini.png) no-repeat;
}
.text-contact,
.text-contact-mini{
	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-contact-mini{
	width:76px;
	height:12px;
	margin:24px 0 0 3px;
	background:url(../images/text-contact-mini.png) no-repeat;
}
.text-flickr,
.text-flickr-mini{
	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-flickr-mini{
	width:52px;
	height:13px;
	margin:25px 0 0 4px;
	background:url(../images/text-flickr-mini.png) no-repeat;
}
.text-about,
.text-about-mini{
	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-about-mini{
	width:58px;
	height:14px;
	margin:15px 0 0 3px;
	background:url(../images/text-about-mini.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,
.rss-mini{
	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;
}
.rss-mini{
	width:59px;
	height:41px;
	background:url(../images/ico-rss-mini.png) no-repeat;
}
.twitter,
.twitter-mini{
	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;
}
.twitter-mini{
	width:56px;
	height:37px;
	margin:1px 1px 0 0;
	background:url(../images/ico-twitter-mini.png) no-repeat;
}
.linkedin,
.linkedin-mini {
	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;
}
.linkedin-mini{
	width:56px;
	height:34px;
	margin:1px 1px 0 0;
	background:url(../images/ico-linkedin-mini.png) no-repeat;
}
.flickr,
.flickr-mini{
	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;
}
.flickr-mini{
	width:56px;
	height:34px;
	margin:4px 1px 0 0;
	background:url(../images/ico-flickr-mini.png) no-repeat;
}

#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;
}

.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;
}
.inner .posts{
	width:auto;
	height:1%;
	padding:0 0 0 5px;
	margin:0 0 4px;
}
.inner .more{padding:0 0 0 5px;}
.inner .posts li {
	font-size:12px;
	line-height:14px;
	padding:5px 0 3px;
}
.posts li em{
	float:left;
	margin:0 16px 0 0;
	color:#808080;
	font-style:normal;
}
* html .posts li em{margin:0 13px 0 0;}
.posts li span{
	display:block;
	overflow:hidden;
	height:1%;
}
.posts li a {float:left;}
.twitter-box {margin:0 0 -17px;}
.inner .twitter-box{
	overflow:hidden;
	height:1%;
	padding:3px 0 0 5px;
	margin:0 0 -14px;
}
.text-holder {margin:0 0 -12px;}
.inner .text-holder{
	overflow:hidden;
	height:1%;
	padding:0 0 0 5px;
	margin:-2px 0 -15px;
}
.inner #sidebar .text-holder p{line-height:20px;}
.block dl{
	width:100%;
	overflow:hidden;
	margin:0 0 4px;
}
.inner .block dl{
	font-size:12px;
	line-height:14px;
	padding:4px 0 0;
}
.block dt{
	float:left;
	color:#808080;
}
.inner .block dt{padding:0 0 0 4px;}
.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;
}
.inner .images{
	width:300px;
	margin:0;
}
.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;
}
.text-ind{
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
}
.text-portfolio{
	width:80px;
	height:14px;
	margin:1px 0 0 4px;
	background:url(../images/text-portfolio.png) no-repeat;
}
.portf{
	overflow:hidden;
	width:291px;
	margin:0;
	padding:1px 0 0 2px;
	list-style:none;
}
.portf li{
	overflow:hidden;
	height:1%;
	vertical-align:top;
	padding:4px 0 16px;
}
.portf .image{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(../images/bg-p-img-c.gif) repeat-y;
}
.portf .image .holder{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-p-img-t.gif) no-repeat;
}
.portf .image .frame{
	width:289px;
	overflow:hidden;
	padding:1px 1px 9px 1px;
	background:url(../images/bg-p-img-b.gif) no-repeat 0 100%;
}
.portf .image a{
	display:block;
	width:283px;
	border:3px solid #fff;
}
.portf .image a:hover{border:3px solid #0e007a;}
.portf .image img{display:block;}
.portf span{
	display:block;
	color: #0a0057;
	font-size:12px;
	line-height:14px;
}
.portf span a{text-decoration:none;}
.portf span a:hover{text-decoration:underline;}
.more-box{
	overflow:hidden;
	height:1%;
}
.more-box h2{
	margin:0;
	font-size:12px;
	line-height:14px;
	color:#0a0057;
	font-weight:normal;
}
.more-list{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:30px 0 0;
	list-style:none;
}
.more-list li{
	overflow:hidden;
	height:1%;
	vertical-align:top;
	padding:0 0 7px;
}
.more-list li a{text-decoration:none;}
.more-list li a:hover{position:relative;}
.more-list li a img{float:left;}
.more-list li a span{
	float:left;
	margin:16px 0 0;
	padding:0 0 0 10px;
	text-decoration:underline;
	font-size:12px;
	line-height:14px;
}
.more-list li a:hover span{text-decoration:none;}
.sbox:after {
	clear: both;
	content:"";
	display: block;
}
.sbox{
	width:100%;
	padding:24px 0 11px;
}
#content .sbox h2{
	margin:0 0 8px;
	font-size:26px;
	line-height:28px;
	font-weight:normal;
	color:#0e007a;
}
#content .sbox p{
	margin:0 0 16px;
	line-height:17px;
}
#content .sbox .image{
	width:100%;
	overflow:hidden;
	padding:0 0 7px;
}
#content .sbox .image img{display:block;}
#content .alt{
	background:url(../images/bg-sbox.gif) no-repeat 0 100%;
	min-height:441px;
}
* html #content .alt{height:441px;}
#content .alt p{word-spacing:1px;}