/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */

/* Misc Styles and defaults
-------------------------------------------- */



body {
	color: #333;
 	font-size: 13px;
	font-family: Verdana, Lucida, sans-serif;
	height:100%;
	margin:0px; margin:0px;

}

html { height:100%; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	min-height:100%; position:relative;
}
#Container {
	padding-bottom: 200px;
	background: #fff;
	width:970px;
	margin:0px auto;
}
#Layout {
	clear: both;
	overflow: hidden;
}
#Content {
	margin: 0;
	text-align: left;
}
/* HEADER
----------------------------------------- */

#TopBar {
	height: 20px;
	background: #4D4D4D url(../images/backgroundGrey.jpg);
}
#TopBar #TopBarInner { width:970px; margin:0px auto; text-align:right; color: #fff; }

#TopBar #TopBarInner a { color:#fff; text-decoration:none}


#Header {
	height:100px;
	position:relative;
}

#Header #topInfo { position:absolute; top:5px; right:0px; color:#134368; font-size:11px; }

#Header #topLogo { position:absolute; top:-10px; left:0px; display:block; background:#fff; width:200px; height:70px;
-moz-border-radius: 5px; border-radius: 5px; padding:10px; }
#Header #topLogo  a {  -moz-border-radius: 5px; border-radius: 5px; text-indent:-9999px; background:url(../images/logo.png) #B0BCC1 no-repeat center center; height: 85px;
width: 200px;
display: block; }

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
}
	#Navigation ul {
 		position:absolute; right:0px; top:60px;
		margin-right: 10px; margin:0px; padding:0px;
	}
		#Navigation ul li {
	 		list-style: none;
			float: left;
			display: block;
			margin:0px; padding:0px;
		}
  			#Navigation ul li a {
				float: left;
				text-decoration: none;
				display: block;
				font-size: 14px;
				padding: 3px 5px 5px 8px;
				width:129px;
				margin-left:10px;
				color: #134368;
				background:#B0BCC1;
				-moz-border-radius: 5px;
				border-radius: 5px;
				text-align:center;
			}

    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover {
				 	background:#0B679B;
				 	color: #fff;
					font-weight:bold;
					}



/* HOME PAGE
----------------------------------------- */
#homePagePhotos { height: auto; overflow:hidden; background: #4D4D4D url(../images/backgroundBlue.jpg); position:relative; }
#homePagePhotos #homePageCarousel { list-style:none; margin:0px; padding:0px;width:670px; float:left; height:280px; }


#homeLoginForm { background:#0B679B; margin:25px 15px; -moz-border-radius: 5px;	border-radius: 5px; position:relative; float:left; width:250px; padding:10px;}

#homeLoginForm a,
#homeLoginForm p,
#homeLoginForm label  { color:#FFF }
#homeLoginForm .signIn { font-size:16px;}
#homeLoginForm fieldset { padding:0px; margin:0px;}
#homeLoginForm .middleColumn { padding:0px; background:none; width:auto; }
#homeLoginForm input.text { width:215px;}
#homeLoginForm #homeLoginForm { width:300px; float:left; }
#homeLoginForm #Remember label { margin:0px;}

#homeLoginForm #CustomLoginForm_LoginForm_action_dologin { position:absolute; right:5px; bottom:20px;}

#homeLoginForm .message.required {
    color: #666666;
}

#homeLoginForm .btn-toolbar {
    margin-top: 15px;
}

#homeLoginForm a {
    text-decoration: underline;
}

#homeLoginForm .btn-toolbar .action {
    margin-bottom: 10px;
}

#homePageCarousel li { margin:0px; padding:0px; }

#homePagePhotos .jcarousel-control { position:absolute; bottom:10px; left:10px;}

.typography .jcarousel-control { float:right; margin-top:5px; }
.typography .jcarousel-control a { -moz-border-radius: 5px;
				border-radius: 5px;
    background: none repeat scroll 0 0 #89A1B3;
    display: block;
    float: left;
    margin-left: 5px;
    padding: 3px 10px;
	color:#FFF;
}


#MainCol  {
	padding: 10px 10px 10px 0px;
	width: 659px; float:left;
	border-right:1px dashed #BAC6CC; margin-bottom:20px;
}

#Features { width:659px; float:left; }
#Features .Feature { width:50%; float:left; height:155px; font-size:11px; border-top:1px dashed #BAC6CC; padding-top:10px}
#Features .Feature .FeatureImage { width:70px; float:left; background:#CCC; margin-right:10px; height:70px; }
#Features .Feature .FeatureDetails { float:left; width:235px}
#Features .Feature .FeatureDetails  p { margin-bottom:5px; line-height:14px; }
#Features .Feature .FeatureDetails  a { font-weight:bold; }

#RightCol { width:280px; float:left; padding-top:15px; padding-left:10px; }



/* FAETURES PAGE
--------------------------------------------- */
#FullFeatures {  }
#FullFeatures .Feature { clear:both; margin-bottom:25px; min-height:200px; border-top:1px dashed #BAC6CC; padding-top:10px  }
#FullFeatures .Feature .FeatureImage { width:200px; float:left; background:#CCC; margin-right:10px; height:200px; }
#FullFeatures .Feature .FeatureDetails { float:left; width:445px;}
#FullFeatures .Feature .FeatureDetails  p { margin-bottom:5px; }



/* MESSAGEBOXS
--------------------------------------------- */
.message {

}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}



/* FOOTER
----------------------------------------------- */

.designBy { clear:both; font-size:11px; display:block;}
#Footer {
 	clear: both;
	width: 100%;
	height: 150px;
	background: #4D4D4D url(../images/backgroundGrey.jpg);
	position:absolute;
	bottom:0px;
	left:0px;
}

  	#Footer #footerInner  p, #Footer #footerInner li {
		color: #B3B3B3;
		font-size: 12px;
	}

	#Footer #footerInner  strong, #Footer #footerInner  strong a { color:#FFF;  }
  		#Footer #footerInner  a {
	   		color: #B3B3B3;
	   		text-decoration: none;
		}
			#Footer #footerInner  a:hover {
				color: #FFF;
				text-decoration: underline;
			}

			#Footer #footerInner { width:970px; margin:0px auto; text-align:left; color: #fff; }

			#Footer #footerInner #footerCol1 { width:300px; float:left }
			#Footer #footerInner #footerCol2 { width:300px; float:left }
			#Footer #footerInner #footerCol3 { width:300px; float:left; height:120px; background:url(/themes/esgasiapacific/images/footerLogo.png) no-repeat bottom right }


			#Footer #footerInner #footerCol2 ul { list-style-type:none; margin:0px; padding:0px; }
			#Footer #footerInner #footerCol2 ul li { background-color:#717171; color:#FFF; width:190px;-moz-border-radius: 5px;
				border-radius: 5px; padding:4px 5px 4px 30px; margin-bottom:5px;
				background-repeat:no-repeat; background-position:4px 2px;}



#Footer #footerInner #footerCol2 #footer_linked { background-image:url(/themes/esgasiapacific/images/footer_linked.png)}
#Footer #footerInner #footerCol2 #footer_blog{ background-image:url(/themes/esgasiapacific/images/footer_blog.png)}
#Footer #footerInner #footerCol2 #footer_twitter{ background-image:url(/themes/esgasiapacific/images/footer_twitter.png)}
#Footer #footerInner #footerCol2 #footer_fb{ background-image:url(/themes/esgasiapacific/images/footer_fb.png)}