@charset "UTF-8";
/* Realskies_Styles.css */

/* Reset ***********************************************************************/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* Tag Overrides ***************************************************************/

body {
	font: 85%/1.5 "Trebuchet MS","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif;
	color: #737f84;
	background: #0f4c7a;
	margin: 0;
}
a {
	color: #376393;
}
a:visited {
	color: #417bb9;
}
a:hover {
	color: #444;
	text-decoration: underline !important;
}
a:active {
	color: #444;
}
h1 {
	font-size: 2.2em;
	font-weight: normal;
	color: #a0c05a;
	margin: 0 0 20px 0;
	line-height: 120%;
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #057ec2;
}
h2 a { 
	text-decoration: none;
}
h3 {
	font-size: 1.1em;
	text-transform: none;
	color: #444;
}

hr {
	margin: 20px 0px;
	height: 1px;
	border: none;
	border-top: 1px solid #CCC;
}
hr.dotted {
	border-top: 1px dotted #DDD;
}

a img {
	border: none;
}

ol, 
ul {
	list-style: none;
}

p {
	margin: 10px 0;
}

strong {
	color: #444;
}

form {
	margin: 0px;
	padding: 0px;
}
input,
textarea {
	font: 85%/1.5 "Trebuchet MS","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif;
}

blockquote {
	background: url(../images/quote_open.gif) no-repeat 0px top;
	margin: 0;
	padding: 0 40px;
}
blockquote .by {
	background: url(../images/quote_close.gif) no-repeat right top;
	display: block;
	padding: 30px 40px 0 0;
	margin: -30px -20px 0 0;
	font-weight: normal;
	color: #737f84;
}

.blog blockquote {
	background: url(../images/quote_open.gif) no-repeat 15px top;
	margin: 40px 70px 40px 0;
	padding: 0 40px 0 55px;
	font-family: 'IM Fell Double Pica', serif;
	font-size: 1.3em;
	font-style: italic;
	line-height: 150%;
	border-left: 10px solid #EFEFEF;
}
.blog blockquote .by {
	background: none;
	display: block;
	padding: 40px 40px 0 0;
	margin: -30px -20px 0 0;
	font-weight: normal;
	font-style: normal;
	color: #737f84;
	font-size: .85em;
}


/* IDs */

#headerWrap,
#menuWrap,
#banner .content,
#main,
#bottomLinks,
#footer {
	width: 950px;
	margin: auto;
}

#header {
	border-top: 4px solid #0d4c79;
	height: 109px;
	background: #FFF;
}

#logo {
	float: left;
	margin: 10px 0 0 0;
}
#logo a {
	background: url(../images/logo.gif) no-repeat;
	width: 367px;
	height: 89px;
	display: block;
	text-indent: -9999px;
}

#menu {
	float: right;
	position: relative;
}
#menu ul li {
	float: left;
}
#menu a {
	display: block;
	padding: 5px 15px 7px 15px;
	text-decoration: none;
	color: #0d4c79;
	font-size: 1.1em;
}
#menu a:hover {
	text-decoration: underline;
}
#menu li.current {
	background: url(../images/menu_item_left.gif) no-repeat left top;
	padding-left: 10px;
}
#menu li.current a {
	background: url(../images/menu_item_right.gif) no-repeat right top;
	color: #FFF;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 25px;
	text-shadow: 1px 1px 0 #000;
}
#menu li.current a:hover {
	text-decoration: none !important;
}

#bannerWrap {
	background: url(../images/banner_bg.gif) repeat-x #1a5b8f;
	height: 208px;
	padding-bottom: 7px;
	color: #FFF;
}
#banner {
	background: url(../images/banner_stripes.png) no-repeat top center;
	height: 100%;
}
#banner .content {
	background: url(../images/banner_content_bg.png) no-repeat left top;
}
#banner h1 {
	color: #FFF;
	text-indent: -9999px;
	background: url(../images/banner_tagline.png) no-repeat left bottom;
	width: 867px;
	height: 208px;
	margin: 0 0 0 -85px;
}
#banner .screenshots a {
	display: block;
	float: right;
	background: url(../images/banner_screenshots.png) no-repeat;
	width: 396px;
	height: 231px;
	margin: -45px -15px 0 0;
	text-indent: -9999px;
}
#banner div.design {
	float: right;
	background: url(../images/banner_design.png) no-repeat;
	width: 281px;
	height: 60px;
	margin: 0;
	text-indent: -9999px;
}
.inside #bannerWrap {
	background: url(../images/banner_inside_bg.gif) repeat-x #1a5b8f;
	/*height: 173px;*/
	height: 59px;
}
.inside #banner h1 {
	padding-top: 0px;
	height: 173px;
}

#mainWrap {
	background: #FFF;
}
#main {
	clear: both;
}
#left {
	width: 196px;
	margin: -20px 0 0 -7px;
	padding: 25px;
	background: url(../images/left_bg.png) no-repeat left top;
	float: left;
}
#left h2 {
	margin-bottom: 10px;
	color: #a0c05a;
	border: none;
}
#left li a {
	display: block;
	text-decoration: none;
	border-top: 1px dotted #c8d7e6;
	padding: 5px 10px;
	color: #61a1d7;
}
#left li a:hover {
	color: #387ea7;
	text-decoration: none !important;
	background: url(../images/left_link_over.gif) repeat-x;
}

#content {
	/*margin-left: 265px;*/
	float: left;
	width: 685px;
	padding: 10px 0 20px 19px;
}

#bottomLinks {
	font-size: .85em;
	color: #FFF;
	margin-top: 20px;
	background: url(../images/bottomlinks_bg.gif) no-repeat;
	height: 16px;
	padding: 9px 0;
	clear: both;
}
#bottomLinks ul.left {
	float: left;
	padding: 0 0 0 18px;
	margin: 0;
}
#bottomLinks ul li {
	float: left;
}
#bottomLinks ul li.spacer {
	padding: 0 13px;
}
#bottomLinks a {
	color: #FFF;
	text-decoration: none;
}
#bottomLinks .right {
	float: right;
	padding: 0 0 0 18px;
	margin: 0;
	width: 279px;
	text-align: left;
	font-size: 1.07em;
	text-shadow: 1px 1px 0 #888;
}

#footerWrap {
	background: url(../images/footer_bg.gif) no-repeat top center #0f4c7a;
	border-top: 1px solid #3f76a8;
	clear: both;
}
#footer {
	color: #62a1d7;
	font-size: .8em;
	padding: 20px 0;
}
#footer div.section {
	float: left;
	width: 296px;
	margin-right: 30px;
}
#footer div.section.last {
	margin-right: 0;
}
#footer h4 {
	color: #89b9e1;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 10px 18px;
	text-shadow: 1px 1px 0 #333;
}
#footer h4 a {
	color: #89b9e1;
}
#footer a {
	color: #62a1d7;
}
#footer ul {
	margin: 0 0 20px 0;
}
#footer li {
	border-top: 1px solid #376393;
	padding: 5px 10px 5px 18px;
}
#footer li a {
	text-decoration: none;
	display: inline-block !important;
}
#footer #twitter_update_list {
	display: inline;
}
#footer #twitter_update_list li {
	padding: 0;
	border: 0;
	display: inline;
}
#footer #twitter_update_list li a {
	padding: 0;
	display: inline;
}
#footer li a.rss,
#footer li a.facebook,
#footer li a.twitter,
#footer li a.linkedin {
	padding-left: 22px;
	background-position: 0 1px;
}
#footer p {
	padding-left: 18px;
	line-height: 180%;
}
#footer p.copyright {
	text-align: center;
	clear: both;
	border-top: 1px solid #3f76a8;
	padding: 10px 0 30px 0;
	margin-bottom: 0;
}

/* Extra Classes */

#topLinks:after,
#menu:after,
.twoCols:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.services div {
	width: 273px;
	height: 115px;
	margin: -25px 28px 0 -5px;
	padding: 20px 15px;
	background: url(../images/section_bg.png) no-repeat left top;
	float: left;
}
.services div.last {
	margin-right: 0;
}
.services div h2 {
	margin: 0 0 10px 0;
	border: none;
	line-height: 125%;
}
.services div h2 a,
.services div h2 a:visited {
	color: #a0c05a;
}
.services div h2 a:hover {
	color: #07a5dc;
	text-decoration: none !important;
}
.services div p {
	font-size: .9em;
	margin-right: 60px;
	margin-left: 10px;
}
.services div div {
	padding-left: 70px;
}

/* Home Page */
.services div.idea div {
	background: url(../images/icon_idea.gif) no-repeat 10px 23px;
}
.services div.webapp div {
	background: url(../images/icon_webapp.gif) no-repeat 12px 20px;
}
.services div.webstrategy div {
	background: url(../images/icon_webstrategy.gif) no-repeat 12px 20px;
}

/* Services Page */
.services div.users div {
	background: url(../images/icon_users.gif) no-repeat 10px 20px;
}
.services div.strategy div {
	background: url(../images/icon_branding.gif) no-repeat left 20px;
}
.services div.usability div {
	background: url(../images/icon_usability.gif) no-repeat 10px 20px;
}
.services div.ui div {
	background: url(../images/icon_strategy.gif) no-repeat 5px 20px;
}
.services div.branding div {
	background: url(../images/icon_branding.gif) no-repeat left 20px;
}
.twoCols div.box.strategy,
.twoCols div.box.usability {
	float: right;
}

.twoCols div {
	width: 50%;
	float: left;
}
.twoCols div.box {
	width: 300px;
	margin: 0;
	padding: 0;
	background: none;
	min-height: 250px;
	float: left;
	font-size: 1em;
	border: none;
}
.twoCols div.box h3 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
}
.twoCols div.box h3 a,
.twoCols div.box h3 a:hover {
	text-decoration: none !important;
}
.twoCols div.box div {
	width: 285px;
	min-height: 0;
	margin: 0;
	padding: 20px 0 20px 70px;
}	
.twoCols div.box div p {
	margin: 10px 0;
}
.twoCols div.box div li {
	font-size: .9em;
}


.box {
	float: right;
	width: 275px;
	padding: 15px;
	margin: 10px -5px 20px 20px;
	font-size: .9em;
	border-left: 1px solid #CCC;
}
.box h3 {
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: none;
	border-bottom: 1px solid #CCC;
	color: #185f87;
}
.box ul,
ul.checks {
	margin: 15px 0 15px 30px;
	list-style-image: url(../images/right_box_check_green.png);
}

a.rss {
	background: url(../images/rss.png) no-repeat left center;
	padding-left: 22px;
}
a.rssBig {
	background: url(../images/icon_rss_big.gif) no-repeat left center;
	padding: 17px 0 17px 60px;
	display: block;
	font-size: 1.5em;
}
a.twitter {
	background: url(../images/icon_twitter.png) no-repeat left center;
	padding-left: 22px;
}
a.twitterBig {
	background: url(../images/icon_twitter_big.gif) no-repeat left center;
	padding: 12px 0 22px 60px;
	display: block;
	font-size: 1.5em;
}
a.facebook {
	background: url(../images/icon_facebook.png) no-repeat left center;
	padding-left: 22px;
}
a.facebookBig {
	background: url(../images/icon_facebook_big.gif) no-repeat left center;
	padding: 12px 0 22px 60px;
	display: block;
	font-size: 1.5em;
}
a.linkedin {
	background: url(../images/icon_linkedin.gif) no-repeat left center;
	padding-left: 22px;
}
a.linkedinBig {
	background: url(../images/icon_linkedin_big.gif) no-repeat left center;
	padding: 12px 0 22px 60px;
	display: block;
	font-size: 1.5em;
}

.next {
	display: block;
	background: url(../images/next.gif) no-repeat;
	float: right;
	width: 63px;
	height: 17px;
	text-indent: -9999px;
}
.prev {
	display: block;
	background: url(../images/previous.gif) no-repeat;
	float: left;
	width: 96px;
	height: 17px;
	text-indent: -9999px;
}

.logos img {
	margin-right: 40px;
}

.click2call input {
	width: 190px;
	border: 1px solid #CCC;
	padding: 5px;
}
.click2call input.button {
	background: url(../images/button_callmenow.gif) no-repeat;
	width: 112px;
	height: 27px;
	text-indent: -9999px;
	border: none;
}

ul.list {
	margin: 15px 0 15px 30px;
	list-style: disc;
}

.small,
a.small,
small {
	font-size: .85em;
}

input.hint {
	color: #888;
}

.indent {
	padding: 0 0 0 30px;
}

.rightImage {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
	width: 298px;
}
.rightImage p {
	font-size: .85em;
	line-height: 120%;
	margin: 5px 10px;
	color: #9aa3a7;
}

img.work {
	float: left;
	margin: -10px 20px 20px 0;
}
img.work.right {
	float: right;
	margin: 0 -15px 20px 20px;
}

img.right {
	float: right;
	margin: 0 0 20px 20px;
}

.centered {
	text-align: center;
}

.clear {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/* Blog */


ul.tweets p {
	padding-left: 0 !important;
}

#sidebar li a.rss,
#sidebar li a.facebook,
#sidebar li a.twitter,
#sidebar li a.linkedin {
	padding-left: 22px;
}

#sidebar a.rss {
	float: right;
	display: block;
	text-indent: -9999px;
	background: url(../blog/wp-content/themes/realskies/images/icon_rss_big.gif);
	width: 40px;
	height: 40px;
	padding: 0;
	margin: -10px -10px 0 0;
}

.post h2 a {
	font-weight: bold !important;
	color: #1C5A8F;
	font-size: 1.3em;
}
.postmetadata {
	clear: right;
	background: #EFEFEF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	padding: 10px;
	text-shadow: 1px 1px 0 #FFF;
}

.navigation {
	clear: right;
	width: 100%;
	overflow: auto;
}

.commentlist {
	margin: 15px 0;
	border-top: 1px solid #b8c3c7;
}
.commentlist li {
	border-bottom: 1px solid #b8c3c7;
	padding: 15px;
	background: url(../blog/wp-content/themes/realskies/images/comments_bg.gif) repeat-x #fff;
	overflow: auto;
}
.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin: 0 10px 0 0;
}
.avatar-32 {
	display: none;
}
.commentlist .comment-meta {
	font-size: .8em;
}

#searchform label {
	display: block;
}

.alignleft {
	float: left;
	margin: 20px 20px 20px 0;
}
.alignright {
	float: right;
	margin: 20px 0 20px 20px;
}

.subscribe {
	float: right;
	margin: 10px 0 0 0;
}