#left2{
	width:200px;
	background-color: #f6f6f6;
	border:#e2e2e2 solid 1px;
	margin:3px 0px 4px 2px;
	padding:5px 5px 6px 5px;
	color:#878767;
	float: right;
}


#left2 p.pic2{
	display:block;
	width:50px;
	height:50px;
	margin:5px 0 5px 0;
	float:left;
	border: #cb9832 solid 1px;
}
#left2 p.boxTxt2{
	float:left;
	padding:0px 0 0 5px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:190px;
	margin: 0 0 0 5px;
}
#left2 p.boxTxt3{
	float:left;
	padding:0 0 5px 5px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:190px;
	margin: 0 0 0 5px;
	line-height: 10px;
}
#left2 p.boxTxt2 span{
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#004b85;
	background-color:inherit;
	padding:5px 0 5px 0px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
	line-height: 14px;
}
#left3{
	width:200px;
	background-color: #f6f6f6;
	border:#e2e2e2 solid 1px;
	margin:3px 1px 4px 2px;
	padding:5px 5px 6px 5px;
	color:#878767;
	float: right;
}
#left3 p.pic2{
	display:block;
	width:50px;
	height:50px;
	margin:5px 0 5px 0;
	float:left;
	border: #cb9832 solid 1px;
}
#left3 p.boxTxt2{
	float:left;
	padding:0px 0 0 5px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:190px;
	margin: 0 0 0 5px;
}
#left3 p.boxTxt3{
	float:left;
	padding:0 0 5px 5px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:190px;
	margin: 0 0 0 5px;
	line-height: 10px;
}
#left3 p.boxTxt2 span{
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#004b85;
	background-color:inherit;
	padding:5px 0 5px 0px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
	line-height: 14px;
}
#left4{
	width:200px;
	background-color: #f6f6f6;
	border:#e2e2e2 solid 1px;
	margin:3px 1px 4px 0;
	padding:5px 5px 6px 5px;
	color:#878767;
	float: right;
}


#left4 p.pic2{
	display:block;
	width:50px;
	height:50px;
	margin:5px 0 5px 0;
	float:left;
	border: #cb9832 solid 1px;
}
#left4 p.boxTxt2{
	float:left;
	padding:0px 0 0 5px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:190px;
	margin: 0 0 0 5px;
}
#left4 p.boxTxt3{
	float:left;
	padding:0 0 5px 5px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:190px;
	margin: 0 0 0 5px;
	line-height: 10px;
}
#left4 p.boxTxt2 span{
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#004b85;
	background-color:inherit;
	padding:5px 0 5px 0px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
	line-height: 14px;
}

/* CSS Document */
html>body { overflow:scroll; }

.html {
	overflow-y: scroll;
overflow: scroll;
}
#html {
	overflow-y: scroll;
overflow: scroll;
}
.info p.rightTxt10c{
	background: url(http://www.pedcorhomes.com/showcase_bar/bullet.png) no-repeat;
	background-position:21px -2px;
	font:normal 12px/13px Myriad Pro, Helvetica, Arial, Sans-serif;
	padding:0px 21px 3px 27px;
	text-indent: -0px;
}
.info p.rightTxt10d{
	background: url(http://www.pedcorhomes.com/showcase_bar/bullet.png) no-repeat;
	background-position:21px -2px;
	font:normal 12px/13px Myriad Pro, Helvetica, Arial, Sans-serif;
	padding:0px 25px 3px 27px;
	text-indent: -0px;
}
.info p.rightTxt10{
	font:bold 12px/26px Myriad Pro, Helvetica, Arial, Sans-serif;
	color:#333;
	background-color:inherit;
	padding:15px 38px 3px 22px;
}

#message_box {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	padding:2px;
	text-align:center;
	font-weight:thin;
	width:100%;
	background:#FFF;
}




/* Elements
----------------------------------------*/
body {
	background: #f0f0f0 url(../images/layout/body-bg.jpg) no-repeat top center;
	overflow:hidden;
} 
#wrap {
	margin: 0 auto;
	position: relative;
	background: transparent;
}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:10px;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
a img 		{border: none;}

body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea {
	font-family: "Myriad Pro", Helvetica, Arial, Sans-serif;
	font-size: 12px;
	padding:0px 0px 0px 0px;
	margin:0;
	border:0;
	color: #333333;
}

h1,h2,h3, #heroNav a,.mini-nav li a, #hero p,#testimonials blockquote, .testimonial blockquote,.linkList li, legend, .overlay p{font-family: Myriad Pro, Helvetica, Arial, Sans-serif;}

/* =Lists
-----------------------------------------------*/ 
ul {
	list-style-type:disc;
	color: #464646;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

ol {list-style-type:decimal; padding: 0 0 0 20px; margin: 0 0 25px 0;}

.mini-nav, .items ul {
	overflow: hidden;
	list-style: none;
	padding: 0 0 10px 0;
}
.mini-nav, .items2 ul {
	overflow: hidden;
	list-style: none;
	padding: 0 0 10px 0;
}
.linkList {padding: 0;list-style: disc;}

/* =Typography
-----------------------------------------------*/ 
h1, h2.entry_title {
	font-size:18px;
	margin: 0 0 8px 0;
	font-weight: normal;
	color: #004f39!important;
}
h2 {
	font-size:26px;
	margin-bottom: 15px;
	font-weight: normal;
	line-height: 1;
	color: #464646;
}
h3 {
	font-size:20px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #004f39;
}
h4 {
	font-size:20px;
	font-weight: normal;
	color: #004f39;
	padding-bottom: 8px;
	padding-top: 10px;
}

.g9 h2, .portfolio .alpha h2 {color: #81cfd3;font-size: 48px;} 
#sidebar h2 {font-size: 25px;} 
#h2-connect {text-indent: -99999px;background: url(../images/layout/h2-connect.png) no-repeat;height:86px;width: 675px;margin-bottom: 25px;} 
#h2-expertise {text-indent: -99999px;background: url(../images/layout/h2-expertise.png) no-repeat;height:86px;width: 675px;margin-bottom: 25px;} 
#h2-notebook {text-indent: -99999px;background: url(../images/layout/h2-notebook.png) no-repeat;height:86px;width: 675px;margin-bottom: 25px;} 
#h2-portfolio {text-indent: -99999px;background: url(../images/layout/h2-portfolio.png) no-repeat;height:86px;width: 675px;margin-bottom: 25px;} 
#h2-request {text-indent: -99999px;background: url(../images/layout/h2-request.png) no-repeat;height:86px;width: 675px;margin-bottom: 25px;} 
h2.intro {
	font-size: 30px;
	line-height: 1.3;
	padding-bottom: 20px;
	margin-bottom: 35px;
	color: #464646;
}
h3.intro {font-size:14px;line-height: 1.3;}
h3 a:link, h3 a:visited {text-decoration: none;} 
h3#rss {font-size: 18px;} 
.entry h3 {font-size: 25px;line-height: 1.3;} 
.entry h3 a {color: #8d1642;} 
.scroll div h2 {font-size: 30px;color: #464646;} 
blockquote { margin: 0 0 18px 18px; color: #666; font-style: italic; } strong {font-weight: bold;}
em   {font-style:italic;}
a:link, a:visited, p.breadcrumbs a:hover {
	outline: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	border: none;
}


#error404 h1 {position: relative;width: 575px;height: 515px;margin: 150px auto;text-indent: -9999px;background: url(../images/layout/404.png) no-repeat;}
#error404 h1 a {display: block;width: 575px;height: 515px;position: absolute;top: 0;left: 0;}

/* Header
----------------------------------------*/
#header {position: relative;height: 248px;background: transparent url(../images/layout/content-top.png) no-repeat bottom left;padding-bottom: 35px;width: 1000px;margin: 0;}
#top {
	position: relative;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 31px;
	background: url(../images/layout/topbar.png) no-repeat;
	display: block;
} 
#top a {width: 130px;height: 20px;display: block;background: url(../images/layout/button-topRequest.png) no-repeat -130px 0;text-indent: -9999px;float: right;margin: 5px 35px;}
#top a:hover {background-position: 0 0;} 
#logo {
	float: left;
	margin: 40px 0 0 35px;
	position: relative;
	display: block;
	width: 254px;
	height: 134px;
	text-indent: -9999px;
	background: url(../images/layout/logo.png) no-repeat;
} 
#logo:hover {background-position: top right;} 
#tagline {text-align: right;position: absolute;top: 90px;left: 360px;width: 600px;font-size: 26px;margin: 0;padding: 0 10px 0 0;} 
#tagline em {font-size: 13px;position: absolute;right: 0;top: -7px;color: #39c0c7;padding: 10px;}
#phone {float: right;clear: right;margin: 17px 17px 0 0;display: block;width: 162px;height: 46px;text-indent: -9999px;background: url(../images/layout/phone.png) no-repeat;}

/* Nav
----------------------------------------*/
#mainNav {
	position: absolute;
	top: 190px;
	left: 343px;
	height: 60px;
	width: 625px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding: 0;
	background-image: url(../images/layout/nav.png);
	background-position: 0 0;
	list-style: none;
}
#mainNav li {list-style: none;position: absolute;top: 0;} 
#mainNav li, #mainNav a {height: 60px;width: 143px;display: block;text-indent: -9999px;overflow: hidden;background: none;border: none;margin: 0;padding: 0;}
li#nav-expertise { left: 0; width: 143px;} 
li#nav-portfolio { left: 160px; } 
li#nav-notebook { left: 319px; } 
li#nav-connect { left: 482px; }

li#nav-expertise a:hover { background: transparent url(../images/layout/nav.png) 0 -60px no-repeat;}
li#nav-portfolio a:hover { background: transparent url(../images/layout/nav.png) -160px -60px no-repeat;}
li#nav-notebook a:hover {
}
li#nav-connect a:hover {
}

li#nav-expertise a.current { background: transparent url(../images/layout/nav.png) 0 -121px no-repeat;}
li#nav-portfolio a.current { background: transparent url(../images/layout/nav.png) -160px -121px no-repeat;} 
li#nav-notebook a.current { background: transparent url(../images/layout/nav.png) -319px -121px no-repeat;}
li#nav-connect a.current { background: transparent url(../images/layout/nav.png) -482px -121px no-repeat;}

/* Main Content
----------------------------------------*/

#content {
	position: relative;
	background: transparent url(../images/layout/content-bg.png) repeat-y;
	padding: 0 0px 0 35px;
	width: 1000px;
	margin: 0;
}

#hero, .scroll {
	background: url(../images/layout/hero-bg.png) no-repeat bottom left;
	position:relative;
	overflow:hidden;
	clear:both;
	height: 310px;
	width: 930px;
	color: #FFF;
	top: -30px;
	padding: 0 0 0px 0px;
	margin: 0 0 0 0px;
} 
.scroll {
	float: right;
	top: 0px;
	width: 660px;
	background: none;
	color: #333333;
	left: 50px;
	height: 400px;
}
.portfolio .scroll {top: -50px;width: 450px;}
#screenshots {height: 550px;padding-top: 50px;} 
#hero .items, .scroll .items {
	width:20000em;
	clear:both;
	margin: 0px 0 0 0;
	position:absolute;
	clear:both;
	height: 264px;
}
#hero .items2, .scroll .items2 {
	width:20000em;
	clear:both;
	margin: 0;
	position:absolute;
	clear:both;
	height: 300px;
}
.items p {
	font-size: 13px;
}
.items2 p {
	font-size: 13px;
}
#hero div, .scroll div {
	float:left;
	width:930px;
	padding-top: 30px;
	font-size:14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 18px;
} 
#hero div, .scroll2 div {
	float:left;
	width:930px;
	padding-top: 30px;
	height: 400px;
	font-size:14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
} 
.scroll div {
	clear: right;
	font-weight: normal;
	width: 657px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #333333;
	padding: 0 0px 10px 0;
	margin-right: 5px;
}
.scroll div p {
	clear: right;
	font-weight: normal;
	width: 657px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #333333;
	padding: 0 0px 0px 0;
}
#screenshots .items div img {border: 5px solid #FFF;} 
#screenshots .items2 div img {border: 5px solid #FFF;} 
#hero .items div {
	background-position: top left;
	background-repeat: no-repeat;
	width: 250px;
	padding: 40px 939px 0px 30px;
	text-align: right;
	float:left;
	cursor:pointer;
	height: 264px;
	position: relative;
} 
#hero .items2 div {
	background-position: top left;
	background-repeat: no-repeat;
	width: 250px;
	padding: 40px 650px 0px 30px;
	text-align: right;
	float:left;
	cursor:pointer;
	height: 300px;
	position: relative;
} 
#hero .items div img {position: absolute;top: -26px;left: 310px;z-index: 10;}
#hero .items2 div img {position: absolute;top: -26px;left: 310px;z-index: 10;}

#heroNav, #screenshots .mini-nav {
	position: absolute;
	top: 294px;
	right: 10px;
	z-index: 15;
	list-style: none;
	padding: 2px 0 0 0;
} 
#screenshots .mini-nav {position: relative;right: 0;top: -50px;float: right;}
#heroNav li, #screenshots .mini-nav li {float: left;margin: 0;} 
#heroNav a, #screenshots .mini-nav li a {
	display: block;
	width: 20px;
	padding: 0;
	line-height: 2.2;
	height:20px;
	float: left;
	background:url(../images/layout/paginate.png) no-repeat 0 0;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
} 
#screenshots .mini-nav li a {border: 0;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;line-height: 2.4;} 
#heroNav a:hover, #heroNav a.current, #screenshots .mini-nav li a.current, #screenshots .mini-nav li a:hover {
	background-position: 0 -20px;
} 
#hero h2 {position: absolute;left: 97px;top: 55px;z-index: 10;font-size: 30px;text-align: right;color: #FFF;font-style: italic;font-weight: bold;margin: 10px 0 0 0;}
#hero h3 {text-align: right;color: #FFF;margin: 45px 0 0 0;font-weight: bold;}
#hero p {color: #FFF;text-align: right;font-size: 12px;text-shadow: 0 1px 1px rgba(0,0,0, .3);} 
#hero p a {color: #FFF;}

.viewProject {display: block;text-indent: -9999px;background: url(../images/layout/button-viewProject.png) no-repeat!important;width: 133px;height: 26px;float: right;}
.viewProject:hover {background-position: 0 -26px!important;}

#notebook {margin: 0 0 35px 0;padding: 3px 0 0 0;list-style: none;} 
#notebook li {clear: both;margin: 0 0 40px 0;} 

#notebook li div {
	overflow: hidden;
	padding-bottom: 15px;
}
#notebook li p2 {
	overflow: hidden;
	padding-bottom: 15px;
}
#notebook li:hover {
} 
#notebook li h3 {
	margin: 0 0 15px 0;
} 
#notebook li h3 a {
	font-size: 16px;
	line-height: 1.2;
	display: block;
	text-align: left;
	color: #004f39;
}
#notebook li span.date {display: block;margin: 5px 15px 0 0;font-size: 11px;float: left;font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif;color: #999;} 
#notebook li p {
	line-height: 1.4;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding-bottom: 15px;
}
#notebook2 {margin: 0 0 35px 0;padding: 3px 0 0 0;list-style: none;} 
#notebook2 li {clear: both;margin: 0 0 40px 0;} 
#notebook2 li div {
	overflow: hidden;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-top: 25px;
} 
#notebook2 li div {
	overflow: hidden;
	padding-bottom: 10px;
} 
#notebook2 li:hover {} 
#notebook2 li h3 {
	margin: 0 0 0px 0;
} 
#notebook2 li h3 a {
	font-size: 16px;
	line-height: 1.2;
	display: block;
	text-align: left;
	color: #004f39;
}
#notebook2 li span.date {display: block;margin: 5px 15px 0 0;font-size: 11px;float: left;font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif;color: #999;} 
#notebook2 li p {
	line-height: 1.4;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding-bottom: 15px;
}

p.more {display: inline;background: none;padding: 0;margin: 0;} 
p.more a {position: relative;top:6px;float: right;display: block;width: 80px;height: 17px;text-indent: -9999px;position: relative;background: url(../images/layout/read-more.png) no-repeat -81px 0;} 
p.more a:hover {background-position: 0 50%;}

#testimonials {margin: 20px 0 0 0;padding: 0;list-style: none;} 
#testimonials li, .testimonial {width: 210px;margin-bottom: 40px;padding-top: 10px;position: relative;background: url(../images/layout/quote-top.png) no-repeat top left;}
.testimonial {float: right;margin: 0 0 20px 30px;} 
#testimonials .bigger, .testimonial .bigger {display: none;z-index: 5;width: 217px;height: 80%;text-indent: -9999px;background: url(../images/layout/plus.png) no-repeat top right;position: absolute;top: -7px;left: 0;}
#testimonials blockquote, .testimonial blockquote {text-shadow: 0 1px 1px rgba(0,0,0, .2);margin: 0;font-size: 12px;padding: 0 15px 35px;text-align: justify;background: url(../images/layout/quote-bottom.png) no-repeat bottom left;}
#testimonials p, .testimonial p {font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif;float: none;line-height: 1.4;font-size: 11px;margin: -10px 0 0 0;text-align: right;font-weight: bold;text-shadow: 0 1px 1px rgba(0,0,0, .2);} 
#testimonials p a {display: block;text-align: right;font-weight: normal;color: #a92e5f;}

.twitter {position: relative;}
.follow {font-size: 11px;width: 95px;float: right;display: block;padding: 2px 0 2px 20px;background: url(../images/icons/twitter_16.png) no-repeat 0 50%;text-align: right;}
.twitter p.tweet {text-shadow: 0 1px 1px rgba(0,0,0, .1);padding: 15px 20px 10px 20px;margin: 0;font-size: 13px;line-height: 1.4;background: url(../images/layout/tweet-top.png) no-repeat top left;}
.twitter p.tweetDate {font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif;color: #999;padding: 30px 0 0 0;font-size: 11px;background: url(../images/layout/tweet-bottom.png) no-repeat top left;}

.mini-nav li {float: left;margin: 3px 11px 10px 0;} 
.mini-nav li:last-child {margin-right: 0;} 
.mini-nav li a, .subNav li a {
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 6px 3px 6px;
	background: #004F39 url(../images/layout/green-grad.png) repeat-x bottom left;
	color: #FFF;
border-radius: 5px;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: lighter;
}
.mini-nav li a:hover , .subNav li a:hover {
	background: #333333;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
} 
.mini-nav li a.current {background: #464646;color: #FFF;border-color: #363535;}

#relatedScreens {clear: both;padding-top: 70px;background: url(../images/layout/intro-bg.png) repeat-x 0 50px;}
#relatedScreens ul {padding: 0;list-style: none;}
.items li, #relatedScreens li {
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
} 
.items2 li, #relatedScreens li {float: left;display: inline;margin: 0 15px 15px 0;} 

.items li a, .overlay .quoteThumb, #relatedScreens li a {
	display: block;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f6f6f6;
	border: 1px solid #ececec;
	display: inline;
	float: right;
}
.items2 li a, .overlay .quoteThumb, #relatedScreens li a {display: block;float: left;padding: 5px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: #f6f6f6;border: 1px solid #ececec;display: inline;}
.items li:last-child, #relatedScreens li:last-child {margin-right: 0;} 
.items2 li:last-child, #relatedScreens li:last-child {margin-right: 0;} 
.items li img, .overlay .quoteThumb img #relatedScreens li img {
	display: block;
	padding: 0px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: #FFF;
	border: 1px solid #ececec;
} 
.items2 li img, .overlay .quoteThumb img #relatedScreens li img {display: block;padding: 5px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;background: #FFF;border: 1px solid #ececec;} 
.items li a:hover, .overlay a.quoteThumb:hover {
	display: block;
	padding: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: #FFF;
	border: 1px solid #960;
	}
	
.items2 li a:hover, .overlay a.quoteThumb:hover {background: #FFF;border-color: #39c0c7; }

.subNav {padding: 0;list-style: none;}
.subNav li a {position: relative;text-align: left;padding: 5px 10px;margin-bottom: 7px;background: #7ecdd1 url(../images/layout/green-grad.png) ;repeat-x bottom left;font-size: 15px;}
.subNav li a:hover {padding-left: 10px;} 
.subNav li a.current, .subNav li a.current:hover {background: #464646;color: #FFF;border-color: #363535;text-shadow: -1px -1px 1px rgba(0,0,0, .9);cursor: text;padding-left: 8px;} 
.subNav .new {position: absolute;left: 175px;}

.hide { 
}
.pspace {padding-bottom:5px;}

.box {float: left;-moz-border-radius: 5px;margin: 0 30px 35px 0;text-align: center;width: 100px;position: relative;border: 1px solid #F0F0F0;padding: 5px 5px 0 5px;background: #FFF;} 
.box:hover {border-color: #39c0c7;box-shadow: 0 0 3px rgba(0,0,0, .2);-webkit-box-shadow: 0 0 3px rgba(0,0,0, .2);-moz-box-shadow: 0 0 5px rgba(0,0,0, .2);}
.box h4 {display: none;font-family: arial;font-size: 14px;font-weight: normal;text-align: center;line-height: 1.2;background: #464646;width: 110px;height: 40px;padding: 10px;color: #FFF;position: absolute;left: 5px;top: 110px;border-top: 5px solid #FFF;text-shadow: 0 1px 2px #000;}
.last {margin-right: 0;} 
.box .new {position: absolute;left: 80px;top: 10px;}

#feeter {
	padding: 12px 0 0 5px;
	border: 1px solid #e2e2e2;
	background: #f0f0f0 url(../images/layout/body-bg.jpg) no-repeat top center;
	color: 3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	visibility: visible;
	display: block;
	width: 930px;
	height:25px;
	margin: 0px 0 0 0px;
	float: left;
	position: relative;
	text-indent: 0px;
	text-align: center;
}
#feeter a:hover {
	color: #063;
}

.info {
	padding: 10px 15px;
	border: 1px solid #e2e2e2;
	background: #f0f0f0 url(../images/layout/body-bg.jpg) no-repeat top center;
	color: 3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.info2 {
	padding: 10px 15px;
	height: 200px;
	border: 1px solid #e2e2e2;
	background: #f0f0f0 url(../images/layout/body-bg.jpg) no-repeat top center;
	color: 3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
}
.entry {margin-bottom: 35px;background: url(../images/layout/intro-bg.png) repeat-x bottom left;}
.entry .info {padding: 10px 0;background: url(../images/layout/intro-bg.png) repeat-x top left;border: 0;}
.info p {
	line-height: 1.5;
	color: #000;
	font-size: 12px;
} 
.entry .info p {font-size: 11px;}

.linkList li {color: #333;display: block;color: #000;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;font-size: 12px;line-height: 1.4;margin-bottom: 10px;padding-bottom: 10px;background: url(../images/layout/intro-bg.png) repeat-x bottom left;} 
.linkList li a {font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif;text-decoration: none;color: #b3af1d;padding-right: 5px;}
.linkList li:hover {cursor: pointer;}
.linkList li:hover a {color: #8d1642;text-decoration: none;}

p#rss a {display: block;background: #8d1642 url(../images/layout/rss.png) no-repeat 95% 50%;text-transform: lowercase;color: #FFF;text-decoration: none;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;padding: 4px 8px;font-size:14px;padding-right: 25px;} 
p#rss a:hover {background-color: #464646;}

#comments h3{margin: 35px 0 35px 0;padding-bottom: 5px; background: url(../images/layout/intro-bg.png) repeat-x bottom left;} 
.commentodd, .commenteven {background: #f6f6f6;border: 1px solid #F0F0F0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-bottom: 15px;overflow: hidden;position: relative;padding: 15px;}
.commenteven {background: #fcfcfc;}
#comments ul {padding: 0;font-size:12px;list-style: none;}
.comment_number {z-index: 0;position: absolute;font-size: 140px;font-weight: bold;color: #ececec;bottom: -28px;right: 0px;padding: 0;margin: 0;line-height: 1;}
.commenteven .comment_number {color: #f4f4f4;} 
.comment_detail {width: 65%;float: left;margin-right: 20px;}
.comment_info {position: absolute;left: 470px;width: 200px;z-index: 100!important;}
.comment_info li img {float: left;margin-right: 5px;padding: 5px;background:#FFF;}
.op {background:#fbfbef;border-color:#edecbf;}
.op .comment_number {color: #f5f4dc;}

/* =hCard
-----------------------------------------------*/ 
.street-address, .country-name {display: block;} 
.vcard p {font-size: 17px;margin-bottom: 5px;background: url(../images/layout/intro-bg.png) repeat-x bottom left;padding-bottom: 3px;} 
.vcard p.adr, .vcard p.tel, .vcard p.email {font-size: 14px;padding-bottom: 0;margin: 0;background: none;}
.type {font-weight: bold;}
.vcard .email {font-size: 14px;font-weight: bold;} .vcard .value {font-size: 14px;font-weight: normal;}


/* =Forms
-----------------------------------------------*/ 
.row {background: #fcfcfc;clear: both;position: relative;padding: 15px;overflow: hidden;margin-bottom: 8px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.row:hover {background: #FFF;box-shadow: 0px 1px 5px rgba(70,70,70, .1);-webkit-box-shadow: 0 1px 5px rgba(70,70,70, .1);-moz-box-shadow: 0 0 3px rgba(70,70,70, .1);}
.even {background: #f6f6f6;}
.row label {width: 150px;text-align: right;display: block;float: left;margin: 4px 15px 0 0;}
.row label span {color: #9F2759;font-weight: bold;font-size: 18px;}
.row .longLabel {width: auto;text-align: left;margin: 9px 0 0 5px;}
legend {font-size: 20px;margin-bottom: 10px;}
legend span {color: #9F2759;font-size:14px;}
fieldset {margin-bottom: 20px;position: relative;}
form {background: #fff;padding: 20px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.row input, .row textarea, .row select {border: 1px solid #DDD;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;float: left;width: 293px;margin: 0 0 3px 0;padding: 7px;}
.row input:focus, .row input:hover, .row textarea:focus, .row select:focus {border: 2px solid #CCC;padding: 6px;}
.row textarea {height: 90px;}
.row select {width: 303px;}
.row p {clear: both;background: #fff1f2;padding: 1px 6px;width: 288px;border: 1px dashed #e19297;margin: 5px 0 0 126px;overflow: hidden;font-size: 11px;font-style: italic;font-weight: 600;letter-spacing: 1px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.loading {padding-left: 55px;background: url(../images/layout/loading.gif) no-repeat 0 50%;color: #53BABF;}
#submit {font-weight: bold;margin: 20px 0;padding: 5px;float: right;}
#msg {float: left;width: 400px;float: left;margin: 20px 0;}
#msg li {margin-left: 35px;font-size: 16px;color: #9F2759;}
p.success {color: #2ca429;font-size: 16px;padding-left: 30px;background: url(../images/layout/success.png) no-repeat 0 50%;}

#comment_form {margin-top: 35px;}
#comment_form .row {padding: 0;background: none;}
#comment_form .row:hover {box-shadow: none;-webkit-box-shadow:none;-moz-box-shadow: none;}
#comment_form .row input {width: 225px;}
#comment_form textarea {width: 400px;}
#comment_form .row label {width: 100px;display: block;float: none;text-align: left;margin: 0;}
#comment_form .checkbox label {display: block;width: auto;}
#comment_form .checkbox input {width: auto;margin: 5px 10px 0 5px;}
#comment_form #submit {float: none;}

/* Footer
----------------------------------------*/
#hire {
	display: block;
	visibility: visible;
	background: url(../images/layout/hire-bar.png) no-repeat;
	display: block;
	width: 930px;
	height:50px;
	text-indent: -9999px;
	margin: 0px 0 0 35px;
	float: left;
	position: relative;
	padding: 0 0px 0 0px;
}
#hire a {display: block;position: absolute;left: 822px;top: 9px;width: 90px;height: 31px;background: url(../images/layout/hire-bar.png) no-repeat -822px -59px;}
#hire a:hover {background-position: -822px -9px;}

#hire2 {
	display: block;
	visibility: visible;
	background: url(../images/layout/hire-bar.png) no-repeat;
	display: block;
	width: 930px;
	height:25px;
	text-indent: -9999px;
	margin: 0px 0 0 0px;
	float: left;
	position: relative;
	padding: 0 0px 0 0px;
}
#hire2 a {display: block;position: absolute;left: 822px;top: 9px;width: 90px;height: 31px;background: url(../images/layout/hire-bar.png) no-repeat -822px -59px;}
#hire2 a:hover {background-position: -822px -9px;}

#footer {
	clear: both;
	width: 1000px;
	margin: 0 auto 10px auto;
	padding: 5px 5px 20px 0;
}
#footer p {color: #333333;font-size: 10px;display: inline;margin: 0;float: left;padding: 4px 5px;}
#footer p#footnote {
	clear: none;
	float: right;
	display: inline;
	border: 1px solid #F0F0F0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-top: 20px;
}

/* Overlays
---------------------------------------*/
.overlay {position: relative;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;display: none;padding: 55px 30px;width:650px;border:5px solid #FFF; box-shadow: 0px 0px 50px 5px #000;-moz-box-shadow: 0px 0px 50px 5px #000; -webkit-box-shadow: 0px 0px 50px #000; background: #f0f0f0 url(../images/layout/body-bg.jpg) no-repeat top center!important;}
.overlay p, .quote p {text-align: right;float: right;font-size: 18px;margin-right: 20px;}
.overlay .company {display: block;text-align: right;font-size: 12px;text-transform: uppercase;}
.overlay p a {display: block;padding: 0;border: 0;background: none;float: none;margin: 0;}
.overlay blockquote, .quote blockquote {font-size: 18px; text-shadow: 1px 2px 3px rgba(0,0,0, .3);line-height: 1.7;font-family: Georgia;padding: 10px 20px;background: url(../images/layout/quotes.png) no-repeat top left;}
.overlay .viewProject {margin-top: 20px;float: right;}
.overlay .quoteThumb {float: left;margin: 0 0 0 35px;}
div.overlay div.close {background: url(../images/layout/close.png) no-repeat;position:absolute;right:-20px;top:-20px;cursor:pointer;height: 36px;width:36px;}
.quote blockquote {font-size: 13px;text-shadow: 1px 1px 2px rgba(0,0,0, .2);}
.quote p {font-size: 14px;}

pre {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #464646;
border: none;
color: #030;
font-size: 12px;
padding: 0;
margin: 0 0 20px 0;
line-height: 20px;
overflow: auto;
overflow-Y:hidden;
font-family: "Courier New", Courier, monospace;
}
pre code {
margin: 0 0 0 40px;
padding: 18px 0;
display: block;
}


/* Entry-centric styles
---------------------------------------*/

#twitterList {
margin: 55px 0 0 0;
padding: 0;
list-style-type: none!important;
}
#twitterList li {
display: block;
overflow: hidden;
margin-bottom: 25px;
background: url(../images/layout/intro-bg.png) repeat-x bottom left;
padding-bottom: 10px;
}
#twitterList h4 {
float: left;
width: 25%;
text-align: center;
}
#twitterList h4 a, #twitterList h4 img {
text-decoration: none;
display: block;
font-size: 12px;
color: #464646;
text-align: center;
}
#twitterList h4 img {
padding: 5px;
background: #FFF;
height: 48px;
width: 48px;
margin: 0 auto 5px auto;
}
#twitterList p {
float: right;
display: inline;
width: 75%;
margin-top: -90px;
font-size: 14px;
}
