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

/*..........................................................All*/

body {
	background-color:#e4e4e4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	background-image:url(../images/background.gif);
	background-position:top;
	background-repeat:repeat-x;
}
p {
}
#page {
	clear:right;
	width:960px;
	margin:10px auto;
	padding:0;
	background-color:#fff;
	border:1px solid #ccc;
}
.right {
	float:right;
	border:0;
}
.left {
	float:left;
	border:0;
}
/*..........................................................Top*/

#tabSet {
	clear:none;
	background-color:#ccc;
	margin:0;
	padding:0;
	width:960px;
}
#masthead {
	clear:both;
	background-image:url(../images/masthead2.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
#topLogo {
	margin:0;
	padding:0;
	float:left;
	width:480px;
	background-color:#ccc;
	height:30px;
}
#topLogo p {
	font-size:12px;
	color:#FFFFFF;
}
.slogan {
	margin-left:10px;
}
#biz {
	clear:both;
	width:960px;
	height:160px;
	background-image:url(../images/TrainingCentre.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
#mainLogo {
	float:left;
	margin:0;
	padding:0;
	width:160px;
	margin-right:30px;
}
.mainLogo {
	margin:0;
	border:0;
	float:left;
}
#banner {
	clear:none;
	width:480px;
	height:160px;
}
.badge {
	float:right;
margin:o padding:o;
}
/*...........................................Pre*/

#pre {
	clear:both;
	height:1px;
	float:left;
	margin:0;
	padding:0;
}
#pre ul {
	list-style:none;
	margin:0;
	padding:0;
}
#pre ul li {
	display:inline;
}
#pre ul li a {
	display:block;
	float:left;
	text-decoration:none;
	font-size:1px;
	color:#ccc;
}
#pre ul li a:hover {
	color:#FFF;
}
/*...........................................Swap*/

#styleSwap {  /* swap to mobile  */
	float:left;
	margin:0;
	padding:0;
	margin-top:-10px;
}
.styleSwap {
	float:left;
	clear:none;
	border:0;
	padding:0;
	background-color:#ccc;
	color:#FFF;
	font-size:10px;
	cursor:pointer;
	width:30px;
}
/*...........................................Tabs*/

#topTabs {
	float:right;
	width:480px;
	margin:0;
	padding:0;
	height:30px;
	background-color:#ccc;
}
#topTabs ul {
	list-style:none;
	margin:0;
	padding:0;
}
#topTabs ul li {
	display:inline;
}
#topTabs ul li a {
	display:block;
	float:right;
	text-decoration:none;
	width:160px;
	background-image:url(../images/topTabsGrey.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	height:20px;
	padding:5px 0;
	font-size:14px;
}
#topTabs ul li a:hover {
	background-image:url(../images/topTabsNavy.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
}
body.H #topTabs #topTabs1, body.H #topTabs #topTabs1 a, body.T #topTabs #topTabs1, body.T #topTabs #topTabs1 a, body.E #topTabs #topTabs1, body.E #topTabs #topTabs1 a, body.A #topTabs #topTabs1, body.A #topTabs #topTabs1 a, body.C #topTabs #topTabs1, body.C #topTabs #topTabs1 a {
	background-image:url(../images/topTabsWhite.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color:#222;
}
/*...........................................Bread*/
#breadcrumbs {
	background-color:#fff;
	float:left;
	margin:0;
}
#breadcrumbs ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-left:15px;
	border-top:15px solid #8ec7e2;
}
#breadcrumbs ul li {
	display:inline;
}
#breadcrumbs ul li a {
	display:block;
	float:left;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
	margin-right:5px;
}
#breadcrumbs ul li a:hover {
	color:#FF9F00;
}
/*...........................................Search*/

#search {
	float : right;
	margin-top:15px;
	height:35px;
overflow:hidden  text-transform:uppercase;
	font-style:italic;
	font-weight:bolder;
	font-size:12px;
	text-align:center;
	width:160px;
}
#searchForm {
	margin:0;
}
.search {
	display: inline;
	width:100px;
	float:left;
}
.go {
	display: inline;
}
/*...........................................Login*/

#login {
	display:block;
	margin: 15px;
	float:right;
	width:120px;
	text-align:center;
	text-transform:uppercase;
	font:bold 10px arial;
	color:#444;
	padding:4px;
	height:20px;
	overflow:hidden;
	background-image:url(../images/button.jpg);
	background-repeat:no-repeat;
}
#login a {
	text-decoration:none;
	color:#444;
}
#login a:hover {
	color:#FF7F00;
}
/*...........................................Nav*/
#nav {
	clear:none;
	float:left;
	margin:0;
	padding:0;
	margin-top:55px;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#nav ul li {
	display:inline;
}
#nav ul li a {
	display:block;
	float:left;
	text-decoration:none;
	color:#014171;
	padding:2px 10px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
#nav ul li a:hover {
	background-color:#014171;
	color:#fff;
}
body.H #nav #nav1, body.H #nav #nav1 a, body.T #nav #nav2, body.T #nav #nav2 a, body.E #nav #nav3, body.E #nav #nav3 a, body.A #nav #nav4, body.A #nav #nav4 a, body.C #nav #nav5, body.C #nav #nav5 a {
	background-color:#8ec7e2;
	color:#fff;
}
/*..........................................................Middle*/

#main {
	clear:both;
}
#headline {
	margin:0;
	clear:both;
	padding:10px 20px 20px 20px;
	margin-left:160px;
	border-bottom:1px dotted #8ec7e2;
	padding-left:0;
	line-height:180%;
}
#headline h1 {
	margin:0;
	display:block;
	padding:0;
	color:#014171;
	font-weight:lighter;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}
#text {
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	margin-left:160px;
	padding:10px 20px 10px 0;
}
#text p {
	margin-top:0;
}
.featureIMG {
	float:right;
	margin:30px 0 30px 30px;
	border:2px solid #014171;
	width:286px;
}
.rightIMG {
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}
.endMain, .endMain a {
	clear:both;
	padding:0;
	margin:0;
	color: #666;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}
.quote {
	float:left;
	font-size:20px;
	font-weight:lighter;
	color:#666;
	width:280px;
	padding:20px;
	margin:20px;
	margin-left:0;
	line-height:130%;
	border:2px dashed #8ec7e2;
}
/*...........................................Cases*/


#cases {
	margin:0;
	padding:0;
	clear:both;
	width:790px;
	margin-right:10px;
	margin-left:160px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#fff;
	font-size:12px;
	height:340px;
	line-height:150%;
}
#rightCases {
	margin:0 0 10px 10px;
	padding:0;
	float:right;
	width:463px;
}
.rightCase {
	background-color:#FFF;
	border:1px solid #FF7F00;
	height:160px;
	margin-bottom:10px;
}
#leftCases {
	margin:0;
	clear:none;
	float:left;
	width:313px;
}
.leftCase {
	background-color:#FFF;
	border:1px solid #FF7F00;
	overflow:hidden;
	height:332px;
}
#cases h3 {
	margin:0;
	padding:0;
	display:block;
	background-color:#FF7F00;
	padding:5px 10px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:lighter;
}
#cases p {
	margin:0;
	padding:10px;
}
.caseIMG {
	width:159px;
	height:160px;
	border-left:1px solid #ccc;
	float:right;
	overflow:hidden;
}
.caseText {
	width:290px;
	float:left;
	overflow:hidden;
}
/*...........................................Info*/


#info {
	margin:0;
	padding:0;
	clear:both;
	width:790px;
	margin-right:0px;
	margin-left:160px;
	margin-top:10px;
	background-color:#fff;
	font-size:12px;
	height:340px;
	line-height:150%;
}
#rightInfo {
	margin:0 0 10px 10px;
	padding:0;
	float:right;
	width:463px;
}
.rightInfo {
	background-color:#FFF;
	border:1px solid #FF7F00;
	height:160px;
	margin-bottom:10px;
	height:300px;
}
#leftInfo {
	margin:0;
	clear:none;
	float:left;
	width:313px;
}
.leftInfo {
	background-color:#FFF;
	border:1px solid #FF7F00;
	overflow:hidden;
	height:300px;
}
#info h3 {
	margin:0;
	padding:0;
	display:block;
	background-color:#FF7F00;
	padding:5px 10px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:lighter;
}
#info p {
	margin:0;
	padding:10px;
}
.infoIMG {
	width:159px;
	height:160px;
	border-left:1px solid #ccc;
	float:right;
	overflow:hidden;
}
.infoText {
	padding:10px;
	float:left;
	overflow:hidden;
}
/*...........................................Souvenirs*/

#souvenirs {
	clear:both;
	width:160px;
	float:left;
}
#souvenirs ul {
	list-style:none;
	margin:0;
	padding:0;
}
#souvenirs ul li {
	display:list-item;
}
#souvenirs ul li a {
	text-decoration:none;
	margin-left:15px;
	font-size:10px;
	color:#666;
	text-transform:uppercase;
	padding-bottom:6px;
}
#souvenirs ul li a:hover {
	border-bottom:2px solid #FF7F00;
}
/*...........................................Contact*/

#details {
	margin-left:480px;
}
/*...........................................Feedback*/

#feedback {
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	float:left;
	width:440px;
	margin-bottom:20px;
	padding-right:20px;
	border-right:1px dashed #FF7F00;
}
.feedbackLabel {
	float:left;
	clear:both;
	font-size:12px;
	color:#014171;
}
.feedbackName, .feedbackEmail, .feedbackText {
	width:350px;
	padding:5px;
	margin-bottom:10px;
	border: 2px solid #8ec7e2;
	float:right;
	background-color:#fff;
}
.feedbackName {
}
.feedbackEmail {
}
.feedbackText {
}
.feedbackSend {
	width:360px;
	margin-bottom:10px;
	clear:right;
	float:right;
	overflow:hidden;
}
.feedbackName:focus, .feedbackEmail:focus, .feedbackText:focus, select:focus {
	border: 2px solid #FF7F00;
}
.feedbackName:focus {
}
.feedbackEmail:focus {
}
.feedbackButton {
	margin-top:10px;
	width:170px;
	float:right;
	margin-left:10px;
}
/*..........................................................Bottom*/



#footer {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	background-color:#fff;
	width:100%;
	font-size:10px;
	color:#014171;
}
#footer a, #footer p {
	margin:0;
	padding:0;
	color:#014171;
}
#foot ul {
	list-style:none;
	margin:0;
	padding:0;
	background-color:#fff;
	margin-left:160px;
	margin-top:10px;
}
#foot ul li {
	display:block;
	float:left;
	text-decoration:none;
	margin-right:20px;
	font-size:10px;
	color:#666;
	text-transform:uppercase;
	padding-bottom:4px;
	border-bottom:2px solid #666;
}
#foot ul li a {
	display:block;
	float:left;
	text-decoration:none;
}
#foot ul li a:hover {
	color:#FF9F00;
}
.dot {
	margin:0 10px;
}
/*...........................................End*/

#end {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	background-color:#fff;
	width:100%;
	font-size:10px;
}
#end ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-top:10px;
}
#end ul li {
	display:inline;
	float:left;
	padding:6px;
	border-bottom:15px solid #014171;
}
#end ul li a {
	display:block;
	float:left;
	text-decoration:none;
}
#end ul li a:hover {
	color:#FF9F00;
}
/*...........................................PostPage*/



#postPage {
	clear:both;
	width:960px;
	margin:0 auto;
	font-size:10px;
	color:#fff;
	padding-top:10px;
}
#postPage ul {
	list-style:none;
	margin:0;
	padding:0;
}
#postPage ul li {
	display:inline;
	padding-right:20px;
	float:left;
}
#postPage ul li a {
	display:block;
	color:#fff;
	float:left;
	text-decoration:none;
}
#postPage ul li a:hover {
	color:#222;
}


/*..........................................................Misc*/