/* CSS Document */
html,body
{
	background-image: url("../images/body_bg.png");
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	font-size:10px;
	height:100%; /* needed for container min-height */
}
form
{
	height:100%;
}
/* holds everything on the page */
#container
{
	width:750px;
	background-image: url(../images/thin_studio_container_bg.png);
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	text-align:left;
	padding:0px 15px 0px 15px;
	font-size:1.1em;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#footer /* set the bottom padding the same as the footer height */ 
{
	clear:both;
	width:750px;
	height:20px;
	border-top:2px solid #ebe8d1;
	text-align:center;
	padding:5px 0px 0px 0px;
}
#footer a
{
	color:#999999;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
	color:#000000;
}
/* Main Navigation  */
#mainNav
{
	width:750px;
	display:block;
	height:33px;
	background-image: url("../images/mainNav_bg.gif");
	background-repeat:repeat-x;
	margin:0px 0px 1px 0px;
	list-style-type:none;
}
#mainNav li
{
	float:left;
	margin:0px 0px 0px 0px;
}
#mainNav li a
{	
	height:33px;
	display:block;
	overflow:hidden;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-indent:-700px;
}


/* Main Nav size and default Bg images */
	#mainNav .qJump { width:119px; background-image: url("../images/nav_qJump.png"); background-repeat:no-repeat;}
	#mainNav .home { width:83px; background-image: url("../images/nav_home.png"); background-repeat:no-repeat;}
	#mainNav .services { width:90px; background-image: url("../images/nav_services.png"); background-repeat:no-repeat;}
	#mainNav .gallery { width:84px; background-image: url("../images/nav_gallery.png"); background-repeat:no-repeat;}
	#mainNav .previous { width:93px; background-image: url("../images/nav_previous.png"); background-repeat:no-repeat;}
	#mainNav .rates { width:76px; background-image: url("../images/nav_rates.png"); background-repeat:no-repeat;}
	#mainNav .enquiries { width:97px; background-image: url("../images/nav_enquiries.png"); background-repeat:no-repeat;}
	#mainNav .myO { width:108px; background-image: url("../images/nav_login.png"); background-repeat:no-repeat;}
	
/* Main Nav hover states */
	#mainNav .qJump:hover { background-image: url("../images/nav_qJump_selected.png"); }
	#mainNav .home:hover { background-image: url("../images/nav_home_selected.png");}
	#mainNav .services:hover { background-image: url("../images/nav_services_selected.png");}
	#mainNav .gallery:hover { background-image: url("../images/nav_gallery_selected.png");}
	#mainNav .previous:hover { background-image: url("../images/nav_previous_selected.png");}
	#mainNav .rates:hover { background-image: url("../images/nav_rates_selected.png");}
	#mainNav .enquiries:hover { background-image: url("../images/nav_enquiries_selected.png");}
	#mainNav .myO:hover { background-image: url("../images/nav_login_selected.png");}
/* clears the floats in the main navigation pannel */


/* Main Content */
#mainContent
{
	float:left;
	width:581px;
	background-image: url("../images/rightCol_bg.png");
	background-repeat:no-repeat;
	height:426px;
	margin:0px 0px 0px 10px;
	padding:10px 10px 10px 50px;
}

/* page header holder */
#header
{
	width:740px;
	height:300px;
	margin:0px 10px 0px 10px;
	overflow:hidden;
}
.logo
{
	width:100px;
	height:292px;
	background-image: url("../images/logo.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
	text-indent:-1500px;
	float:left;
	margin:9px 0px 0px 0px;
}
.headerImage
{
	float:left;
	width:629px;
	height:300px;
	margin:0px 0px 0px 10px;
}
#map
{
	float:left;
	width:629px;
	height:300px;
	margin:0px 0px 0px 0px;
}
/* content Columns */
.columnHolder
{
	margin:0px 5px 0px 5px;
	
}
.smallCol
{
	width:164px;
	float:left;
	margin:0px 5px 20px 5px;
}

.medCol
{
	width:223px;
	float:left;
	margin:0px 5px 20px 5px;
}

.bigCol
{
	width:323px;
	float:left;
	margin:0px 5px 20px 5px;
}
.xbigCol
{
	width:487px;
	float:left;
	margin:0px 5px 20px 5px;
}
/* Content Styling */
.smallCol p, .medCol p, .bigCol p, .xbigCol p
{
	margin:0px 10px 0px 10px;
	padding:5px 0px 3px 0px;
	line-height:1.3em;
	font-size:1.1em;
}
.smallCol .span, .medCol .span, .bigCol .span, .xbigCol .span
{
	display:block;
	margin:0px 0px 20px 0px;
	padding:5px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:top;
}

.smallCol .span{background-image: url("../images/smallCol_bg.png");}
.medCol .span{background-image: url("../images/medCol_bg.png");}
.bigCol .span{background-image: url("../images/bigCol_bg.png");}
.xbigCol .span{background-image: url("../images/xbigCol_bg.png");}
#galleryBG .span{background-image: url("../images/blank.png");}


.smallCol input
{
	width:134px;
	margin:0px 0px 10px 10px;
}

.specialOffers
{
	background-image: url("../images/specialOffers_bg.png");
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;
}
.specialOffers .span
{
	margin:0px 0px 0px 0px;
	background-image:url(../../FrontEnd/images/space.png);
}
.specialOffers .span a, .specialOffers .span ul a
{
	display:block;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3em;
	text-decoration:none;
	color:#A0A0A0;
	margin:0px 10px 0px 10px;
	padding:6px 15px 6px 15px;
	border-bottom:1px solid #EBE8D1;
}
.specialOffers .span a:hover
{
	background-color:#FCF9ED;
	color:#666666;
}



/* default html stuff */
strong
{
	font-weight:bold;
	color:#4C4C4C;
}
a
{
	font-weight:bold;
	color:#4C4C4C;
}
a:hover
{
	font-weight:bold;
	color:#000000;
}
p
{
	margin:0px 0px 0px 0px;
}
.columnHeader
{
	margin:10px 0px 0px 0px;
	display:block;
	height:2px;
	overflow:hidden;
	background-color:#EBE8D1;
}
h2
{
	color:#000000;
	margin:6px 0px 6px 6px;
}
/*form
{
	font-weight:bold;
}*/
input
{
	width:134px;
	margin:5px 10px 5px 0px;
	color:#666666;
}
.button
{
	width:50%;
}
ul
{
	list-style-type:square;
	list-style-position:outside;
	margin:0px 15px 0px 25px;
	line-height:1.3em;
	font-size:1.1em;
}
ul li
{
	margin:0px 0px 10px 0px;
}
.clear
{
	clear:both;
}


/* gallery */

#thumbHolder
{
	padding:5px 0px 0px 5px;
	background-image:url(../images/blank.png);
	background-repeat:no-repeat;
}
#thumbHolder a
{
	display:block;
	float:left;
	width:63px;
	height:43px;
	border:2px solid #ffffff;
	margin:0px 0px 8px 8px;
	padding:0;
}
#thumbHolder a img
{
	width:63px;
	height:43px;
}
#thumbHolder a:hover
{
	border-color:#cccccc;
}
.offersHeader strong
{
	display:block;
	font-weight:bold;
	color:#666666;
	width:467px;
	padding:0px 0px 3px 0px;
	border-bottom:2px solid #EBE8D1;
	font-size:1.3em;
}
#xpandable strong
{
	color:#666666;
}
#xpandable a
{
	display:block;
	color:#757575;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
	width:100%;
	border-top:1px solid #D6D6D6;
	padding:0px 0px 2px 0px;
}
#xpandable a:hover
{
	color:#666666;
	text-decoration:none;
	border-color:#666666;
}

.collectionMenu .span
{
	display:block;
	height:30px;
	background-image: url(../images/medCol_bg.png);
}

.collectionMenu .span a
{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3em;
	text-decoration:none;
	color:#A0A0A0;
	margin:0px 10px 0px 10px;
	padding:6px 15px 6px 5px;
	border-bottom:1px solid #EBE8D1;
}
.collectionMenu .span a:hover
{
	background-color:#FCF9ED;
	color:#666666;
}

.collectionMenu .span ul
{	
	width:187px;
	list-style-type:circle;
	margin:0px 0px 15px 25px;
	font-size:0.9em;
}
.collectionMenu .span ul li
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.collectionMenu .span ul li a
{
	color:#878787;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}
.specialOffers .span, .collectionMenu .span
{
	margin:0px 0px 0px 0px;
	background-image:url(../../FrontEnd/images/space.png);
}
.gallerynav 
{
	clear:both;
}
.gallerynav a
{
	 display:block;
	 width:215px;
	 height:20px;
	 overflow:hidden;
	 text-indent:-7000px;
}
.gallerynav .previous
{
	background-image:url(../images/previous.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 15px;
}
.gallerynav .next
{
	background-image:url(../images/next.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 7px;
}
.gallerynav .previous:hover
{
	background-image:url(../images/previous_over.gif);
}
.gallerynav .next:hover
{
	background-image:url(../images/next_over.gif);
}
.gallerynav .floatlft
{
	float:left;
}
.gallerynav .floatrht
{
	float:right; 
	padding-right: 35px;
}
.gallerynav .previousgal
{
	background-image:url(../images/prev.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	width:147px;
	height:20px;
}
.gallerynav .nextgal
{
	background-image:url(../images/sm_next.gif);
	background-repeat:no-repeat;
	float:right;
	margin:0px 0px 0px 0px;
	width:147px;
	height:20px;
}
.gallerynav .previousgal:hover
{
	background-image:url(../images/prev_over.gif);
}
.gallerynav .nextgal:hover
{
	background-image:url(../images/sm_next_over.gif);
}
.gallerynav .floatlftgal
{
	float:left;
}
.gallerynav .floatrhtgal
{
	float:right; 
	width:147px;
	/*padding-right: 35px;*/
}
.brochureRequest img
{
	margin:10px 0 0 0;
}
.callButn
{
	margin:10px 0px 0px 0px;
}