/*----------------------------------------
Site Name: Dreamtime
Developed by: Jeff Claeson - www.bydreamtime.com 
Date Created: 08-2009 
Last Updated:12-2009
----------------------------------------*/


/* Elements
----------------------------------------*/
body {background: #f0f0f0 url(/images/layout/body-bg.jpg) no-repeat top center;} 
#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;line-height: 1.5;font-size: 15px;color: #4c4438;}

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 25px 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;}
.linkList {padding: 0;list-style: disc;}

/* =Typography
-----------------------------------------------*/ 
h1, .entry_title {font-size:36px; margin: 0 0 15px 0;line-height: 1; font-weight: bold; color: #333!important; }
h2 {font-size:26px; margin-bottom: 15px; font-weight: normal;line-height: 1; color: #464646;text-transform: lowercase;}
h3 {font-size:20px; margin-bottom: 10px; font-weight: normal; color: #39c0c7; }
h4 {font-size:16px; margin-bottom:10px; font-weight: normal;} p {line-height: 1.5; margin: 0 0 15px 0;clear: left;}

.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;background: url(/images/layout/dots.png) repeat-x 0 100%;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: #39c0c7;text-decoration: underline;}
a:hover {text-decoration: none;border: none;color: #8d1642;}


#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;} 
#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: 210px;height: 102px;text-indent: -9999px;background: url(/images/layout/dreamtime-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 { background: transparent url(/images/layout/nav.png) -319px -60px no-repeat;}
li#nav-connect a:hover { background: transparent url(/images/layout/nav.png) -482px -60px no-repeat;}

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 35px;width: 930px;margin: 0;}

#hero, .scroll {background: url(/images/layout/hero-bg.jpg) no-repeat bottom left;position:relative;overflow:hidden;clear:both;height: 330px;width: 930px;color: #FFF;top: -30px;} 
.scroll {float: right;top: 0;width: 690px;background: none;color: #4c4438;height: 500px;}
.portfolio .scroll {top: -50px;width: 450px;}
#screenshots {height: 550px;padding-top: 50px;} 
#hero .items, .scroll .items {width:20000em;clear:both;margin: 0;position:absolute; clear:both; height: 330px;} 
.items p {font-size: 15px;} 
#hero div, .scroll div {float:left;display:block;width:930px;padding-top: 30px; height: 330px;cursor:pointer;font-size:14px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} 
.scroll div {clear: right;font-weight: normal;width: 690px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;color: #4c4438;padding: 0;}
#screenshots .items div img {border: 5px solid #FFF;} 
#hero .items div {background-position: top left;background-repeat: no-repeat;width: 250px;padding: 40px 650px 20px 30px;text-align: right;float:left; cursor:pointer; height: 330px;position: relative;} 
#hero .items div img {position: absolute;top: -26px;left: 300px;z-index: 10;}
#heroNav, #screenshots .mini-nav {position: absolute;top: 38px;right: 10px;z-index: 15;list-style: none;padding: 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;text-indent: -9999px;width: 35px;padding: 0;height:35px;float: left;color: #FFF;text-align: center;text-decoration: none;margin-left: 5px;} 
#heroNav a#t1, #screenshots .mini-nav li a#t1 {background:url(/images/layout/page1.png) no-repeat 0 0;}
#heroNav a#t2, #screenshots .mini-nav li a#t2 {background:url(/images/layout/page2.png) no-repeat 0 0;}
#heroNav a#t3, #screenshots .mini-nav li a#t3 {background:url(/images/layout/page3.png) no-repeat 0 0;}
#heroNav a#t4, #screenshots .mini-nav li a#t4 {background:url(/images/layout/page4.png) no-repeat 0 0;}
#heroNav a#t5, #screenshots .mini-nav li a#t5 {background:url(/images/layout/page5.png) no-repeat 0 0;}
#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 -35px!important;} 
#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:hover {cursor: pointer;} 
#notebook li h3 {margin: 0 0 5px 0;} 
#notebook li h3 a {font-size: 16px;line-height: 1.2;display: block;text-align: left;color: #a92e5f;}
#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: 13px;margin: 0 0 5px 0;padding-bottom: 15px;background: url(/images/layout/dots.png) repeat-x 0 100%;text-shadow: 0 1px 1px rgba(0,0,0, .1);}

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, .fancyList li a {text-align: center;display: block;text-decoration: none;font-size: 12px;text-transform: lowercase;padding: 3px 12px;background: #7ecdd1 url(/images/layout/green-grad.png) repeat-x bottom left; color: #FFF;border: 1px solid #7ecdd1;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;box-shadow: 0px 0px 3px rgba(0,0,0, .3);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0, .3);-moz-box-shadow: 0px 0px 3px rgba(0,0,0, .3);text-shadow: -1px -1px 0px rgba(0,118,139, .6);}
.mini-nav li a:hover , .subNav li a:hover, .fancyList li a:hover {background: #03a5ad; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;} 
.mini-nav li a.current {background: #464646;color: #FFF;border-color: #363535;text-shadow: -1px -1px 1px rgba(0,0,0, .9);}

#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 15px 15px 0;} 
.items 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;} 
.items 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 {background: #FFF;border-color: #39c0c7; }

.subNav, .fancyList {padding: 0;list-style: none;}
.subNav li, .fancyList li {display: block;margin-bottom: 3px;clear: both;line-height: 2;}
.subNav li a, .fancyList li a {color: #FFF;display: inline;position: relative;text-align: left;padding: 6px 20px;background: #7ecdd1 url(/images/layout/green-grad.png) repeat-x bottom left;font-size: 15px;}
.subNav li a:hover {} 
.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;} 
.subNav .new {position: absolute;left: 175px;}

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

.info {padding: 10px 15px;border: 1px solid #e2e2e2;background: #f0f0f0 url(/images/layout/body-bg.jpg) no-repeat top center;color: #bdbdbd;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.7;margin: 0;color: #676767;font-size: 14px;} 
.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;top: -18px;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: 50px 0 0 0;float: left;position: relative;}
#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;}

#footer {clear: both;width: 990px;margin: 0 auto 150px auto;padding: 40px 5px;background: transparent url(/images/layout/content-bottom.png) no-repeat;}
#footer p {color: #4c4438;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;}

/* 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: #fff;
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
---------------------------------------*/
.downloads a {text-align: center;display: block;width: 400px;margin: 20px auto;font-size: 18px;text-transform: lowercase;padding: 5px 6px 5px 6px;background: #7ecdd1 url(/images/layout/green-grad.png) repeat-x bottom left; color: #FFF;text-decoration: none;border: 1px solid #7ecdd1;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-shadow: 0px 0px 3px rgba(0,0,0, .3);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0, .3);-moz-box-shadow: 0px 0px 3px rgba(0,0,0, .3);text-shadow: -1px -1px 0px rgba(0,118,139, .6);}
.downloads a:hover {background: #7ecdd1}

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