/*-----------------------------------------------------------------------------
CASA Manager Style Sheet

version:   5.3 14 May 2009
author:    nigel wood
website:   http://www.cobwood.co.uk
-----------------------------------------------------------------------------*/

/* =General   Note: layout color text [mbp]
-----------------------------------------------------------------------------*/

/* Remove padding, margin and outline */
* {
	margin: 0;
	padding: 0;
	outline:none;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* =Layout
-----------------------------------------------------------------------------*/
body {
	background-color: #C0C0C0;
	text-align:center;/* for IE quirks */
	font: 12px/1.5em  Arial, Helvetica, sans-serif;
}
#callMe body { text-align:left; }

#container {
	width: 955px;
	position: relative;
	background: #FFF url(graphics/left_column.gif) left top repeat-y;
	text-align:left;/* to negate rule in body */
	margin:2px auto 2px auto;
	border-right: 2px solid #AAA;
	border-bottom: 2px solid #999;
}
/*#screen_shot #container { text-align: center; }*/

#banner {
	height:120px;
	background:#FFF url(graphics/casa_banner.gif) left top repeat-x;
}
#subBanner {
	clear:both;
	height: 10px;
	background: #FFF url(graphics/blue_divider_matte.gif) repeat-x;
}
#subNav{
	width: 190px;
	height: 468px;
	float:left;
	background: transparent url(images/casa-1.jpg) no-repeat 1px 1px;
}

#technical #subNav{ background: transparent url(images/casa-2.jpg) no-repeat 30px 1px; }
#contact #subNav, #features #subNav, #process #subNav, #testimonials #subNav{ background-image:url(images/casa-3.jpg); }
#pricing #subNav, #screens #subNav { background-image:url(images/casa-4.jpg); }
#mentor #subNav { background-image:url(images/starfish-2.jpg); }
/* Note the logo in developer is positioned by the subNav ul margin */

#mainContent{
	width: 745px;/* 20px gutter */
	float:right;
	/*overflow: auto;*/
}
#footer{
	clear:both;
	text-align:center;
	height:17px;
	background:#D0E8F6;
}
/* =Typography
-----------------------------------------------------------------------------*/
/* Ensure Netscape inherits fonts */
h1, h2, h3, h4, h5, h6, p, td, th, ul, ol, li, dl, dt, dd {
	font: 12px/1.5em  Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
}
p, li { padding: 4px 20px 4px 4px; }

.dropcap {
	font-size:medium;
	font-weight:bold;
	font-style:normal;
	color:#595959;
}
strong{ font-weight:bold; }
.quote { font-style:italic; }
.author { text-align:right; padding-right: 40px; }
.colorblack { color: #000; }/* use in spans */
.h3topara {	font-weight: normal; }

/* =Headings
-----------------------------------------------------------------------------*/
h1 { font-size: 218%; }/* main page heading */

h2 { font-size: 164%; }/* sub heading */

h3 { font-size: 108%; }/* normally 145%, navigational and content tertiary headings */

h4 { font-size: 118%; }/* other headed elements */

h3 {
	font-weight:bold;
	font-style:normal;
	color:#595959;
	padding: 4px;
}

/* =Links
-----------------------------------------------------------------------------*/
a{ text-decoration:none; }

#mainContent a{ color:blue; text-decoration: underline; }

#footer a{ color: #595959; }

/* =Branding
-----------------------------------------------------------------------------*/
#logo{/* TODO remove this when all pages changed */
	height:120px;
	background:transparent url(graphics/casa_header_4.gif) no-repeat 5% 0%;
}
#banner img { margin-left: 32px; }/* WIP 18 Aug to replace background logo */

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav{
	background:#FFF none;
	text-align:center;
}

/* tabNavigation class */
ul.tabsNav{
	list-style: none;
	margin:0;
	margin-left: 440px;
}
#mentor ul.tabsNav {
	margin-left: 686px;
}
/*#layout ul.tabsNav{ background:#D47FFF; }*/

ul.tabsNav li{
	float:left;
	background:transparent url(graphics/tab_grey_left_2.gif) left top no-repeat;
	margin:0 1px;
	padding:0;/* To negate li rule */
}
/*#layout ul.tabsNav li{ background:#FF7FAA; }*/

ul.tabsNav li.current{
	background:transparent url(graphics/tab_blue_left_2.gif) left top no-repeat;
}
ul.tabsNav a{
	display:block;
	float:left;/* IE 5.2 Mac CSS Mastery p93 */
	font-size:12px !important;
	line-height:1.0;
	color: #333333;
	background: transparent url(graphics/tab_grey_right_2.gif) right top no-repeat;
	width: 80px;
	padding: 4px 0;
}
/*#layout ul.tabsNav a{ background:#66FFFF; }*/

ul.tabsNav li.current a{
	background: transparent url(graphics/tab_blue_right_2.gif) right top no-repeat;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
#subNav p{ text-align:center; }/* centers the logos */

#subNav ul{
	float:right;
	margin: 215px 4px 15px 0;
	width: 104px;
}
#layout #subNav ul{ background:#D47FFF; }

/* navButtons class */
ul.navButtons{ list-style: none; }

ul.navButtons li{ padding:2px 0; }

#layout ul.navButtons li{ background:#FF7FAA; }

ul.navButtons a{
	display:block;
	line-height:1.5;
	text-align:center;
	font-size:12px !important;
	color: #333333;
	padding: 2px 0;
	background: transparent url(graphics/button_grey_4.gif) left top no-repeat;
}
ul.navButtons li.current a{
	background-image:url(graphics/button_blue_4.gif);
}
#layout ul.navButtons a{ background:#66FFFF; }

/* =Tertiary Nav
-----------------------------------------------------------------------------*/
#bannerContact {
	position: absolute;
	left: 630px;
	top: 10px;
	width: 325px;
	height: 60px;
	text-align: center;
}
/*.buttons{
	width: 98px;
	background: transparent url(graphics/button_white_3.gif) left bottom no-repeat;
	line-height:1.5;
	text-align:center;
	font-size:12px !important;
	margin: 0 0 0 175px;
	padding: 3px 0;
}*/

/* =Main Content
-----------------------------------------------------------------------------*/
#mainContent ul {
	list-style-position:inside;
	line-height: 1.1;
}
/* To prevent scroll bars on php page */
/*#techSupport #mainContent {	height: 445px; }*/
#topContent { height: 330px; }

#mainContentGraphic {
	float: right;
	/*margin-right: 20px;*/
	/*display:inline;*/
	/* double margin float bug */
}
#mainContentGraphic img{ border: 1px solid #999999; }
hr { width: 95%; }
#mentor hr { margin-top: 10px; margin-bottom: 10px; }

/* =Footer
-----------------------------------------------------------------------------*/
#footer p{ font-size: 10px !important; line-height: 1.0; }

/* =Forms
-----------------------------------------------------------------------------*/
fieldset {
	margin: 0 15px 2px 0;
	border: 1px solid #D0E8F6;
	padding: 0 0 0 110px;
}
textarea{ overflow: auto; }
#callMe fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

/* =Tables
-----------------------------------------------------------------------------*/
#screens td img, #mentor td img{ border: 1px solid #999999; }

#screens td, #mentor td {
	text-align: left;
	vertical-align:top;
	padding: 5px 0 0 74px;
}
#screens td h3{ padding-top: 0; }/* TODO is this used */

/* Contact form */
#contact table{ border: 0; }

#contact td {
	text-align: left;
	vertical-align: top;
}
td.first_col{
	width: 9em;
}
/* Pricing and Videos */
#pricing table, #videos table{
	border: 1px solid #D0E8F6;
	margin-bottom: 2px;
}
#pricing td, #videos td{ border: 1px solid #D0E8F6; }

#pricing th, #videos tr.titleRow {
	text-align:center;
	font-weight: bold;
}
#pricing table, #videos table {
	background-color: #F4F4F4;
}
.shaded, #pricing tr.shaded, #videos tr.shaded {background-color: #D0E8F6; }