/* 
Theme Name: 	RIO
Description: 	Rio Corporate Site
Author: 		Paul K. & Daryl A.
Author URI: 	www.riodevelopment.com
Version: 		1.0
*/

body {
	font: 62.5% "Lucida Grande", Helvetica, Arial, sans-serif; /* 1em == 10px, 1.2em == 12px, etc... */
	background: #fbfbfb url(images/bg.png) repeat-x; /* Set background image here */
	margin: 0;
	padding: 0 4px 0 4px; /* still doesn't add righthand padding in safari iphone */
}

div#container {
	width: 984px;
	padding: 0;
	margin: 0 auto 0 auto;
}

/*-----------------------------------------------------------------------------

  Reset Defaults

-----------------------------------------------------------------------------*/

p, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}

img {
	border: 0;
}

a {
  outline:0; /* Eliminates borders around hyperlinks */
  text-decoration: none;
}

/*-----------------------------------------------------------------------------

  Links

-----------------------------------------------------------------------------*/

a:link {
	color: #3a8ae4;
	list-style-position: outside;
}

a:visited {
	color: #3a8ae4;
}

a:hover {
	color: #3a8ae4;
	text-decoration: underline;
}

a:active {
	color: #3a8ae4;
}


/*-----------------------------------------------------------------------------

  Header

-----------------------------------------------------------------------------*/

div#header {
	width: 984px;
	height: 154px;
}

div#logo {
	width: 148px;
	height: 102px;
	margin: 26px 0 26px 4px;
	float: left;
	background: url(images/riointerface.png) transparent -723px 0px no-repeat;
}

div#halloween-logo {
	width: 148px;
	height: 102px;
	margin: 26px 0 26px 4px;
	float: left;
	background: url(images/riointerface.png) transparent -723px 0px no-repeat;
}

/*-----------------------------------------------------------------------------

  Searchbox

-----------------------------------------------------------------------------*/

div#search {
	width: 305px;
	margin: 16px 0 0 0;
	height: 21px;
	float: right;
}

div#search p {
	line-height: 21px;
	float: left;
	font-size: .9em;
	color: #ffffff;
	font-weight: bold;
	background: url(images/riointerface.png) no-repeat;
}

div#search p a {
	color: #ffffff;
}

div#search p#account {
	background-position: -983px -204px;
	padding-left: 17px;
	margin: 2px 0 0 0;
}

div#search p#login {
	background-position: -983px -225px;
	padding-left: 14px;
	margin: 2px 0 0 18px;
}

div#search #searchform { /* Background for Search Form */
	width: 136px;
	height: 21px;
	background: url(images/riointerface.png) -836px -204px no-repeat;
	float: right;
}

div#search #s { /* The Search Box */
	width: 110px; /* No height specified for user scaled fonts */
	padding: 0;
	margin: 4px 0 0 20px;
	font-size: 1.1em;
	color: #7f7f7f;
	border: none;
	background-color: transparent;
	float: left;
	outline: 0; /* Eliminate focus border in Safari */
}

/*-----------------------------------------------------------------------------

  Search Results

-----------------------------------------------------------------------------*/

div#main h2.search-title {
	font-size: 2em;
}

div#main div.search-results { /* The Results */
	margin: 0 0 16px 0;
}

div#main div.search-results h4 {
	font-size: 1.4em;
	margin: 0;
}

div#main div.search-results h4 a {
	
	font-weight: normal;
	text-decoration: underline;
	color: #2200cc;
}

div#main div.search-results h4 a:visited {
	color: #551a8b;
}

div#main div.search-results p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0;
}

div#main div.search-results br {
	display: none;
}

div#main div.search-results p.hide {
	display: none;
}

div#main div.search-results p.green {
	color: #008000;
}

div#main div.search-results small {
	display: none;
}

div#main div.search-results span.searchterm1, 
div#main div.search-results span.searchterm2, 
div#main div.search-results span.searchterm3, 
div#main div.search-results span.searchterm4 {
	font-weight: bold;
	background-color: transparent;
}

div#main div.search-results p span.searchterm1, 
div#main div.search-results p span.searchterm2, 
div#main div.search-results p span.searchterm3, 
div#main div.search-results p span.searchterm4 {
	color: #444444;
}

div#main div.navigation { /* Search Pagination */
	height: 1.2em;
}

div#main div.navigation div.previous { 
	font-size: 1.2em;
	float: left;
}

div#main div.navigation div.next {
	font-size: 1.2em;
	float: right;
}

div#main p.search-suggest { /* Suggestions Text */
	margin: 0 0 4px 0;
}

div#main ul.search-suggest {
	margin: 0 0 24px 32px;	
}

div.search-result-form, div.sitemap-search-form { /* Search boxes on results page */
	background-color: #fafafa;
	margin: 8px 0 0 0;
	padding: 0 0 0 16px;
	border: 1px solid #dedede;
}

div.search-result-form input, div.sitemap-search-form input {
	margin: 16px 6px 16px 0;	
}

div#main p.search-result-form {
	margin: 16px 0 16px 0;	
}

div#main div#spell-suggest p { /* Spell Suggest Plugin */
	font-size: 1.4em;
	color: #cc0000;
}

div#main div#spell-suggest p a {
	font-style: italic;
	text-decoration: underline;
	margin: 0 4px 0 0;
}

/*-----------------------------------------------------------------------------

  Navigation

-----------------------------------------------------------------------------*/

div#nav {
	width: 720px;
	height: 36px;
	float: right;
	margin: 63px 0 0 0;
}

ul#navtop {
	width: 720px;
	height: 36px;
	background: url(images/riointerface.png);
}

#navtop li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#navtop li, #navtop a {
	height: 36px;
	display: block;
}

/* Top Navigation Link Positioning */

#navhome {
	left: 0;
	width: 89px;
}

#navcompany {
	left: 89px;
	width: 117px;
}

#navservices {
	left: 206px;
	width: 106px;
}

#navportfolio {
	left: 312px;
	width: 108px;
}

#navresources {
	left: 420px;
	width: 117px;
}

#navblog {
	left: 537px;
	width: 81px;
}

#navcontact {
	left: 618px;
	width: 102px;
}
	
/* Top Navigation Hovers */

#navhome a:hover, #navhome.current {
	background: transparent url(images/riointerface.png) 0 -37px no-repeat;
}

#navcompany a:hover, #navcompany.current {
	background: transparent url(images/riointerface.png) -89px -37px no-repeat;
}

#navservices a:hover, #navservices.current {
	background: transparent url(images/riointerface.png) -206px -37px no-repeat;
}

#navportfolio a:hover, #navportfolio.current {
	background: transparent url(images/riointerface.png) -312px -37px no-repeat;
}

#navresources a:hover, #navresources.current {
	background: transparent url(images/riointerface.png) -420px -37px no-repeat;
}

#navblog a:hover, #navblog.current {
	background: transparent url(images/riointerface.png) -537px -37px no-repeat;
}

#navcontact a:hover, #navcontact.current {
	background: transparent url(images/riointerface.png) -618px -37px no-repeat;
}

/* Top Navigation On-Click */

#navhome a:active {
	background: transparent url(images/riointerface.png) 0 -72px no-repeat;
}

#navcompany a:active {
	background: transparent url(images/riointerface.png) -89px -72px no-repeat;
}

#navservices a:active {
	background: transparent url(images/riointerface.png) -206px -72px no-repeat;
}

#navportfolio a:active {
	background: transparent url(images/riointerface.png) -312px -72px no-repeat;
}

#navresources a:active {
	background: transparent url(images/riointerface.png) -420px -72px no-repeat;
}

#navblog a:active {
	background: transparent url(images/riointerface.png) -537px -72px no-repeat;
}

#navcontact a:active {
	background: transparent url(images/riointerface.png) -618px -72px no-repeat;
}

/*-----------------------------------------------------------------------------

  Content

-----------------------------------------------------------------------------*/

div#splash {
	width: 984px;
	height: 6px;
	margin: 4px 0 0 0;
	background-image: url(images/riointerface.png);
	background-repeat: no-repeat;
	background-position: 0 -108px;
}

div#splash.home {
	width: 984px;
	height: 338px;
	background-image: url(images/intelligent-web-design.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#homeslogan {
	width: 419px;
	height: 338px;
	float: left;
}

div.homeboxes {
	width: 270px;	
	margin: 10px 45px 0 0;
	float: left;
}

div.homeboxes-r {
	width: 270px;	
	margin: 10px 0 0 0;
	float: left;
}

div#homeslides {
	width: 531px;
	height: 288px;
	padding: 50px 34px 0 0;
	float: right;
	background-image: url(http://www.riodevelopment.com/wp-content/uploads/2009/10/walden.png);
	background-repeat: no-repeat;
	background-position: 0px 40px;
}

.line {
	width: 900px;
	height: 24px;
	margin: 0 42px 0 42px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}

div#content {
	background: url(images/contentbg.png) #ffffff repeat-y;
	width: 984px;
}

div#content.home-page {
	background-image: url(images/home-main-bg.png);
	background-repeat: repeat-x;
}

div#main {
	width: 600px;
	min-height: 500px;
	margin: 30px 0 30px 42px;
	padding: 0 40px 0 0;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e4e4e4;
}

div#main.home-page {
	width: 900px;
	margin: 30px 0 30px 42px;
	float: left;
	border-right-style: none !important;
	min-height: 0;
}

div#main.search-page {
	width: 700px;
	margin: 30px 0 30px 42px;
	float: left;
}

div#main.sitemap-page {
	width: 900px;
	margin: 30px 42px 30px 42px;
}

div#main.portfolio-page {
	width: 900px;
	margin: 30px 42px 0 42px;
	border-right-width: 0px;
}

.maintext {
	clear: both;
	margin: 0 36px 0 36px;
	padding-top: 10px;
}

/*-----------------------------------------------------------------------------

  Body Styling

-----------------------------------------------------------------------------*/

/* div#main h1 {
	font-size: 5em; 
	margin: 0 0 18px 0;
	color: #555555;
}*/

div#main h1 {
	font-size: 3em; 
	margin: 0 0 8px 0;
	color: #333333;
}

div#main h1.header {
	margin: 0 0 0 0;	
}

div#main h2 {
	font-size: 1.6em;
	line-height: 2em;
	color: #333333;
	font-weight: normal;
	margin: 0 0 6px 0;
}

div#main h2.homelinks {
	font-size: 2.3em;
	line-height: 2em;
	color: #333333;
	font-weight: normal;
	margin: 0 0 6px 6px;
}

div#main h3, div#main h4, div#main h5 {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	font-weight: bold;
	margin: 0 0 0 0;
}

div#main h6 {
	font-size: 1.6em;
	line-height: 1.6em;
	color: #1d5aa2;
	font-weight: normal;
	margin: 0 0 18px 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#main blockquote, div#main blockquote p {
	font-size: 1.25em;
	line-height: 1.4em;
	color: #1d5aa2;
	font-weight: normal;
	margin: 0 0 18px 0;
	padding: 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#main p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 0 18px 0;		
	color: #444444;
}

div#main.home-page p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 0 18px 6px;		
	color: #444444;
}

div#main.home-page p img {
	margin-left: 4px;
}

div#main ul {
	font-size: 1.2em;
	margin: 0 0 18px 24px;
	color: #444444;
	list-style-position: inside;
}

div#main ol {
	font-size: 1.2em;
	margin: 0 0 18px 0;
	color: #444444;
}

div#main li {
	line-height: 1.6em;
}

div#main ol li {
	line-height: 1.6em;
	margin-bottom: 12px;
}

div#main ul#sitemap_list { /* Sitemap Styling */
	font-size: 1.4em;
	margin: 0;
	list-style-type: none;	
}

div#main ul#sitemap_list a {
	color: #333; 	
}

div#main ul#sitemap_list li {
	width: 300px;
	float: left;
	height: 240px;
}

div#main ul#sitemap_list ul { /* Nested List */
	font-size: .9em;
	margin: 0 0 0 0;
	list-style-type: none;	
}

div#main ul#sitemap_list ul a {
	color: #3a8ae4; 	
}

div#main ul#sitemap_list ul li {
	line-height: 1.4em;	
	height: auto;
}

div#main ul#sitemap_list ul li ul { /* Double-nested List */
	font-size: 1em;
	margin: 0 0 0 12px;
	list-style-type: none;	
}

div#main ul#sitemap_list ul li ul li:before {
	content: "\2013 \0020";
	margin: 0 0 0 0;
	list-style-type: none;	
}

div.sitemap-search-form {
	width: 700px;
}

/*-----------------------------------------------------------------------------

  Links Page Styling

-----------------------------------------------------------------------------*/

div#links ul {
	list-style-type: none;	
	margin: 0;
	padding: 0;
}

div#links li {
	height: 142px;
	margin: 0 0 12px 0;
	line-height: 1.6em;
}

div#links li img {
	float: left;
	margin: 0 24px 0 0;
	border: 12px solid #fafafa;
}

div#links li a {
	font-size: 1.4em;		
}

div#links li a:hover {
	text-decoration: none;		
}

/*-----------------------------------------------------------------------------

  Sidebar Styling

-----------------------------------------------------------------------------*/

div#sidebar {
	width: 230px;
	margin: 34px 41px 30px 0;
	float: right;
	padding: 0 0 0 30px;
}

div#sidebar h2 {
	font-size: 1.6em;
	line-height: 1.6em;
	color: #555555;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

div#sidebar h2.phone {
	color: #333333;
	font-weight: bold;
	font-size: 2.8em;
	line-height: 1.4em;
}

div#sidebar p.phone {
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
	line-height: normal;
	margin:0;
	padding: 0 0 0 10px;
}

div#sidebar p {
	padding: 0 0 18px 10px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #666666;
}

div#sidebar img { /* For RSS Image */
	float: left;
	margin-right: 5px;
}

div#sidebar ul {
	list-style-type:none;
}

div#sidebar li {
	
}

ul#sidenav {
	font-size: 1.3em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e4e4e4;
}

#sidenav li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
	padding: 10px 0 10px 10px;
	display: block;
}

#sidenav ul.indent-nav li a {
	padding-left: 28px;	
	background: url(images/sidebar_arrow.png) 14px center  no-repeat;
}

#sidenav li a:link {
	color: #666666;	
}

#sidenav li a:visited {
	color: #666666;	
}

#sidenav li.current_page_item a { /* current nav item */
	color: #333333;	
	background-color: #fafafa;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px 0 8px 10px;
}

#sidenav li a:hover, #sidenav ul.indent-nav li a:hover {
	color: #333333;	
	text-decoration: none;
	background-color: #eeeced;
}

#sidenav li a:active, #sidenav ul.indent-nav li a:active { /* not working? */
	color: #333333;	
	background-color: #fafafa;
}

div#sidequote {
	margin: 20px 0 0 0;
	float: left;
	width: 230px;
	height: 72px;
	background: url(images/riointerface.png) 0px -118px no-repeat;
}

div#sidequote:hover, div#sidequote:active {
	background-position: -230px -118px;
}

/*-----------------------------------------------------------------------------

  Homepage Content

-----------------------------------------------------------------------------*/

div.strip {
	width: 900px;
	height: 92px;
	margin: 10px 0 20px 0; 
	padding: 10px 0 10px 0; 
	clear: both;
}

div.stripleft {
	height: 92px;
	width: 5px;
	background: url(images/riointerface.png) -871px 0px no-repeat;
	float: left;
}

div.stripcenter {
	width: 890px;
	height: 90px;
	background: #fafafa;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	float: left;
}

div.stripright {
	height: 92px;
	width: 5px;
	background: url(images/riointerface.png) -876px 0px no-repeat;
	float: left;
}

/*
div.strip .quote {
	margin-top: 10px;
}
*/

div.strip .contleft {
	width: 620px;
	height: 72px;
	margin: 10px 0 0 10px;
	float: left;
}

div.strip .contright {
	width: 244px;
	height: 68px;
/*	background: url(images/riointerface.png) -461px -118px no-repeat; */
	margin: 10px 10px 0 0;
	float: right;
}

div.iconholder {
	width: 300px;
	float: left;
	margin: 0 auto 0 auto;
}

div.iconholder img {
	display: block;
	margin: 0 auto 5px auto;
	clear: both;
	text-align: center;
}

div.iconholder h2 {
	text-align: center;
	font-weight: bold !important;
	clear: both;
}

div.iconholder .icontext {
	width: 250px;
	margin: 0 auto 0 auto;
	text-align: left;
}

div.iconholder .icontext p {
	font-size: 1.4em !important;
}

div.contentleft {
	width: 430px;
	padding: 0;
	margin: 0;
	float: left;
}

div.contentright {
	width: 430px;
/*	padding: 10px 0 10px 0; */
	margin: 0;
	float: right;
}

div#tourbutton {
	width: 236px;
	height: 55px;
	margin: 258px 0 0 90px;
	background-image: url(images/take-the-tour.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

div#tourbutton:hover {
	background-image: url(images/take-the-tour.png);
	background-repeat: no-repeat;
	background-position: 0px -55px;
}

div#fromtheblog {
	width: 630px;
	margin: 33px 0 0 0;
	float: left;
}

div#latestpost {
	width: 597px;
	height: 200px;
	margin: 0 33px 0 0;
}

div#latestpost img {
	float: left;
	margin: 0 20px 0 6px;
	border: 1px solid #e4e4e4;
}

div#latestpost h2 {
	line-height: 1em;
	margin: 0 0 12px 0;
}

div#recentposts {
	width: 624px;
	margin: 8px 0 0 6px;
}

div#recentposts div.smallpost {
	width: 175px;
	float: left;
	margin: 0 28px 0 0;
}

div#recentposts div.smallpost h3 {
	width: 175px;
	float: left;
	margin: 6px 0 3px 0;
	font-size: 1.2em;
	line-height: 1.2em;
}

div#recentposts div.smallpost p {
	width: 175px;
	float: left;
	margin: 0 0 0 0;
	font-size: 1em;
}

div#recentposts div.smallpost img {
	border: 1px solid #e4e4e4;
}

div#twitterhome {
	width: 270px;
	float: right;
	margin: 36px 0 0 0;
}

div#twitterhome ul {
	list-style-type: none;
	margin: 0 0 0 6px;
}

div#twitterhome ul li {
	margin: 0 0 8px 0;
	font-size: .95em;
	padding-bottom: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #e4e4e4;
}

div.greybox {
	background: #fafafa;
	padding: 8px;
}

div#twitterhome div.greybox {
	margin: 12px 0 0 6px;
	font-size: 1.2em;
}

div#twitterhome div.greybox img {
	vertical-align: -35%;
	margin: 0 10px 0 4px;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

div#footer {
	width: 984px;
	height: 202px;
}

div#footer_left { /* Left Rounded Corner */
	background: url(images/riointerface.png);
	background-position: -984px 0px;
	width: 5px;
	height: 202px;
	float: left;
}

div#footer_middle {
	width: 974px;
	height: 202px;
	float: left;
	background: url(images/footerbghorizontal.png) repeat-x;
}

div#footer_right { /* Right Rounded Corner */
	background: url(images/riointerface.png);
	background-position: -989px 0px;
	width: 5px;
	height: 202px;
	float: left;
}

div#footer_middle_top {
	width: 976px;
	height: 37px;
}

div#footer_middle_top p { /* Call For Quote Tagline */
	margin: 0 0 0 16px;
	color: #7a7a7a;
	font-size: 1.1em;
	line-height: 37px;
}

div#footer_middle_bottom {
	width: 976px;
	height: 167px;
}

/*-----------------------------------------------------------------------------

  Footer Link Styles

-----------------------------------------------------------------------------*/

#footer_middle_bottom div.left {
	width: 144px;
	height: 164px;
	float: left;
	border-right: 1px solid #e4e4e4;
	margin-left: 14px;
}

#footer_middle_bottom div.middle {
	width: 144px;
	height: 164px;
	float: left;
	border-right: 1px solid #e4e4e4;
	margin-left: 18px;
}

#footer_middle_bottom div.right {
	width: 140px;
	height: 164px;
	float: left;
	margin-left: 18px;
}

p.footer-category { /* Parent links: Company, Portfolio, Blog, etc... */
	margin: 14px 0 0 0;	
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.5em;
}

p.footer-category a { 
	color: #7a7a7a;
}

p.footer-category a:hover { 
	color: #333333;
	text-decoration: none;
}

div#footer_middle_bottom ul {
	list-style-type: none;
}

div#footer_middle_bottom li { /* Child links: Meet the Team, Our Philosophy, The Design Process, etc... */
	font-size: 1.1em;
	line-height: 1.5em;
}

div#footer_middle_bottom li a {
	color: #7a7a7a;	
	padding: 0 0 0 11px;
	background: url(images/li_arrow.png) center left  no-repeat;
}

div#footer_middle_bottom li a:hover {
	color: #333333;
	text-decoration: none;
	background: url(images/li_arrow_ro.png) center left no-repeat;
}

/*-----------------------------------------------------------------------------

  Copyright Area

-----------------------------------------------------------------------------*/

div#copyright {
	width: 980px;
	height: 22px;
	margin: 18px 2px 35px 2px;
}

#copyright div.left { /* Copyright Left */
	float: left;
}

#copyright div.left p { 
	font-size: 1em;
	color: #7f7f7f;
	line-height: 22px;
}

#copyright div.left p a { /* Legal, Sitemap, Privacy Links */
	margin: 0 15px 0 15px;
}

#copyright div.right { /* Copyright Right */
	float: right;
	width: 250px;
}

p.web-design {
	line-height: 20px;
	height: 20px;
	margin: 0;
	font-size: 1em;
	color: #7f7f7f;
	font-weight: bold;
	text-align: right;
}

p.web-design a {
	color: #7f7f7f;
}

p.web-design img {
	vertical-align: -21%;
	margin: 0;
}

/*-----------------------------------------------------------------------------

  Misc

-----------------------------------------------------------------------------*/

/*  Daryl's CSS Trick  */

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/

.clearfix {
	display: block;
}
/* End hide from IE Mac */

div#main p.button {
	margin: 38px 0px;
	text-align: center;
}

a.bluebutton { 
	padding: 5px 8px; 
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
    color: #ffffff !important;
    background: #1D5AA2;
	background: url(images/rio-submit-top.png) left top repeat-x;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*
.cform input.sendbutton:hover, input.sendbutton:active {
	background: url(../images/rio-submit-bottom.png) left bottom repeat-x;
}
*/

/*-----------------------------------------------------------------------------

  Blog Styling

-----------------------------------------------------------------------------*/

div#onepost {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #e4e4e4;
	margin-bottom: 24px;
}

div#onepost div#onepost-desc {
	margin: 18px 0 18px 0;	
	clear: both;
	height: 142px;
}

div#onepost div#onepost-desc img {
	float: left;
	margin: 0 24px 0 0;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0 0 4px 4px;
	margin: 0 0 4px 8px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	padding: 0 0 4px 8px;
	margin: 0 0 4px 8px;
	}

.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	}
/* End Images */

ul#article_footer { /* tags and cats */
	margin: 0 !important;
	background: #fafafa;
	padding: 6px 15px;
}

ul#article_footer li, ul#article_footer li.first {
	list-style-type: none;
	margin: 0 4px 0 0;
	display: inline;
	line-height: 1.9em;
}

div.blog-top-nav {
	font-size: 1.2em;
	margin: 16px 0 24px 0;
	padding: 0 4px;
}

textarea#comment {
	width: 500px;	
}

div#main p.byline {
	margin-bottom: 6px;	
}

ul#social-icons {
	margin: 0 0 20px 0 !important;
	padding: 0;		
}

ul#social-icons li {
	list-style-type: none;
	margin: 0 10px 0 0;
	display: inline;
	line-height: 17px;
}

ul#social-icons li a.twitter {
	background-color: transparent;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 22px;
}

ul#social-icons li a.facebook {
	background-color: transparent;
	background-image: url(images/facebook.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 22px;
}

ul#social-icons li a.linkedin {
	background-color: transparent;
	background-image: url(images/linkedin.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 22px;
}

ul#social-icons li a.digg {
	background-color: transparent;
	background-image: url(images/digg.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 22px;
}

/*-----------------------------------------------------------------------------

  Portfolio Styling

-----------------------------------------------------------------------------*/
div.portfolio {
	width: 900px;
	height: 376px;
	margin: 0 0 60px 0;
}

div.portfolio div.slides {
	width: 647px;
	height: 368px;
	float: left;
	padding: 5px;
	border: 1px solid #e4e4e4;
	background-color: #fbfbfb;
}

div.portfolio div.notes {
	width: 221px;
	height: 380px;
	margin: 0 0 0 20px;
	float: right;
}

div#main div.portfolio div.notes h2 {
	line-height: 1.4em;
	margin: 0 0 10px 0;	
}

div#main div.portfolio div.notes h6 {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 14px 0;	
}

div#main div.portfolio div.notes p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 14px 0;	
}

div#main div.portfolio div.notes ul {
	font-size: 1.1em;
	margin-top: -10px;
}

div#main div.portfolio div.notes ul li {
	line-height: 1.5em;
	margin: 0;
}

div#portfolio-top {
	width: 900px;
	min-height: 55px;
}

div#portfolio-title {
	float: left;	
}
div#portfolio-nav {
	float: right;	
}

div#portfolio-nav ul {
	list-style: none;
	border-right-width: 1px;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-color: #e4e4e4;
	height: 25px;
	margin: 5px 0 0 0;
}

div#portfolio-nav ul li {
	float: left;
	font-size: 1em;
}

div#portfolio-nav ul li a {
	padding: 0 10px 0 10px;
	height: 25px;
	line-height: 25px;
	display: block;
	border-right-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e4e4e4;
}

div#portfolio-nav ul li a:link {
	color: #666666;	
}

div#portfolio-nav ul li a:visited {
	color: #666666;	
}

div#portfolio-nav ul li.current_page_item a { /* current nav item */
	color: #333333;
	background-color: #fafafa;
	font-weight: bold;
	font-size: 1.1em;
}

div#portfolio-nav ul li a:hover {
	color: #333333;	
	text-decoration: none;
	background-color: #eeeced;
}

/*-----------------------------------------------------------------------------

  Industries Styling

-----------------------------------------------------------------------------*/
div#main.industry-page ul {
	list-style-type: none;
	margin: 0 0 0 0;
}

div#main.industry-page ul li {
	width: 275px;
	height: 125px;
	float: left;
	margin: 0 0 0 25px;
	font-size: 1.2em;
}

div#main.industry-page ul li ul {
	list-style-type: disc;
}

div#main.industry-page ul li ul li {
	float: none;
	font-size: .7em;
	margin: 0 0 0 3px;
	height: auto;
}

/*-----------------------------------------------------------------------------

  Team Styling

-----------------------------------------------------------------------------*/
div#team-headline {
	width: 600px;
	height: auto;
}

div#team-name {
	float: left;	
}

div#team-title {
	float: right;
	text-align: right;
}

div#team-title h2 {
	font-size: 1.4em;	
	line-height: 1.4em;
	margin: 0 0 3px 0;
}

div#team-title h3 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0;
}

div#vitals {
	width: 174px;
	float: left;
	background-color: #fafafa;
	padding: 12px;
	border: 1px solid #e4e4e4;
}

div#vitals h2 {
	text-align: center;
	line-height: normal;
	font-size: 1.4em;
	margin: 0 0 12px 0;
	font-variant: small-caps;
	padding: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
}

div#vitals ul {
	margin: 0;
	list-style-type: none;
	font-size: 1.1em;
}

div#vitals ul li {
	margin: 0 0 8px 0;
	line-height: 1.4em;
}

div#bio {
	width: 380px;
	float: right;
	margin: 0 0 0 20px;
}

div#main p.bio-contact {
	line-height: 14px;
	padding: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	margin: 0;
}

div#main p.bio-contact img {
	vertical-align: -15%;
	margin: 0 0 0 14px;
}

div#main div.teammain {
	width: 200px;
	float: left;
	margin: 0 auto 0 auto;
}

div#main div.teammain img {
	display: block;
	margin: 0 auto 0 auto;
	clear: both;
	text-align: center;
	padding: 11px;
	border: 1px solid #e4e4e4;
}

div#main div.teammain h2 {
	text-align: center;
	clear: both;
	margin: 0px !important;
}

div#main div.teammain p {
	text-align: center;
}

/*-----------------------------------------------------------------------------

  Form Styling

-----------------------------------------------------------------------------*/
div#form-top {
	width: 600px;
	height: 20px;
	background-image: url(images/form_bg.png);
	background-repeat: no-repeat;
}

div#form-middle {
	width: 600px;
	background-image: url(images/form_bg_tile.png);
	background-repeat: repeat-y;	
}

div#form-bottom {
	width: 600px;
	height: 20px;
	background-image: url(images/form_bg.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin: 0 0 18px 0;
}

/*-----------------------------------------------------------------------------

  Archive Page Styling

-----------------------------------------------------------------------------*/
div#main h2.archives {
	height: 22px;
	margin: 0;
	padding: 12px 0 0 45px;
	line-height: 1em;
	font-size: 1.3em;
	color: #666666;
	background-image: url(images/cat-folders.png);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dadada;	
}

div#main ul.archives-list {
	list-style-type: none;
	margin: 0 0 24px 0;
}

div#main ul.archives-list li {
	margin: 0;
	padding: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #dadada;
}

div#main ul.archives-list li a {
	margin: 0 0 0 14px;
}

/*-----------------------------------------------------------------------------

  Other Site Pages Styling

-----------------------------------------------------------------------------*/

/* SERVICES & DESIGN PROCESS */

div.infobox {
	width: 600px;
	float: left;
/*	clear: both;*/
	padding: 10px 10px 10px 0;
	margin: 10px 0 0 0;
	background: #FFF;
	border: 1px solid #ffffff;
/*	border-bottom: #E4E4E4 1px dashed;*/
}

div.infobox:hover {
	background-color: #eeeced;
	border: 1px solid #c5c5c5;
}

div.infobox p {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

div.infobox img {
	float: left;
	margin: 0 10px 0 10px;
	padding: 5px;
	border: #E4E4E4 1px solid;
	background: #FFF;
}

div.subservice {
	width: 200px;
	float: left;
	margin: 0 auto 10px auto;
}

div.subservice img {
	display: block;
	margin: 0 auto 5px auto;
	padding: 5px;
/*	border: #E4E4E4 1px solid;*/
	background: #FFF;
	clear: both;
	text-align: center;
}

div.subservice h2 {
	text-align: center;
	clear: both;
}

div#main ul#associations {
	list-style-position: outside;
}

div#main ul#associations li {
	margin: 0 0 12px 0;	
}

div#main div.testimonials-top {
	width: 595px;
	height: 8px;
	background-image: url(images/testimonials.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#main div.testimonials {
	width: 551px;
	background-image: url(images/testimonials-bg.png);
	background-repeat: repeat-y;
	padding: 12px 22px 22px 22px;
}

div#main div.testimonials p {
	margin: 0;
	font-style: italic;	
	color: #666;
}

div#main div.testimonials h2 {
	margin: 0 0 0 4px;
}

div#main div.testimonials h2 span {
	font-size: .8em;
	color: #666666;
}

div#main div.testimonials-bottom {
	width: 595px;
	height: 44px;
	background-image: url(images/testimonials.png);
	background-repeat: no-repeat;
	background-position: 0px -8px;
}

/*-----------------------------------------------------------------------------

  TinyMCE Styling

-----------------------------------------------------------------------------*/

body.mceContentBody {
  background: #ffffff;
  font: 62.5% "Lucida Grande", Helvetica, Arial, sans-serif;
}

body.mceContentBody p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 0 18px 0;		
	color: #444444;
}

body.mceContentBody h1 {
	font-size: 3em; 
	margin: 0 0 8px 0;
	color: #333333;
}

body.mceContentBody h2 {
	font-size: 1.6em;
	line-height: 2em;
	color: #333333;
	font-weight: normal;
	margin: 0 0 6px 0;
}

body.mceContentBody h3, body.mceContentBody h4, body.mceContentBody h5 {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	font-weight: bold;
	margin: 0 0 0 0;
}

body.mceContentBody h6 {
	font-size: 1.6em;
	line-height: 1.6em;
	color: #1d5aa2;
	font-weight: normal;
	margin: 0 0 18px 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.mceContentBody blockquote, body.mceContentBody blockquote p {
	font-size: 1.25em;
	line-height: 1.4em;
	color: #1d5aa2;
	font-weight: normal;
	margin: 0 0 18px 0;
	padding: 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.mceContentBody ul {
	font-size: 1.2em;
	margin: 0 0 18px 24px;
	color: #444444;
	list-style-position: inside;
}

body.mceContentBody ol {
	font-size: 1.2em;
	margin: 0 0 18px 0;
	color: #444444;
}

body.mceContentBody li {
	line-height: 1.6em;
}

body.mceContentBody ol li {
	line-height: 1.6em;
	margin-bottom: 12px;
}

body.mceContentBody a:link {
	color: #3a8ae4 !important;
	text-decoration: none !important;
}

/* Comments */
ol.commentlist {
	list-style: none;;
	margin-left: 0;
	padding-left: 0;
}

ol.commentlist li {
	background: #fafafa;
	border: 1px dashed #e4e4e4;
	padding: 12px 12px 0 12px;
	
}

/*-----------------------------------------------------------------------------

  FD Footnotes Plugin for WordPress

-----------------------------------------------------------------------------*/
.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 120px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 6px;
}

div.footnotes ol {
	width: 570px;
	margin: 0;
	padding: 0 0 0 22px;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 85%;
}

sup.footnote {
  line-height: 0em;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}

.gsection {
	margin-left: -24px !important;	
	margin-top: 34px !important;
}

.pbtorderform textarea {
	height: 80px !important;	
}

#gforms_confirmation_message {
	text-align: left !important;
	padding: 10px !important;
}

#mobile-app-advantages {
	background-image: url(http://www.riodevelopment.com/wp-content/uploads/2010/08/mobile-app-advantages.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 597px;
	height: 233px;
	padding: 16px 8px 8px 237px;
	margin: 24px 0 0 0;
	font-size: .9em;
}

#mobile-app-advantages p {
	width: 345px;	
}

#faqbox {
	border-top: 1px solid #e4e4e4;
	width: 600px;
	padding: 12px 0 0 0;
	font-size: .9em;
}

#faqbox div.leftbox {
	float: left;
	width: 285px;
	padding-right: 30px;
}

#faqbox div.rightbox {
	float: left;
	width: 285px;
}

#gettingstarted {
	border-top: 1px solid #e4e4e4;
	width: 599px;
	padding: 12px 0 0 0;
	font-size: .9em;
}

#gettingstarted-middle {
	background-image: url(images/gettingstarted-bg.png);
	width: 599px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	background-position: left top;
}

#gettingstarted ul.gfield_radio li label, #gettingstarted ul.gfield_checkbox li label {
	font-size: .85em !important;	
}

#gettingstarted ul.gfield_radio, #gettingstarted ul.gfield_checkbox {
	margin: 0 !important;	
}

#gettingstarted-middle h2 {
	font-size: 1.55em !important;
	margin: 0 18px 0 24px !important;
}

#gettingstarted-middle p {
	margin: 0 18px 0 24px !important;
}

#gettingstarted-middle .gform_footer {
	margin: 0 !important;
	padding: 0 !important;
}

#gettingstarted-middle .gform_wrapper {
	margin: 0 !important;
	padding: 0 !important;
}

#gettingstarted-middle textarea {
	height: 80px !important;	
}

#gettingstarted-middle .gform_wrapper input.button {
	font-size: 1.2em !important;
	margin-left: 24px !important;
}

#gettingstarted-middle .gform_edit_link {
	display: none !important;
}

#gettingstarted-middle #gforms_confirmation_message {
	width: 80% !important;
	font-size: 1.2em !important;
	margin-left: 48px !important;
}

#blog-gallery {
	width: 600px !important;
}

#blog-gallery a img {
	float: left !important;
	margin: 0 12px 8px 0 !important;
	border: 1px solid #e4e4e4 !important;
}

#blog-gallery a img.righthand {
	margin-right: 0px !important;
}

.gchoice_6_1, #input_4_6 {
	margin: 0 !important;
	padding: 0 !important;
}

#input_4_6 label {
	font-size: .85em;	
}