/* Primary Layout
--------------------------*/



body {
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#2A80B3;
	padding:0;
	margin:0;
	text-align:center;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: bold;
}


a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a img {
	border:none;
}
#top_title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
        line-height: 24px;
	font-weight: bold;
	color: #CC3300;
}


#container {
	text-align:left;
	margin:0 auto;
	padding:0;
	width:1020px;
}

#header {
	width:1020px;
	height:99px;
	background-image:url("background_header.png");
	position:relative;
}

#footer {
	width:1020px;
	background-image:url("background_footer.png");
	background-position:0 0;
	background-repeat:no-repeat;
	height: 54px;
}

#main {
	background-image:url("background_main.png");
	background-position:top left;
	background-repeat:repeat;
	padding:0;
	margin:0;
	margin-bottom: 0px;
}

/* Header & Navigation
--------------------------*/
#header #logo {
	width:306px;
	height:64px;
	display:block;
	padding:0;
	margin:0;
	background-image:url("../sloba_doba/logo.png");
	position:absolute;
	left:0px;
	top:18px;
	margin-left:65px;
}

#header #logo strong {
	display:none;
}

#header ul#navigation {
	margin: 1px 20px 0px 0px;
	padding: 0;
	float: right;
	position: relative;
}
*html #header ul#navigation { padding: 0; margin: 0; }

#header ul#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	background-image: none;
	list-style-type: none;
	list-style-image: none;
}

#header ul#navigation li a,
#header ul#navigation li a:link,
#header ul#navigation li a:visited {
	display: block;
	float: left;
	padding: 37px 15px;
	text-decoration: none;
	color: #333333;
	border-left: 1px solid #3a404a;
	height: 40px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 13px;
	font-size:12px;
	font-family:Verdana;
}

#header ul#navigation li a:hover,
#header ul#navigation li a.active {
	color: #003399;
	border-left: 1px solid #454D5C;
}

/* Top Content
--------------------------*/
#top {
	width:964px;
	height:226px;
	margin:0 0 10px 29px;
	position:relative;
}

#top * {
	font-family:Verdana;
}

#top li {
	color:#eeeeee;
}

#top #top_left_text {
	padding:0;
	margin:0;
	font-size:12px;
	line-height:20px;
	color:#ddd;
	width:210px;
	position:absolute;
	top:206px;
	left:28px;
}

#top #top_studio_link,
#top #top_cloud_link,
#top #top_jaser_link {
	position:absolute;
	top:229px;
	padding:0;
	margin:0;
	width:160px;
	height:26px;
}

#top #top_studio_link span,
#top #top_cloud_link span,
#top #top_jaser_link span {
	display:none;
}

#top #top_studio_link {
	left:325px;
}

#top #top_cloud_link {
	left:547px;
}

#top #top_jaser_link {
	left:768px;
}

/* Main
--------------------------*/
br.clear {
	height:1px;
	padding:0;
	margin:0;
	clear:both;
}

div.clear {
	height:1px;
	padding:0;
	margin:0;
}

#main #content {
	margin: 25px 0 0 30px;
	width: 669px;
}

#main #content { margin-top: -1px; }

/* *html #main #content { width: 630px; } */

#main #content h1 {
	font-weight:normal;
	color:#444;
	font-size:26px;
	padding:0 0 0 15px;
	margin:0;
}

#main p#introduction {
	font-size:14px;
	line-height:20px;
	color:#666;
	padding:0;
	margin:16px 0 16px 16px;
}


#main #products {
	margin: 0px 0px 16px 0;
    padding-top: 10px;
}
*html #main #products { margin-top: 0px; }
#main #products p {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 16px;
	margin: 16px;
}
#main #products p a,
#main #products td a { color: #3369b7; }

/*
Causes layout issues - Ian
#main #content h2 {
	margin-left: 10px;
}
*/

#main #products h2 {
    color: #b1b1b1;
    font-size: 18px;
    font-weight: normal;
    margin: 0px 16px 10px 16px;
}

#main #products table { margin: 5px 16px 0px 16px; }

#main #products td {
    color: #7d7d7d;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
}
#main #products td h3 { font-size: 14px; font-weight: normal; margin: 0px 0px 5px 0px; } 

#main #products div.separator {
	margin: 5px;
	border-bottom: 1px dotted #a4a4a4;
	overflow: hidden;
	height: 1px;
	padding-top: 20px;
}

#main #products_navigation {
	list-style:none;
	padding:0;
	margin:0;
	height:36px;
	width:639px;
	background-image:url("../sloba_doba/tabs.png");
}
*html #main #products_navigation { width: 625px; }

#main #products_navigation li {
	cursor:pointer;
	list-style:none;
	float:left;
	display:block;
	padding:0;
	margin:0;
	height:36px;
	background-image:url("../sloba_doba/tabs.png");
}

#main #products_navigation li span {
	display:none;
}

#main #products_navigation li#ajax_nav {
	width:75px;
	background-position:0 0;
}

#main #products_navigation li#ajax_nav.active {
	background-position:0 -36px;
}

#main #products_navigation li#jaser_nav {
	width:79px;
	background-position:-75px 0;
}

#main #products_navigation li#jaser_nav.active {
	background-position:-75px -36px;
}

#main #products_navigation li#php_nav {
	width:71px;
	background-position:-154px 0;
}

#main #products_navigation li#php_nav.active {
	background-position:-154px -36px;
}

#main #products_navigation li#rails_nav {
	width:141px;
	background-position:-225px 0;
}

#main #products_navigation li#rails_nav.active {
	background-position:-225px -36px;
}

#main #products_navigation li#air_nav {
	width:110px;
	background-position:-366px 0;
}

#main #products_navigation li#air_nav.active {
	background-position:-366px -36px;
}

#main #products_navigation li#iphone_nav {
	width:81px;
	background-position:-476px 0;
}

#main #products_navigation li#iphone_nav.active {
	background-position:-476px -36px;
}

#main .product {
	background-image:url("../sloba_doba/background_tabs.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:639px;
}

#main .product h2 {
	margin:0;
	padding:16px;
	font-size:18px;
	font-weight:bold;
}

#main .product p {
	margin:0;
	padding:0 16px 16px 16px;
	color:#666;
	font-size:13px;
}

#main .product ul {
	margin:0;
	padding:0 16px 16px 16px;
}

#main .product ul li {
	margin:0 0 0 32px;
	padding:0;
	color:#666;
	line-height:20px;
	font-size:13px;
}

#main .product a {
	color:#166ab4;
	font-weight:bold;
}

#main .product a:hover {
	text-decoration:underline;
}

#main #products_footer {
	background-image:url("../sloba_doba/tabs_bottom.png");
	width:639px;
	height:13px;
}

#main #content .blog {
	width:635px;
	background-image:url("../sloba_doba/background_blog2.png");
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	margin-bottom:10px;
}




.clearfix { clear: both; margin: 0px; overflow: hidden; }



/* Footer
--------------------------*/
#footer {
	text-align:center;
	height: 50px;
	padding-top: 30px;
}

#footer p {
	color:#333333;
	margin:0;
	padding:30px 0 15px 0;
}

#footer img {
	margin:0 auto 0px auto;
}

#footer a {
	color:#ff7020;
	font-weight:bold;
}

#footer a:hover {
	text-decoration:underline;
}



/********* BEGIN OLD studio.css FILE ************/


/* CLEARFIX */

* html .clearfix { height: 1%; /* IE5-6 */ }
.clearfix { display: inline-block; /* IE7xhtml*/ }
html[xmlns] .clearfix { /* O */ display: block; }
.clearfix:after { /* FF, O, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* GENERIC */

body {
	color: #FFFFFF;
}
a, p.highlighted { color: #ea6815; }
p.highlighted { font-weight: bold; font-size: 11px; }
p.dtstart { margin: 0; color: #888a8e !important; font-size: 10px; }
cite { display: block; }


/* SPECIFIC */

  /* TOP SECTION */
  
#top ul { margin: 0 0 0 -10px; position: relative; top: 120px; font-size: 14px; }
#top ul li { margin-bottom: 7px; list-style: none; background: url(../sloba_doba/studio_bullet.png) 0 2px no-repeat; padding-left: 20px; }
#download_link { position: absolute; top: 245px; left: 30px; display: block; width: 210px; height: 35px; }
#download_link span { display: none; }

.right-sidebar-block { padding: 10px 20px; }
#block-latest_entries-0 h3 { margin-top: 3px; }
#block-latest_entries-0 .blogentry { margin-bottom: 20px; }
#block-latest_entries-0 #all_blog_posts { text-align: right; }
#main #content h1 { padding: 0 }
.intro { font-size: 13px; padding: 0; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }

#main #content {
	margin-top: 0px;
	width: 924px;
	overflow: hidden;
	text-align: left;
	padding-right: 40px;
}

.content_container { margin-top: 36px; margin-left: 3px; padding-left: 10px; padding-right: 10px; background: url(../sloba_doba/studio_content_bg.png) 0 -2px no-repeat; border-left: 1px solid #eee; padding-bottom: 5px; margin-right: 11px; border-right: 1px solid #eee; }
.content_container .content_intro { padding-top: 20px; color: #48505b; font-size: 18px; }
.content_intro { margin-left: 10px; }

  /* SCREENCASTS SECTION */
  
.screencast { margin-top: 1em; border-bottom: 1px dotted #bdc2ca; padding-bottom: 1em; }
.screencast .thumbnail { float: left; margin-right: 10px; }
.screencast .thumbnail a.watch { display: block; text-align: center; margin-top: 5px; }
.screencast .description { padding-left: 163px; font-size: 13px; min-height: 125px; height: auto !important; height: 125px; }
.screencast .description h3 { margin-top: 0; font-weight: normal; }


  /* FREETEXT SECTION */
  
.freetext { margin-top: 1em; border-bottom: 1px dotted #bdc2ca; padding-bottom: 1em; }
.freetext .description { padding-left: 0px; font-size: 13px; min-height: 125px; height: auto !important; height: 125px; }
.freetext .description h2 {  padding-top: 10px; color: #48505b; font-size: 18px; }
.freetext .description h3 {  font-size: 18px; }
.freetext .description .halfwidth {width:200px;padding-right:10px; layout-flow:horizontal;}

  /* CHERRY SECTION */
.cherrytext {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
	font-weight: bold;
}

.cherrytextcommon {
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

.cherrytexttitle {
	font: 18px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
	font-weight: bold;
}


/* ROUNDED CORNERS */

.bottom_wrapper { background: url(../sloba_doba/studio_sidebar_bottom_bg.png) top left no-repeat; height: 20px; width: 100%; }
.top_wrapper {
	background: url(../sloba_doba/studio_sidebar_top_bg.png) top left no-repeat;
	padding-top: 0px;
	padding-right: 25px;
}


#block-testimonial-0 cite strong { font-style: normal; }
#block-testimonial-0 h2 { font-weight: normal; color: #48505b; margin-top: 0; font-size: 18px; background: url(../sloba_doba/studio_talk_bubble.png) right -5px no-repeat; padding-top: 3px; padding-bottom: 7px; width: 245px; }

#block-latest_entries-0 h3 { font-size: 13px; }


#block-latest_entries-0 { position: relative; }
#block-latest_entries-0 h2 { font-weight: normal; margin-top: 0; font-size: 18px; padding-top: 3px; padding-bottom: 7px; margin-bottom: 20px; }
#blog_subscribe { display: block; position: absolute; top: 13px; right: 40px; width: 90px; height: 30px; background: url(../sloba_doba/studio_subscribe.png) top left no-repeat; }

.titlegioa_header { margin: 15px 0; color: #48505b; }
#header #logo { margin-left: 30px !important; }
#block-latest_entries-0 h2 { background: none; }


/* NAVIGATION */

#header ul#navigation li a, #header ul#navigation li a:link, #header ul#navigation li a:visited {
	background: url(../sloba_doba/studio_nav_mid_bg.png) 0 -3px repeat-x;
	padding-top: 8px;
	padding-bottom: 11px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #989898;
	border-left-color: #989898;
}
#header ul#navigation li.first a, #header ul#navigation li.first a:link, #header ul#navigation li.first a:visited { border-left: none; }
#header ul#navigation li.last a, #header ul#navigation li.last a:link, #header ul#navigation li.last a:visited { border-right: none; }
#header ul#navigation { background: url(../sloba_doba/studio_nav_left_bg.png) 0 -3px no-repeat; margin: 3px 10px 0 0; padding-left: 9px; }
#navigation_wrapper { float: right; margin: 1px 20px 0 306px; padding: 0; position: relative; margin-top: 26px; padding-left: 10px; background: url(../sloba_doba/studio_nav_right_bg.png) top right no-repeat; }
.arrow { background: url(../sloba_doba/studio_nav_arrow.png) top left no-repeat; margin: 8px 0 8px 10px; padding: 0 8px; }
#tabcontent_wrapper { background: url(../sloba_doba/studio_content_mid_bg.png) -2px 0 repeat-y; width: 645px; }
#tabcontent { padding-bottom: 15px; background: url(../sloba_doba/studio_content_bottom_bg.png) bottom left no-repeat; }
#navigation li a { position: relative; }
#navigation ul.submenu { position: absolute; z-index: 100; }
#navigation li ul.submenu { padding-left: 4px; top: 31px; left: 0; }
#navigation li ul.submenu li { float: none !important; display: block; position: relative; }
#navigation li ul.submenu li a { width: 185px; font-size: 10px; background: #5d6067 !important; border-bottom: 1px solid #91969f; padding-top: 7px; padding-bottom: 7px; padding-left: 18px !important; font-size: 11px !important; }
#navigation li:hover ul.submenu { display: block; }
#navigation .h_submenu { position: absolute; padding-left: 0; }
#navigation li ul.submenu li.indented a { padding-left:28px !important; width:95px; }

/* DROPDOWN MENU */

#navigation_wrapper ul { display: block; margin: 0; padding: 0; line-height: 1em; list-style: none; }
#navigation_wrapper ul li { float: left; margin: 0 3px 0 0; padding: 0; font-size: 12px; line-height: 1, 5em; list-style-type: none; }
#navigation_wrapper ul li a {
	float: left;
	display: block;
	width: auto;
	font-weight: normal;
	background: transparent;
	text-decoration: none;
	color: #000000;
	margin: 0;
	padding: 0.9em 0.8em 0.5em 1em;
}
#navigation_wrapper ul li a:hover {
	color: #000000;
}
/* IE5-Mac \*/
#navigation_wrapper ul li a { float: none; }
/* End IE5-Mac hack */
#navigation_wrapper ul.level2, #navigation_wrapper ul.level3 { position: absolute; top: 0; left: 0; visibility: hidden; }
#navigation_wrapper ul.level2 li, #navigation_wrapper ul.level3 li { float: none; margin: 0; padding: 0; }
#navigation_wrapper ul.level2 li a, #navigation_wrapper ul.level3 li a { padding: 5px 9px 5px 5px; }
#navigation_wrapper ul.level2 li a:hover,#navigation_wrapper  ul.level3 li a:hover { font-weight: normal; background-image: none; }

/* admin area styling */
.form-textarea { width: 100%; }

/* Features Table
--------------------*/

table.features {
	padding-top: 0;
}

table.features + hr {
	margin-top: 0;
}

table.features td {
	vertical-align: top;
	padding-bottom: 10px;
}

table.features td.thumbnail {
	padding-right: 16px;
}

table.features td.thumbnail img {
	margin-top: 1px;
}

table.features td.separator {
	width: 18px;
}

table.features td.description {
	color: #666;
	font-size: 12px;
	text-align: left;
	width: 210px;
}

table.features td.description > a {
	color: #48505b;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	display: block;
	padding-bottom:10px;
}

table.features td.benefits {
	color: #666;
	font-size: 12px;
	text-align: left;
	
}

table.features td.benefits > h2 {
	color: #48505b;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	display: block;
	padding-bottom:0px;
}

table.features a.demo {
	display: block;
	width: 87px;
	height: 10px;
	background: url(../sloba_doba/watch_demo.gif) no-repeat;
	margin-top: 6px;
}

#header ul#navigation li.first ul { visibility: hidden; }
#header ul#navigation li.first:hover ul { visibility: visible; }
#main { /*position: relative;*/ }

#header ul#navigation li.first ul li a { width: 118px; }


/* Comparison Table
--------------------*/

table.comparison {
	padding-top: 0;
}

table.comparison td {
	vertical-align: top;
	padding-bottom: 10px;
}

table.comparison td.category {
	font-weight:bold;
}

table.features td.us {
	background-color:#ffffcc;
}

table.features td.them {
	background-color:#ffffff;
}



  /* UPDATED FREETEXT SECTION */
  
.freetext { border-bottom: 1px dotted #bdc2ca; padding-bottom: 1em; }
.freetext .description { margin-left: 8px; font-size: 13px; min-height: 125px; height: auto !important; height: 125px; }
.freetext .description h2 {  padding-top: 10px; color: #48505b; font-size: 18px; }
.freetext .description h3 {  font-size: 18px; font-weight:normal;}
.freetext .description .halfwidth {width:200px;padding-right:10px; layout-flow:horizontal;}

/* Overrides (added by Warren)
--------------------*/
#main #content h1 {
    font-weight:normal;
    color:#48505b;
    font-size:24px;
    margin:2px 0 0 8px;
    letter-spacing:-0.5px;
}
#main #content div.content p {
    font-size:14px;
    line-height:22px;
    margin:10px 10px 20px 10px;
}

div.content_container{
    margin-top: 0;    
    padding: 18px;
    padding-top: 10px;
}
#main #content div.content div#tabcontent p{
    margin:0;
    padding:10px 0 0 0;
    font-size:12px;
    line-height:20px;
}
#main #content div.content div#tabcontent p + h2{
    margin-top:15px;
    border-top:1px dotted #bdc2ca;
    padding-top:15px;
}
#main #content div.content div#tabcontent p + h3{
    margin-top:20px;
}
div#tabcontent h2{
    color:#48505b;
    font-size:20px;
    padding:0;
    margin:0;
}
div#tabcontent h3{
    color:#48505b;
    font-size:16px;
    padding:0;
    margin:0;
}
div#tabcontent table{
    margin-top:3px;
    padding-top:2px;
    border-top:4px solid #bdc2ca;
}
div#tabcontent table + h2,
div#tabcontent table + h3{
    margin-top:20px;
}
div#tabcontent table td{
    border-bottom:1px solid #E7E9EB;
    padding:8px 2px;
}
div#tabcontent table td.description b{
    color:#48505b;
}
div#tabcontent table td.price{
    text-align:right;
    font-weight:bold;
    font-size:14px;
}
div#tabcontent table td img{
    margin-right:6px;
}

/* IE PNG FIX */
* html img {
	}
#top_title {
	width:964px;
	height:40px;
	position:relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 29px;
	padding-left: 16px;
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #993300;
}
#trogolone {
	width:640px;
	height:152px;
	position:relative;
	float: left;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 21px;
}
#dahl {
	height:170px;
	position:relative;
	width: 300px;
	float: left;
	padding-top: 0px;
	margin-top: 24px;
}
#sausage_container {
	width:964px;
	height:210px;
	margin:0 0 0px 29px;
	position:relative;
}
.cherrytextfooter {
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}