* {margin:0; padding:0}
a { outline: none; }
:-moz-any-link:focus {outline: none;}
object:active, div:active{outline: none;}
object:focus, div:focus{-moz-outline-style: none;}
img {border:none}
body { background:#302c25; font-size:67.5%; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
.clear {clear:both; height:1px}
#main-left p {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; padding:5px 0}
.georgia {font-family:Georgia, "Times New Roman", Times, serif !important; font-size:1.3em !important}
.green {color:#b3c536 !important}
.grey {color:#a7a4a0 !important}
h1 {font-size:22px !important; color:#b3c536; font-weight:normal;letter-spacing:-1px}
h2 {font-size:22px !important; color:#b3c536; font-weight:normal;letter-spacing:-1px}
h3 {font-size:24px !important; color:#b3c536; font-weight:normal; margin-bottom:15px; letter-spacing:-1px}
h4 {font-size:18px; font-weight:normal; color:#b3c536;letter-spacing:-1px}
a {color:#484036;}
a:hover {text-decoration:none}
#iphone {display:none;}
#iphone a {color:#595146; text-decoration:none; display:block;}
#mobile {display:none;}
#mobile a {color:#595146; text-decoration:none; display:block;}
.button-box1 {width:204px; height:165px; margin-bottom:10px; margin-top:7px;}
.button-box1 a {background:url(http://urbanriver.com/images/tv-radio.png) no-repeat; background-position: 0 0; width:204px; height:165px; display:block; text-decoration:none;}
.button-box1 a:hover {background:url(http://urbanriver.com/images/tv-radio.png) no-repeat; background-position: 0 -165px !important; width:204px; height:165px; display:block; text-decoration:none;}
.button-box1 span {visibility:hidden;}
.button-box2 {width:204px; height:165px; margin-bottom:10px;}
.button-box2 a {background:url(http://urbanriver.com/images/iphone-apps.png) no-repeat; background-position: 0 0; width:204px; height:165px; display:block; text-decoration:none;}
.button-box2 a:hover {background:url(http://urbanriver.com/images/iphone-apps.png) no-repeat; background-position: 0 -165px !important; width:204px; height:165px; display:block; text-decoration:none;}
.button-box2 span {visibility:hidden;}


/*.activea { background:url(http://urbanriver.com/images/menu-hover.gif) right center no-repeat}*/
.active a {color:#b3c536 !important; }
.active-top {color:#b3c536 !important; }
#logo {position:relative; right:10px; bottom:2px}
#main-body{background:#5b5146 url(http://urbanriver.com/images/backround.gif) center; width:100%}
#main-box{width:980px; margin:auto;}
#main-left{width:233px; min-height:650px; float:left; padding-top:30px; padding-left:7px}
#main-right{width:740px; min-height:650px; float:left;}
#content{background:#fff; width:718px; height:478px; margin:auto; margin:10px; position:relative; top:5px;border:1px solid #fff;color:#484036;-moz-border-radius: 5px;
-webkit-border-radius: 5px;-moz-box-shadow: 0 0 .9em #302c25;}
#content-text{background:#fff; width:678px; min-height:438px; margin:auto; margin:10px; padding:20px; position:relative; top:5px;border:1px solid #fff;color:#595146;-moz-border-radius: 10px; -webkit-border-radius: 10px;-moz-box-shadow: 0 0 .9em #302c25;}
#twittercontent{background:#bab2a6; width:678px; margin:auto; margin:20px 10px 60px 10px; padding:20px; border:1px solid #bab2a6; color:#ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px;-moz-box-shadow: 0 0 .9em #302c25;}
.twtr-doc {margin:auto; margin:20px 10px 60px 10px; padding:20px;}
.twtr-widget a {color:#b3c536 !important;}
#twitterfeed {width:480px; font-size:1.2em; float:right;}
#twitter_update_list li {display:block; list-style:none; padding:5px; border-bottom:1px dotted #484036;}
#twitter_update_list li .lastTweet {border-bottom:none; padding-bottom:0;}
#twitter_update_list li .firstTweet {border-bottom:none; padding-top:0;}
#content-text p {font-size:1.2em; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px}
.stafimg {float:left; margin-right:10px;}
.stafimg img {border:1px solid #b3c536; cursor:pointer; margin-bottom:5px;}
.stafimg p {font-size:1.3em !important}
#carl {filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}
#paul {filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}
#chris {filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}
.textleft {width:300px; padding-right:25px; float:left; margin-top:20px}
.bigright {font-size:2.6em !important; color:#b3c536; font-family:Georgia, "Times New Roman", Times, serif; margin-top:30px}
#portfolio-bar{width:720px; margin:-2px 10px 0px 10px; font-size:2.0em; border-bottom:2px dotted #fff; padding:7px 0; clear:both; background:url(http://urbanriver.com/images/gifbg.gif)}
#portfolio-bar a{color:#fff; text-decoration:none; display:block; float:left; margin-right:5px}
#portfolio-bar a:hover{color:#fff;}
#portfolio-bar-on{width:720px; margin:-2px 10px 0px 10px; font-size:2.0em; border-bottom:2px dotted #fff; padding:7px 0; clear:both; background:url(http://urbanriver.com/images/gifbg.gif)}
#portfolio-bar-on a{color:#fff; text-decoration:none; display:block; float:left; margin-right:5px}
#portfolio-bar-on a:hover{color:#a7a4a0;}
#menu {font-size:1.8em; margin:30px 0 15px 0px; list-style:none; position:relative; left:10px; cursor:pointer}
#menu a {color:#fff; text-decoration:none; line-height:1.5em; display:block; width:100%; position:relative; right:10px}
#menu a:hover {color:#a7a4a0;}
#footer {width:100%; background:#302c25; border-top:1px solid #7e7b77; position:relative; bottom:30px}
#footer-inside {width:980px; margin:auto; }
#fleft {width:300px; padding:0px 10px 10px 10px; float:left; position:relative; bottom:20px; z-index:2; background:#302c25 url(http://urbanriver.com/images/bottom-bg.gif)}
#fleft strong {color:#a7a4a0}
#fcenter{width:300px; padding:0px 10px 10px 10px; float:left; position:relative; bottom:20px; z-index:3; background:#302c25 url(http://urbanriver.com/images/bottom-bg.gif)}
#fcenter p{font-size:1.1em; font-family:Arial, Helvetica, sans-serif; padding:0}
#fleft p {font-size:1.3em; font-family:Arial, Helvetica, sans-serif; padding:0}
#fright {width:300px; padding:0px 10px 10px 10px; float:left; position:relative; bottom:20px; z-index:4; background:#302c25 url(http://urbanriver.com/images/bottom-bg.gif)}
#fbottom {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; padding:0; color:#776b5b; position:relative; bottom:20px}
#fbottom a {color:#776b5b; text-decoration:none}
#fbottom a:hover {color:#b3c536; text-decoration:underline}
#fbottom img {margin:0 0 0 5px; position:relative; top:2px}
.ltestalk {margin-top:20px}
.input {background:#524a3f url(http://urbanriver.com/images/input-bg.gif) top left no-repeat; padding:5px; border:none; float:left; width:200px; color:#b3c536;-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.input1 {background:#524a3f url(http://urbanriver.com/images/input-bg1.gif) top left no-repeat; padding:5px; border:none; float:left; width:200px; color:#b3c536;-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.input-small {background:#524a3f url(http://urbanriver.com/images/input-bg.gif) top left no-repeat; padding:5px; border:none; float:left; width:20px; color:#b3c536;-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.textarea {background:#524a3f url(http://urbanriver.com/images/input-bg.gif) top left no-repeat; padding:5px; border:none; float:left; width:200px; height:80px; color:#b3c536; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.go-button {float:left; margin-left:10px}
.go-button {background:url(http://urbanriver.com/images/go-a.gif) no-repeat top left; display:block; width:48px; height:28px; border:none; cursor:pointer}
.go-button:hover {background:url(http://urbanriver.com/images/go-b.gif) no-repeat top left}
.submit-button {background:url(http://urbanriver.com/images/submit-a.gif) no-repeat top left; display:block; width:92px; height:28px; border:none; cursor:pointer; float:right}
.submit-button:hover {background:url(http://urbanriver.com/images/submit-b.gif) no-repeat top left}
.talk-button {float:right}
.contact-form label {width:90px; float:left;font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px}
.contact-form input, .contact-form textarea {margin-bottom:3px}
.contact-form span label sup {color:#b3c536; font-weight:bold}
.contact-form span label small {color:#b3c536; font-weight:bold}

.order-submit {background:url(http://urbanriver.com/images/submit.gif) no-repeat top left !important; display:block !important; width:92px !important; height:28px !important; border:none!important; cursor:pointer; float:right}
.order-form {margin-top:40px}
.order-form input {padding:5px; border:none; float:left; width:300px; color:#302c25; background:none; border:1px solid #cecdcc}
.order-form .input-small {padding:5px; border:none; float:left; width:20px; color:#302c25; border:1px solid #cecdcc}
.order-form textarea {padding:5px; border:none; float:left; width:300px; color:#302c25; background:none; border:1px solid #cecdcc; margin-bottom:3px}
.order-form label {width:150px; float:left;font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px; display:block}
.order-form input, .contact-form textarea {margin-bottom:3px}
.order-form span label sup {color:#b3c536; font-weight:bold;}
.order-form span label small {color:#b3c536; font-weight:bold}

.padlock {position:relative; left:10px; top:2px}
#map {margin-top:20px; border:1px solid #25221d;}
#more-content {margin-top:5px;display:none}
.portbutton {clear:both; font-size:2.3em; float:right; color:#b3c536; position:relative; bottom:50px; right:25px}
.portbutton a {color:#5e554b; text-decoration:none}
.portbutton a:hover {color:#302c25}
.iphonebutton {clear:both; font-size:2.3em; float:right; color:#b3c536; position:relative; bottom:50px; right:25px}
.iphonebutton a {color:#5e554b; text-decoration:none}
.iphonebutton a:hover {color:#302c25}

.morebutton {font-size:1.6em; float:right; color:#b3c536;}
.morebutton a {color:#5e554b; text-decoration:none}
.morebutton a:hover {color:#302c25}
.textleft h3 {font-size:70px !important; font-weight:normal !important; margin-bottom:30px}
.textleft p {margin-bottom:15px !important}
.first {padding-left:0 !important}
.last {border:0 !important}
.slideshow {position:relative; top:5px; left:5px}
.credentials, .video, .brochure {font-size:1.9em; text-decoration:none; display:block; padding:2px; color:#a7a4a0}
.credentials {background:url(http://urbanriver.com/images/pdf.gif) no-repeat 0 7px; padding-left:18px}
.pdf-icon {background:url(http://urbanriver.com/images/pdf-icon.png) no-repeat; padding:20px 0px 20px 55px; font-size:1.4em;}
.brochure {background:url(http://urbanriver.com/images/ur-icon.gif) no-repeat 0 6px; padding-left:22px}
.video {background:url(http://urbanriver.com/images/video.gif) no-repeat 0 8px; padding-left:18px}
.credentials:hover, .video:hover, .brochure:hover {color:#fff}
#homeleft {float:left; width:350px; margin-right:25px}
#homeright {float:right; width:350px}
.home {background:#fff url(http://urbanriver.com/images/front-image.gif) no-repeat top left !important;}
.iphone {background:#fff url(http://urbanriver.com/images/web-iphone-apps.jpg) no-repeat top left !important;}
.apply {background:url(images/apply.gif) no-repeat; padding:13px 0px 15px 80px; font-size:1.4em;}
.tutorial {background:#fff url(http://urbanriver.com/images/tutorial.gif) no-repeat top left !important;}
.homenews {padding-left: 30px; position:absolute; bottom:0px;}
.homenews p {font-family:Arial, Helvetica, sans-serif; font-size:1.2em}
.homenews h3 {font-size:40px !important; color:#5e554b !important}
.line {width:100%; height:2px; border-top:1px dotted #a5bc23; margin:3px 0; clear:both}
#bottom {position:absolute; bottom:20px; right:20px}
.textright {float:left; width:350px}
.textright ul {margin-top:20px; list-style:none; margin-bottom:5px}
.textright ul li {font-family:Arial, Helvetica, sans-serif; font-size:1.3em; padding:5px 5px; border-bottom:1px dotted #a5bc23; display:block; width:150px; }
#services-menu span {float:left; border-right:1px dotted #918e8a; position:relative; bottom:15px}
.dhtmlgoodies_question{color:#8c867f;overflow:hidden;cursor:pointer;font-size:1.2em; margin:auto; position:relative; bottom:42px; right:436px; width:103px; height:41px; background:url(http://urbanriver.com/images/more.gif) top left no-repeat}
.dhtmlgoodies_answer{background-color:#302c25;width:960px; margin:auto;visibility:hidden;height:0px;overflow:hidden;position:relative; }
.message {color:#303700; background:#b3c536; padding:15px 0; text-align:center; border-top:1px solid #dee4a3;border-bottom:1px solid #dee4a3;position:fixed; top:50%; left:0; font-size:32px; width:100%; margin:auto; z-index:1000;-moz-opacity:.85;opacity:.85;}
.dhtmlgoodies_answer_content{font-size:1.2em;position:relative; z-index:1 !important}

.image-on-left {float:left; padding:0px 10px 10px 0px;}
.image-on-right {float:right; padding:0px 0px 10px 10px;}
.newimg {height:70px;float:left; margin-right:20px; border:1px solid #b6b3a8 }
.newtitle {cursor:pointer; text-decoration:none}

.row {padding:5px 10px;}
.row h4 {color:#595146; float:left; padding-bottom:5px}
.nav {text-align:right; padding-top:15px; background:none !important; font-family:Arial, Helvetica, sans-serif;}
.nav a {color:#302c25; text-decoration:none;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.nav a:hover {background:#f5f8e4;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.pager {border:1px solid #b3c536; padding:3px 6px; margin:0px 1px; background:#fff}
.hoverlist {border:1px solid #93a22d; padding:3px 6px; margin:0px 1px; background:#b3c536; color:#fff}
#twitter {position:absolute; left:20px; bottom:20px}

/* LOGIN AREA */
#email-login, #project-login {float:left}
#email-login {margin-left:70px}
#email-login label, #project-login label {width:90px; float:left;font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px}
#email-login input, #email-login textarea, #project-login input, #project-login textarea {margin-bottom:3px}
.sign {padding:0.5em; cursor:pointer;margin-top:15px;color:#302c25; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em}
.remlink a {color:#b3c43b; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
.remlink a:hover {color:#fff;}


#more-col1, #more-col2 {float:left;padding:0; margin-right:20px; position:relative;width:300px;}
#more-col3 {float:left;padding:0;position:relative;width:300px;}

#more-col1 p, #more-col2 p, #more-col3 p {padding-bottom:10px; font-family:Arial, Helvetica, sans-serif}
#more-col1 em, #more-col2 em, #more-col3 em {color:#b3c536 !important; font-family:Georgia, "Times New Roman", Times, serif !important}
#more-col1 h2, #more-col2 h2, #more-col3 h2 {margin-bottom:10px}