/*-----------------------------------------------------------------------------
Studio Combined Styles

version:   4.1 22 August 2010
author:    nigel wood
website:   www.cobwood.co.uk
-----------------------------------------------------------------------------*/

/* @group General */
* { margin: 0; padding: 0; outline: none; }

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

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

/* Removes fieldset borders. even on Opera 7 */
fieldset { border: 1px solid transparent; }
/* @end */
/*---------------------------------------------------------------------------*/

/* @group Layout */
body {
	text-align:center;/* for IE quirks */
	background-color: #FFF;
	font: 12px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#container {
	text-align: center;/* for IE quirks */
	width: 856px;/*516+320+20*/
	margin: 0 auto ;
	position: relative;
}
#title {
	/*height: 90px;*/
	padding-top: 15px;
	text-align: left;/*for logo position*/
}
#navsite {
	border: double #d4d4d4;
	border-width: 3px 0px;
}
#pageWrapper {
	/*text-align: center ;*/
	text-align: left ;
	padding-top: 20px;
	width: 856px;/*for peek a boo*/
}
#sidebar {
	float: left;
	/* margin-left: 0; */
	width: 320px;
	min-height: 400px;
	display: inline;/*double margin float bug*/
}
#mainbar {  margin-left: 340px; }
#gallery #mainbar { margin-left: 366px; }

#footer{
	clear: both;
	/*height: 30px;*/
	text-align: left;
	background-color: #efefef;
}
/* @end */
/*---------------------------------------------------------------------------*/

/* @group Typography */
h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, dl, dt, dd {
	font-weight: normal;
	color: #444;
}
h1 {
	font-size: 16px;
	text-align: right;
	color: #65b135;
	margin-top: -5px;
	padding: 0 5px 5px 0;
}
h2 { font-size: 14px; }

p.justify { text-align: justify; }
p.centered { text-align: center; }
a { text-decoration: none; font-weight: normal; }

#footer p { padding: 5px 10px; }
#footer a { color: #666; }
/* @end */
/*---------------------------------------------------------------------------*/

/* @group navsite */
/* tabNavigation class - see css mastery p91 */
ul.tabsNav{
	list-style: none;
	float: left;
	margin-left: 0;
	display: inline;/* double-margin float bug */
}
ul.tabsNav li { float:left; }

ul.tabsNav a{
	display:block;
	float:left;/* IE 5.2 Mac CSS Mastery p93 */
	line-height: 30px;
	background: url(graphics/anchor-bkng.gif) left top no-repeat;
	font-size: 13px;
	padding: 0 8px;
}
ul.tabsNav a.first { background: none; }
ul.tabsNav li.current a { color: #444; cursor:default; }
ul.tabsNav a:link, ul.tabsNav a:visited { color: #666; }
ul.tabsNav a:hover, ul.tabsNav a:active { color: #444; }
/* @end */
/*---------------------------------------------------------------------------*/

/* @group sidebar */
#sidebar p { padding: 10px 56px 0 0; }
#sidebar p.firstpara { padding-top: 20px; }
#sidebar p.decor { padding: 0; }/*holds image*/

#gallery #sidebar img, img.withborder {
	border: 1px solid #AAA;
	padding: 1px;
}
#gallery #sidebar img:hover { cursor: pointer; }
/* @end */
/*---------------------------------------------------------------------------*/

/* @group mainbar */
#terms #pageWrapper p { padding: 2px 10px; }

#gallery #mainbar p {
	text-align: center;
	padding: 0 0 10px 0;
}
div.mainText p { padding: 10px 25px 0 25px; }

div.backdrop {
	margin-top: 10px;
	width: 516px;/* to show full image */
	/* height: 357px; */
	/* background: transparent url(graphics/mainstory2.gif) left top no-repeat; */
}
h2.mainTop {
	text-align: center;
	/* padding: 20px 0 10px 0; */
}
h2.message { padding: 0 20px 10px 20px; }


/* new */
.backdrop .hd{
	background: transparent url(graphics/mainstory2.gif) left top no-repeat;
	padding: 20px 20px 10px 20px;
}
.backdrop .bd{
	background: transparent url(graphics/mainstory-middle.gif) left top repeat-y;
	/* padding: 0 20px 0 20px; */
	min-height: 279px;
}

.backdrop .ft{
	background: transparent url(graphics/mainstory2.gif) left bottom no-repeat;
	padding: 0 20px 15px 20px;
}


/* @end */
/*---------------------------------------------------------------------------*/

/* @group Tables */
#design #mainbar, #prices #mainbar { text-align: center; }
#mainbar table { margin: 0 auto; }

#mainbar table.contact {
	width: 80%;
	margin: 0 0 0 20px;
}
table.examples td{
	width:145px;
	padding: 0 0 10px 0;
}
table.prices { border:1px solid #A0A0A4; }
table.prices tr { background-color: #eaeaea; }
table.prices tr.oddRow { background-color: #dedede; }
table.prices td{ text-align: left; padding: 10px 26px; }
/* @end */