/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#404040; font-family: Arial, Helvetica, sans-serif; }
h1, h2 h3, h4, h5, h6, p, li { line-height:1.0em; }

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:880px; margin:0 auto; }

/*---- Header ----*/
div#header{ padding:53px 34px 5px 14px; }

/*---- Navigation ----*/
div#navigation{ border-bottom:1px solid #ccc; }

/*---- Content ----*/
div#content { margin-bottom:10px; padding-top:40px; }
div#content.home { padding-top:0; background:none; }

/*---- Dashboard ----*/
div#dashboard { margin-bottom:25px; }

/*---- Partners ----*/
div#partners{ border-width:1px 0px 1px 0px; border-style:solid; border-color:#E5E5E5; padding:30px 0; margin-bottom:19px; }

/*---- Main ----*/
div#main { float:right; width:600px; padding:20px 45px 0 0; }
div#content.home div#main { width:630px; float:left; padding:0; }

/*---- Sidebar ----*/
div#sidebar { width:205px; float:left; margin-left:7px; }
div#content.home div#sidebar { width:250px; float:right; margin:0; }


/*---- Footer ----*/
div#footer{ padding:0 6px 35px 5px; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo{ float:right; }
div#header div.logo a { display:block; }

div#header div#booking-form { float:left; padding-top:11px; }
div#header div#booking-form p label { float:left; width:104px; margin-right:20px; font-size:240%; color:#404040; }
div#header div#booking-form p span { font-size:100%; color:#B2B2B2; line-height:1.0; }
div#header div#booking-form p select { width:190px; }

/*---- Navigation ----*/
div#navigation ul { margin-left:11px; }
div#navigation ul li { float:left; margin-right:2px; }
div#navigation ul li a { float:left; line-height:29px; color:#404040; text-decoration:none; background:transparent url(../images/navigation/navigation-left.jpg) no-repeat scroll left bottom; padding-left:10px; }
div#navigation ul li a span { float:left; background:transparent url(../images/navigation/navigation-right.jpg) no-repeat scroll right bottom;  padding-right:10px; font-size:120%; }
div#navigation ul li.active a, div#navigation ul li:hover a { background:transparent url(../images/navigation/navigation-active-left.jpg) no-repeat scroll left bottom; }
div#navigation ul li.active a span, div#navigation ul li:hover a span { background:transparent url(../images/navigation/navigation-active-right.jpg) no-repeat scroll right bottom; color:#fff; }

div#navigation ul li.parent { position:relative; }
div#navigation ul li.parent ul.child { position:absolute; top:26px; background:transparent url(../images/content/dropdown-bg.jpg) repeat-x scroll 0 4px; margin:0; height:37px; display:none; }
div#navigation ul li.parent ul.child li { display:inline; margin-right:7px; float:none; font-size:110%; }
div#navigation ul li.parent ul.child li a { display:inline; float:none; background:none; padding:0; color:; font-size:100%; }
div#navigation ul li.parent ul.child li.active a, div#navigation ul li.parent ul.child li:hover a { color:#ff6600; }
div#navigation ul li.parent ul.child li.pipe { color:#ccc; }

div#navigation ul li.active ul.child, div#navigation ul li.parent:hover ul.child  { display:block; }
 
div#navigation ul li#your-training ul.child { left:-10px; padding:0 0 0 19px; width:860px; }
div#navigation ul li#about-us ul.child { left:-104px; padding:0 0 0 116px; width:766px; }
div#navigation ul li#our-news ul.child { left:-175px; padding:0 0 0 189px; width:691px; }
div#navigation ul li#corporate ul.child { left:-250px; padding:0 0 0 259px; width:621px; }
div#navigation ul li#press ul.child { left:-327px; padding:0 0 0 349px; width:531px; }

 
/*---- Partners ----*/
div#partners h2 { font-size:180%; color:#404040; line-height:18px; }
div#partners h2 span { color:#ACACAC; }
div#partners ul li { display:inline; margin-right:8px; }

/*---- Content ----*/
div#content h1 { font-size:320%; line-height:32px; margin-bottom:20px; font-weight:normal;  }
div#content h1 span{ font-size:100%; color:#b1b1b1; }
div#content h1 span.orange { color:#ff6600; }

div#content p a.more-link { font-size:100%; color:#FF9900; font-weight:bold; text-decoration:none; }
div#content p a.more-link:hover { text-decoration:underline; }

/*---- Main - Post ----*/
div.post h2 { font-size:300%; margin-bottom:5px; line-height:1.2em; font-weight:normal;  }
div.post h3 { font-size:240%; margin-bottom:5px; line-height:1.2em; font-weight:normal; }
div.post h4 { font-size:160%; margin-bottom:5px; line-height:1.2em; font-weight:normal; }
div.post h5 { font-size:120%; margin-bottom:20px; line-height:1.2em; }

div.post p.datestamp { color:#FF9900; font-size:120%; line-height:1.2em; }
div.post p { color:#666; font-size:120%; line-height:1.2em; margin-bottom:23px; }
div.post p strong { color:#333; font-weight:bold; }
div.post p a { text-decoration:underline; color:#666; }
div.post p a:hover { text-decoration:none; }

div.post ul { margin:0 0 20px 20px; }
div.post ol { margin:0 0 20px 25px; }
div.post ul li, div.post ol li { margin-bottom:5px; line-height:1.2em; font-size:120%; }
div.post ul li { list-style:disc; }
div.post ol li { list-style:decimal; }

div.post blockquote p { font-style:italic; }

/*---- Sidebar ----*/
div#sidebar div.image { margin-bottom:13px; }
div#sidebar div.widget { padding:10px; background:#ddd; margin-bottom:13px; }
div#sidebar div.widget h2 { font-size:240%; margin-bottom:10px; line-height:1.2em; color:#333; font-weight:normal; }
div#sidebar div.widget h2 span { color:#666; }
div#sidebar div.widget p { font-size:110%; line-height:1.2em; margin-bottom:15px; color:#404040; }
div#sidebar div.widget p a { font-size:100%; color:#404040; text-decoration:underline; }
div#sidebar div.widget p a:hover { text-decoration:none; }

div#sidebar div.widget ul { margin:0 0 15px 20px; }
div#sidebar div.widget ul li { font-size:110%; margin-bottom:5px; line-height:1.2em; list-style:disc; }


/*---- Footer ----*/
div#footer p.copyright {float:right; font-size:110%; color:#666; }
div#footer div#footer-nav { float:left; }
div#footer div#footer-nav ul { width:420px; }
div#footer div#footer-nav ul li { margin-bottom:8px; width:210px; float:left; }
div#footer div#footer-nav ul li a { font-size:110%; color:#666; line-height:1.2em; text-decoration:none; }
div#footer div#footer-nav ul li a:hover, div#footer div#footer-nav ul li a.active { color:#333; } 

/*---- Boxes ----*/


/*---- Buttons ----*/


/*------------------------------------------
// 4.1  INNER PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Banner ----*/
div#banner { margin:40px 0 15px 0; }

/*---- Main - Dashboard ----*/
div#dashboard div.post { width:174px; margin-right:5px; float:left;  padding:15px 17px 14px 12px; }

div#dashboard div#ncplh { background:#FF9900; border:1px solid #FF9900; }
div#dashboard div#scplh { background:#00CCFF; border:1px solid #00CCFF; }
div#dashboard div#corporates { border:1px solid #ccc; margin-right:0px; }

div#dashboard div.post h2 { margin-bottom:16px; font-weight:normal; }
div#dashboard div#corporates h2{ color:#FF9900; }

div#dashboard div.post p { color:#fff; font-size:110%; line-height:1.2em; margin-bottom:20px; }
div#dashboard div#corporates p { color:#666; }

div#dashboard div.post p a.more-link { color:#fff; text-decoration:none; }
div#dashboard div.post p a.more-link:hover { text-decoration:underline; }
div#dashboard div#corporate p a.more-link { color:#666; }

div#dashboard div.post p img { float:right; }

/*---- Sidebar ----*/
div#content.home div#sidebar div.widget {  padding:14px 11px 13px 13px; margin:0; background:none; }

div#content.home div#sidebar div.widget p { color:#444; font-size:110%; line-height:1.2em; margin-bottom:20px; }
div#content.home div#sidebar div.widget h2 { font-size:240%; color:#444; line-height:1.2em; margin-bottom:10px; font-weight:normal; }
div#content.home div#sidebar div.widget h2 span { font-size:100%; color:#acacac; }

div#content.home div#sidebar div#poll { background:#444; } 
div#content.home div#sidebar div#poll h2 { margin-bottom:24px; color:#fff; }
div#content.home div#sidebar div#poll p { color:#fff; margin-bottom:10px; }

div#content.home div#sidebar div#poll input { margin-right:10px; }
div#content.home div#sidebar div#poll label { margin-right:30px; }
div#content.home div#sidebar div#poll input.submit-btn { color:#fff; border:0; background:none; cursor:pointer; }

div#content.home div#sidebar div#news-signin { background:#f4f4f4; }
div#content.home div#sidebar div#news-signin.widget h2 { color:#444; }
div#content.home div#sidebar div#news-signin.widget h2 span { color:#acacac; }

div#content.home div#sidebar div#news-signin input.textbox { width:140px; }
div#content.home div#sidebar div#news-signin input.submit-btn { border:0; background:none; cursor:pointer; padding:0; font-size:110%; margin:0; }
div#content.home div#sidebar div#news-signin p { margin-bottom:0; }

div#content.home div#sidebar div#tweets h2 { font-size:320%; margin-bottom:; }
div#content.home div#sidebar div#tweets h2 span { color:#00CCFF; font-weight:bold; }
div#content.home div#sidebar div#tweets p { color:#00CCFF; }
div#content.home div#sidebar div#tweets p.timestamp { color:#444; margin-bottom:50px; }

/*---- News ----*/
div#news h1 { margin-bottom:20px; }
div#news div.post { width:190px; float:left; margin-right:20px; padding-left:5px; }
div#news div.post.last { margin-right:0px; }

div#news div.post p { font-size:110%;	 }
div#news div.post p.datestamp { font-size:120%; }


/*------------------------------------------
// 4.1  TEAM PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Team ----*/
div#content p.description { font-size:160%; color:#999; margin-bottom:25px; line-height:1.2em; }

ul.list1 li { float:left; width:205px; padding:0 7px 0 8px; border-bottom:1px solid #ccc; margin-bottom:21px; }
ul.list1 li a { display:block; margin-bottom:12px; }
ul.list1 li p { font-size:150%; line-height:1.2em; color:#666; margin-bottom:20px; padding-left:12px; }
ul.list1 li p span { color:#c7c7c7; }
ul.list1 li.noborder { border-bottom:0; }

ul#team li a img.off { display:none; }

div.controls { padding-right:45px; margin-bottom:32px; }
div#content div.controls h1 { float:left; margin:0; }
div.controls p { float:right; padding-top:10px; }
div.controls p a { margin-left:12px; }