charset "utf-8";
/* CSS Document */


body { font-family:verdana;margin: 0; padding: 0; text-align: center; color: #000000; background:#fff url(../../images/bg.png) repeat-x}
.page #container {width: 950px;  margin: 0 auto; text-align: left; background: url(../../images/containerTop.gif) left top;}
/*.page #container {width: 950px;  margin: 0 auto; text-align: left; background: url(../../images/Top-Header.jpg) left top;}*/
.page #header {background:#17153d /*url(../../images/header.jpg) no-repeat*/; margin:0; padding:0; height:95px}
.page #adminHeader {background:#17153d url(../../images/Top-Header.jpg) no-repeat; margin:0; padding:0; height:95px}

.page #homeHeader {background:#17153d /*url(../../images/header.jpg) no-repeat*/; margin:0; padding:0; height:95px}

.page #menuContainer {
					  background: url(../../images/navBg.png) no-repeat; margin:0; padding:0; height:45px; 
					  -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;
					  -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px;
					  }

.page #mainContent {padding:0; margin:0;}
#homeMainContent {padding:0; margin:0; height:397px; background:#000}

.page #innerPage {padding:10px 20px 60px 20px; margin:0; background:url(../../images/homeBottom.png) repeat-x bottom;}
.page #innerPage td.subPage{padding:77px 0 0 0;}

#innerPage .leftColumn {width:250px; border:1px #000 solid;}
#innerPage .rightColumn { width:600px; padding:10px; border:1px #000 solid; float:right; background:#fff; }

.page #footer {padding: 0; margin:0; background:#fff url(../../images/footer.png) center top no-repeat; height:90px}
.page #footer p {margin: 0; padding: 5px 0; color:#a2a2a2; font-size:.9em}
.page #footer a {padding: 5px 0; color:#17153d; text-decoration:underline;}
.page #footer a:hover {padding: 5px 0; color:#17153d; text-decoration:none;}





/* reWrite html tags _________________________________________________*/

h1 { font:normal 2.5em 'Century Gothic'; color:#a2a2a2; padding:0; margin:0}
h1.home{ font:normal 2.5em 'Century Gothic'; color:#a2a2a2; padding:0; margin:0 0 0 .8em; border-bottom:2px #fff solid}
h1.homeOther{ font:normal 2.5em 'Century Gothic'; color:#a2a2a2; padding:0; margin:0 0 0 0; border-bottom:2px #fff solid}
h1.homeOther span{float:right; font:normal 11px verdana; margin-top:18px}
h2 { font:normal 2.5em 'Century Gothic'; color:#262535; padding:0; margin:0}
h2.subPage { font:normal 2.5em 'Century Gothic'; color:#262535; padding:0; margin:0 0 1.3em 0}
h2.subPage span{ font:normal 1em; color:#00C0D7; }
h2.team { font:bold 1.5em 'Century Gothic'; color:#262535; padding:10px 0 0 0; margin:0 0 5px 0}
h2.subHeadings { font:normal 1.8em 'Century Gothic'; color:#262535; padding:10px 0 0 0; margin:0 0 5px 0}

h2.news { font:normal 1.7em 'Century Gothic'; color:#262535; padding:10px 0 0 0; margin:0 0 5px 0}
h2 a { font:normal 1.1em 'Century Gothic'; color:#262535; padding:10px 0 0 0; margin:0 0 0 0; text-decoration:none; border-bottom:1px #00c0d7 solid}
h2 a:hover {color:#262535; text-decoration:none; border-bottom:1px #262535 solid}
.date {padding:0 0 0 ; margin:10px 0 0 0; font-size:11px; color:#037C87}
.date .publish{padding:0 0 0 5px; font-size:11px; color:#4e4d4d}

img.team {margin:10px 20px 10px 0; padding:4px; background:#D8F5F9; border:1px #00C0D7 solid;}


/* Default Colour/Styles here */
a.scrollover {color: #557AFF;}
/* Rollover Colour/Styles here */
a.scrollover em:first-line { color: #FF5B3C;}
   
     
   
/* home page bottom section __________________________________________*/

.page #homeBottomSection {padding:0; margin:0; height:225px; background:url(../../images/homeBottom.png) repeat-x;}

.homeBottomSectionLeft {width:300px; /*background:red;*/ display:block; height:225px}
.homeBottomSectionLeft ul{width: 21.5em; list-style: url(../../images/bulletDash.png);}
.homeBottomSectionLeft ul li{ float: left; width: 10.5em;}
.homeBottomSectionLeft br{ clear: left;}

.homeBottomSectionLeft div.wrapper{margin-bottom: 1em;}
.homeBottomSectionLeft ul li a{display: block; width: 9em; text-decoration: none; color:#000; padding:.2em 0}
.homeBottomSectionLeft ul li a:hover{ color: #FFF;  background-color: #212030;}

.homeBottomSectionMiddle {width:250px; display:block; height:225px; float:right; margin:0 50px 0 0}
.homeBottomSectionMiddle td {padding:2px; margin:.7em 0 0 0; background:#fff; border:2px #6FDCE8 solid}

.homeBottomSectionRight {width:300px; float:right; display:block; height:225px}
.homeRightSectionContent{height:68px; width:98%; border-bottom:1px #fff solid; border-top:0px #fff solid;}
.homeRightSectionContent img { width:88px; height:52; padding:2px; margin:6px 0 0 0; background:#17153d}
.homeRightSectionContent span.content {float:right; width:190px; margin:6px 0 0 0}
.homeRightSectionContent p { color:#000}
.homeRightSectionContent p span.location {color:#777; margin:0 10px 0 0; width:100px}



/* Easy Slider _______________________________________________________*/


#slider, #slider li{width:300px; height:150px; overflow:hidden;}
#slider li{}
#slider li p{ margin:0 20px 0 0;}				
/*span#prevBtn{ color:#000; text-decoration:none}
span#nextBtn{color:#000; text-decoration:none}*/
	
img{border:none;}
.graphic, #prevBtn, #nextBtn{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}
#container{	margin:0 auto; position:relative; text-align:left;}	

/* Easy Slider */

#slider{ margin:12px 0}	
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
#slider li{width:300px; height:150px; overflow:hidden;}

#prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:905px; top:550px;}	
#nextBtn{ left:920px;}														
#prevBtn a, #nextBtn a{  display:block; width:24px;	height:77px; background:url(../../images/back.png) no-repeat 0 0;cursor:pointer;}	
#nextBtn a{ background:url(../../images/next.png) no-repeat 0 0;}
		
		
		
/* coda slider _________________________________________________*/
	

#wrapper { width: 300px; margin: 0 auto;}
#slider {width: 300px; margin: 0 auto; position: relative;  /*height:200px;*/ padding:0 }
.scroll {width: 300px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
.scrollContainer div.panel {padding: 0px; width: 300px; }

ul.navigation {list-style: none; margin: 0; padding: 0; padding-bottom: 0; float:right; display:block; background:#fff; width:300px; }
ul.navigation li {display: inline; margin-right: 0px; }
ul.navigation a {padding: 2px; margin: 0 0 0 2px; color: #fff; text-decoration: none; font:11px verdana; background:#00C0D7; float:right; }
ul.navigation a:hover {background-color: #201f30; color:#fff;}
ul.navigation a.selected { background-color: #201f30; color:#fff; }
ul.navigation a:focus { outline: none;}

.scrollButtons {position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px;}
.hide {display: none;}



/* Top Navigation _______________________________________________*/

#nav { display: block; margin: 0; padding: 0; position: relative;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 190px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { background-color: none; height: 24px; /*border:1px #fff solid;*/ float:right; margin:0px 10px 0 0;}
#nav a.basicLinks{ border-top:6px #00C0D7 solid; margin:0 10px 0 0}
#nav a.basicLinks:hover{ border-top:6px #fff solid;}
#nav a.current { border-top:6px #fff solid; margin:0 10px 0 0}
#nav *:hover { background-color: none; }
#nav a.signUp { border-top:6px #FFFF00 solid; margin:0 10px 0 0; color:#FFFF00}
#nav a.modalInput { border-top:6px #FFFF00 solid; margin:0 10px 0 0; color:#FFFF00}
#nav a { /*border-right: 1px solid white;*/ color: white; font-size: 12px; padding: 6px 10px; line-height: 1; text-decoration:none;}
#nav li.hover a { background-color: none; }
#nav ul { top: 40px; }
#nav ul li a { background-color: #201F30; }
#nav ul a.hover { background-color: #00C0D7; }
#nav ul a { border-bottom: 1px solid white; border-right: none; /*opacity: 0.9; filter: alpha(opacity=90);*/ }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



/* Left Navigation _______________________________________________*/

ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:normal 12px verdana;line-height:165%;}
ul.vert-one li{margin:0;padding:0;border-top:1px solid #fff;border-bottom:1px solid #262535;}
ul.vert-one li.empty{margin:0;padding:5px 0 5px 20px;border-top:1px solid #fff;border-bottom:1px solid #000;}
ul.vert-one li a{display:block;text-decoration:none;color:#242333;background:#00C0D7;padding:5px 0 5px 20px; font-weight:normal}
ul.vert-one li a span{text-decoration:none;color:#fff; font-weight:normal}
ul.vert-one li a:hover{background:#242333 /*url("../../images/vert-one_arrow.gif") no-repeat*/; color:#fff;}
ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#242333 /*url("../../images/vert-one_arrow.gif") no-repeat*/; color:#fff}
ul.vert-one li.dropdown{margin:0;padding:5px 0 5px 5px;border-bottom:5px solid #fff;  background-color:#201f30;}


/*Management Team Page_________________*/
.memberContainer {display:block; margin-bottom:10px; height:180px;}
.memberPersonal {color:#777; }
.memberPersonal span{color:#000; width:150px}
.memberPersonal a{color:#777; text-decoration:underline}
.memberPersonal a:hover{color:#777; text-decoration:none}



/*Service Page_________________________*/
.serviceContainer {margin:0; padding:4px; background:#D8F5F9; border:1px #00C0D7 solid;}






/* Gallery ----------------------------------------------------------- */
.galleryLargeImage { padding:2px; margin:0 0 5px 0; border:1px #6F6D6D solid; height:346px; background-color:#fff;}

.galleryImage {padding:2px; margin:0; height:57px; width:103px; cursor:pointer; border:1px #00C0D7 solid}
.galleryImage:hover {border:1px #6F6D6D solid; 	background-color:#fff;}
		.smallDescription{padding:1px 10px; margin:0 0 0 0; font:normal 11px verdana; background-color:#BFEFF5; border-bottom:1px #00C0D7 solid }
		 div.pageNavigator {color:#000; text-decoration:none; padding:10px 3px 10px 3px; font-size:11px; background-color:#BFEFF5; margin-bottom:10px}
		 a.pageNavigator {color:#000; text-decoration:none; padding:0 3px 3px 3px; font-size:12px; background-color:#BFEFF5; }
		 a.pageNavigator:hover {color:#036E21; text-decoration:none; background-color:#BFEFF5;}
		 a.LastpageNavigator {color:#666; text-decoration:none; padding:0 3px 3px 3px; font-size:11px; background-color:#ccc;}

.portfolioImage {padding:2px; margin:0; height:37px; width:83px; cursor:pointer; border:1px #00C0D7 solid}
.portfolioImage:hover {border:1px #6F6D6D solid; 	background-color:#fff;}


/* portfolio page ____________________________________________________*/

div.blockList {width:100%;}
ul.blockList{padding:0; margin:0; list-style:none; font:normal 11px verdana}
ul.blockList li {border:1px #E9E9F3 solid; border-top:none; background:#fff; /*display: inline-block; overflow:hidden;*/ padding:10px;  color:#636363; margin:0 0 2px 0}
ul.blockList li.last{border-bottom:none; background:#fff;/*display: inline-block; overflow:hidden;*/ padding:2px; color:#636363}
ul.blockList li:hover {background:#F7F7FB}
ul.blockList li h1{text-decoration:none; color:#2487C3; font:bold 18px 'Century Gothic'; margin:0; padding:0}
ul.blockList li h2{text-decoration:none; color:#000; font:normal 12px verdana; margin:2px 0; padding:0; width:250px}
ul.blockList li h2 span{text-decoration:none; color:#0071D7; font:normal 12px verdana; margin:0; padding:0; float:right}
ul.blockList li a{ text-decoration:none; color:#2487C3}
ul.blockList li a:hover{ text-decoration:underline;}
ul.blockList li .imgHolder{ text-align:center}
ul.blockList li img {margin:0 10px 0 0;}
ul.blockList li .itemName { display:table-cell}
ul.blockList li .restName { display:table-cell}
ul.blockList li .itemPrice { color:#000; display:table-cell}

ul.blockList li table {border:none;  font-size:12px}
ul.blockList li td.picture{width:100px;}
ul.blockList li td a{ text-decoration:none; border-bottom:1px #000 solid}
ul.blockList li td.title{width:150px; color:#000;}
ul.blockList li td.description{color:#0071D7}
ul.blockList li td.description .comments{color:#000; float:right; background:#00C0D7; padding:0 2px}


img{border:none;}
/*.imageOver{
	background:url(../../images/zoom.gif) no-repeat 100% 200%;	
	filter:alpha(opacity=0);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}
*/







/* input fields ______________________________________________________*/		

.textField {border:1px #00C0D7 solid; padding:3px; font:normal 12px verdana}
.textFieldComment {border:1px #00C0D7 solid; padding:3px; font:normal 12px verdana; width:300px}
.textFieldComment:focus, .textField:focus {border:1px #201F30 solid;}

.button {border:1px #201F30 solid; background:#201F30; padding:1px 10px; color:#fff; cursor:pointer}
.buttonLogin {border:1px #FFFF00 solid; background:#FFFF00; padding:0 10px; color:#201F30; cursor:pointer}
.buttonCancel {border:1px red solid; background:red; padding:1px 10px; color:#fff; cursor:pointer}
.comment_button{border:1px #201F30 solid; background:#201F30; padding:1px 10px; color:#fff; cursor:pointer}

.editLink {background:#0071D7; color:#fff; padding:2px 6px; font:normal 11px verdana; text-decoration:none}
.editLink:hover {background:#00C0D7; color:#000; text-decoration:none}
.deleteLink {background:#2E656B; color:#fff; padding:2px 6px; font:normal 11px verdana; text-decoration:none}
.deleteLink:hover {background:#000; color:#fff; text-decoration:none}

.redLink {background:red; color:#000; padding:2px 6px; font:normal 11px verdana; text-decoration:none}
.redLink:hover {background:#000; color:#fff; text-decoration:none}



/* Overlay _____________________________________________________________________________*/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}





/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}








/* jQuery Tabs _____________________________________________________________*/

ul.tabs { margin: 0; padding: 0; float: left; list-style: none;/* height: 32px;*/ width: 589px;
			border-bottom: 1px solid #E9E9F3; 
			/*border-top: 1px solid #EBEAF2; */
			/*border-right: 1px solid #EBEAF2; */
			border-left: 1px solid #E9E9F3; 
			/*background:#EAEAF2;*/
			}

ul.tabs li {float: left; margin: 0; padding: 0; height: 27px; line-height: 27px; margin-bottom: -1px; /*background: #EAEAF2;*/
			border: 1px solid #E9E9F3; border-left: none; border-top: 1px solid #E9E9F3; 
			overflow: hidden; position: relative; }

ul.tabs li a { text-decoration:none; color:#000; display:block; font-size:11px; font-weight:bold; padding:0 20px; border:1px solid #fff; outline: none;}
ul.tabs li a:hover {background: #fff; }	

html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff; color:#000}
.tab_container { /*border: 1px solid #EBEAF2;*/ border-top: none; clear: both; float: left; width: 590px; background: #fff;
				/*-moz-border-radius-bottomright: 5px;
				-khtml-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-khtml-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius: 5px;*/
				}
.tab_content {padding: 0 0 0 0; font-size: 1.2em;}
.tab_content h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; }
.tab_content h3 a{color: #254588;}
.tab_content img {float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 1px; }







/*jQuery slideShow _____________________________________________________________*/

/* container for slides */
.images {
	background:#fff; border:1px #E9E9F3 solid; border-top:none; position:relative;height:300px;/*width:650px;*//*float:left;	*//*margin:15px;*/cursor:pointer;
	/* CSS3 tweaks for modern browsers */
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;*/	
}

.images div {display:none;position:absolute;top:0;left:0;margin:0px;/*padding:15px 30px 15px 15px;*//*height:256px;*/ border:none}
.images h3 {font-size:22px;font-weight:normal;/*margin:0 0 20px 0;*/color:#456;}
.slideTabs {/*clear:both;*//*margin-left:330px;*/}
.slideTabs a {width:8px;height:8px;float:left;margin:3px;background:url(../../images/navigator.png) 0 0 no-repeat;display:block;font-size:1px;}
.slideTabs a:hover {background-position:0 -8px;}
.slideTabs a.current {background-position:0 -16px;} 	

.forward, .backward {float:left;margin-top:0px;background:#fff url(../../images/hori_large.png) no-repeat;display:block;width:30px;height:30px;cursor:pointer;
					 font-size:1px;text-indent:-9999em;}
.forward { background-position: 0 -30px; clear:right; }
.forward:hover{ background-position:-30px -30px; }
.forward:active	{ background-position:-60px -30px; } 

.backward:hover{ background-position:-30px 0; }
.backward:active{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {	visibility:hidden !important;}
.buttonStyle {background:#000; border:1px #000 solid; color:#fff; font-size:10px}
.images img{ border:none}



.locationDetailTable {font:normal 12px verdana; margin:20px 0}
.locationDetailTable tr.title{background:#00C0D7; font-weight:bold; color:#fff}
.locationDetailTable tr{border-bottom:1px #E9E9F3 solid}
.locationDetailTable tr.alternate{/*background:#E9E9F3*/}








/*Alternate UL/LI __________________________________________________________*/

ul.grid {padding:0; margin:0; list-style:none; font-family:verdana}
ul.grid li{padding:10px; margin:0; color:#284775;}
ul.grid li.alternate{padding:10px; margin:0; background:#BFEFF5; color:#333}
ul.grid li strong {color:#000}
ul.grid li strong .date {color:#A2A2A2; font-weight:normal; margin:0 10px}
ul.grid li p {color:#333; font:normal 11px verdana}
ul.grid li a{font:normal 11px verdana; color:#fff; background:red; padding:1px}




/*Insert a Record with animation slide down effect using jQuery and Ajax.___________*/
.comment_box{}
a{text-decoration:none;color:#d02b55;}
a:hover{text-decoration:underline;color:#d02b55;}
ul.timeline{list-style:none;}
ul.timeline li{ display:none;position:relative;padding:.7em 0 .6em 0;border-bottom:1px dashed #000;}
ul.timeline li:first-child{border-top:1px dashed #000;}










/* jFlow ___________________________________________________________*/
/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../../images/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../../images/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-right:328px;
	padding:0 0 0 42px ;
	width:200px;
	height:20px;}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/* main vertical scroll */
#main {
	position:relative;
	overflow:hidden;
	height: 450px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.pagee {
	padding:10px;
	height: 450px;
	background:#242333 /*url(../../images/h600.png) 0 0 repeat-x*/;

}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 700px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:30000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:700px;
	height:450px;
	padding:5px;
}

/* main navigator */
#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#main_navi li {
	border-bottom:1px solid #fff;
	clear:both;
	/*height:75px;*/
	list-style-type:none;
	width:220px;
	cursor:pointer;
	color:#242333;background:#00C0D7;padding:10px 20px; font-weight:normal
}

#main_navi li:hover {
	background-color:#242333;
	color:#fff;
}

#main_navi li.active {
	background-color:#242333;
	color:#fff;
}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
	font-weight:normal
}

#main div.navi {
	margin-left:250px;
	cursor:pointer;
}









/* client grid __________________________________________________________*/

.clientGrid {border:1px #AAEAF2 solid; background:#EAFAFC; padding:4px; margin-bottom:10px}
img.clientLogo {margin:0 20px 0 0; padding:4px; background:#D8F5F9; border:1px #00C0D7 solid;; width:150px}
img.clientLogoBigger {margin:0; padding:4px; background:#D8F5F9; border:1px #00C0D7 solid;; width:292px}
.clientDetail {height:85px}
.clientDetailLink {float:right; background:#AAEAF2; color:#fff; padding:4px 4px; margin-right:-5px; margin-bottom:-5px}
.clientDetailLink a{font:normal 10px verdana; text-transform:uppercase; color:#000}

img.imgThumb, img.imgThumb a {margin:0 5px 10px 0; padding:2px; background:#D8F5F9; border:1px #00C0D7 solid;; width:50px}
img.imgThumb:hover, img.imgThumb a:hover {margin:0 5px 10px 0; padding:2px; background:#D8F5F9; border:1px #201F30 solid;; width:50px}






/* jQuery top slide out _________________________________________________*/

.slide-panel {z-index:25;width:5px;position:absolute;margin-left:420px;}


.bottom {bottom: 0;}
.right {}
.left {position: absolute;left: 0;}
.top {top: 0;}

.content {z-index: 10;overflow: hidden;text-align:center;background-color:#00C0D7;height: 0;width:100%;color:#fff; padding:0; margin-left:-130px}

.slide-button {margin-left: auto;margin-right: auto;position: relative;width: 70px;z-index: 20;cursor: pointer;padding:5px 0;text-align: center;
				background:#1A2040;/*-moz-border-radius:5px;	-webkit-border-radius:5px;*/	-moz-box-shadow:0 0 25px 0 #fff;
				-webkit-box-shadow:0 0 25px 0 #fff; color:#ffff00}
.slide-button:hover {color: #9f9d8e;}




body { font-family:verdana; font-size:12px;margin: 0; padding: 0; text-align: center; color: #000000; background:#fff url(../../images/bg.png) repeat-x}





.successMsg {
	background:#D7FAD3 url(../../images/success.gif) no-repeat 0 12px;
	display:block;
	margin:5px 0; padding:10px 20px 10px 40px;
	text-align:left;
	border:1px #86F17B solid;
	border-bottom:3px #86F17B solid;
	}
.errorMsg {
	background:#FDE8E7 url(../../images/error.gif) no-repeat 0 12px;
	color:#000; display:block;
	margin:5px 0; padding:10px 20px 10px 40px;
	text-align:left;
	border:1px #DFB9B7 solid;
	border-bottom:3px #DFB9B7 solid;
	}



/* paging _____________________________________________________*/
.pages {clear: left; font-size:11px; font-family:verdana}
.pages a, .pages span {display: block;float: left; padding: 0.1em 0.2em;margin-right: 0.1em; color:#FFFFFF}
.pages span.current {color:#ffffff; background:#fff}
.pages a {border: 1px solid #fff;text-decoration: none; background:#fff}
.pages a:hover {border-color: #00C0D7;background: #00C0D7}
.pages a.nextprev {font-weight: bold;}
.pages span.nextprev {color: #666;}
.pages span.nextprev {border: 1px solid #ddd;color: #999;}
.pages .nextprev-next {float: right;}