/**********************************************************************************************
	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:#000; font-family: "Lucida Sans Unicode", "Lucida Grande", 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 {  background:url(../images/body-bg.gif) 85% top repeat-y; padding:34px 0px 14px 0px; }

/*---- Wrapper ----*/
div.wrapper{width:920px; margin:0 auto;  }

/*---- Wrapper ----*/
div.wrapper_mail{width:700px; margin:0 auto;  }

/*---- Header ----*/
div#header{ background:#fff;  }
div#header div.wrapper{ padding:30px 44px 26px 27px; background:url(../images/header/header-bg.png) left bottom no-repeat; width:849px; position:relative; z-index:20; }

div#header div.wrapper_mail{ padding:30px 44px 26px 27px; background:url(../images/header/header-bg.png) left bottom no-repeat; width:849px; position:relative; z-index:20; }


div#header_mail{ background:#fff;  }
div#header_mail div.wrapper{ padding:30px 44px 26px 27px; background:url(../images/header/header-bg.png) left bottom no-repeat; width:700px; position:relative; z-index:20; }

/*---- Content ----*/
div#content{ background:#fff; }

div#content.home div.wrapper div.inner-wrapper{ background:url(../images/content/content-home-bg.jpg) right 1304px no-repeat; margin-right:-798px; position:relative; padding:0px 1px 1px 0px; }


div#content.home div.wrapper_mail div.inner-wrapper{ background:url(../images/content/content-home-bg_mail3.jpg) right 1px no-repeat; margin-right:-78px; position:relative; padding:0px 78px 1px 0px; }
div#content.home div.wrapper_mail div.inner-wrapper2{ background:url(../images/content/content-home-bg_mail3.jpg) right 104px no-repeat; margin-right:-78px; position:relative; padding:0px 78px 1px 0px; }

/*---- Main ----*/
div#main { float:left; }

/*---- Sidebar ----*/
div#sidebar { float:right; }

/*---- Footer ----*/
div#footer { background:#fff; }
div#footer div.wrapper { border-top:1px solid #c9c9c9; padding:20px 0px 46px; }
div#footer div.wrapper_mail { border-top:1px solid #c9c9c9;}

/*------------------------------------------
// 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
//------------------------------------------*/

div.logo h1 a{ position:relative; width:130px; height:81px; display:block;}
div.logo h1 a span  { position: absolute; top: 0; left: 0; background:url(../images/logo.jpg) 0 0 no-repeat; width:130px; height:81px; display:block; }


/*---- Header - Logo ----*/
div#header div.logo { float:left; }

/*---- Header - Tagline ----*/
div#header div#tagline{ float:right; margin-top:10px; }
div#header div#tagline p{ font-size:250%; line-height:32px; color:#0f0f0f; }

/*---- Header - Logo ----*/
div#header_mail div.logo { float:left; }

/*---- Header - Tagline ----*/
div#header_mail div#tagline{ float:right; margin-top:30px; }
div#header_mail div#tagline p{ font-size:250%; line-height:32px; color:#0f0f0f; }

/*---- Navigation ----*/

/*---- Content ----*/

/*---- Main ----*/

/*---- Sidebar ----*/

/*---- Footer ----*/
div#footer div.logo{ margin:0 auto; width:130px; height:81px; }
div#footer p{ float:right; font-size:110%; color:#7b7b7b; margin-top:50px; line-height:16px; }

div#footer {  font-size:110%; color:#7b7b7b; line-height:16px; }

/*---- Boxes ----*/
div.box1 div.top-left{ background:url(../images/content/box1-top-left.png) left top no-repeat ; padding-left:43px; height:39px; line-height:39px; }
div.box1 div.top-left div.top-right{ background:url(../images/content/box1-top-right.png) right top no-repeat ; padding-right:43px; height:39px; line-height:39px; }
div.box1 div.top-left div.top-right div.top-middle{ background:#f0f0f0; height:39px; line-height:39px; }

div.box1 div.middle { background:#f0f0f0; padding:0px 22px 1px; }

div.box1 div.bottom-left{ background:url(../images/content/box1-bottom-left.png) left bottom no-repeat ; padding-left:43px; height:39px; line-height:39px; }
div.box1 div.bottom-left div.bottom-right{ background:url(../images/content/box1-bottom-right.png) right bottom no-repeat ; padding-right:43px; height:39px; line-height:39px; }
div.box1 div.bottom-left div.bottom-right div.bottom-middle{ background:#f0f0f0; height:39px; line-height:39px; }

/*---- List1 ----*/
ul.list1 li { background:url(../images/content/list1-icon.gif) left 3px no-repeat; line-height:24px; color:#525252; font-size:120%; padding-left:24px; }
ul.list1 li a{ color:#525252;}

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Banner ----*/
div#banner{ background: url(../images/content/banner-bg.gif) left top repeat-y; margin-top:-55px; position:relative; z-index:10; padding:0px 0px 44px 30px;  }
div#banner div.description { width:500px; margin-bottom:26px; }
div#banner div.description h1 { margin-bottom:20px; }
div#banner div.description h1 span { display:block; margin-bottom:10px; } 
div#banner div.description p{ font-size:130%; line-height:20px; color:#070707;  }

div#banner div.description_mail { width:350px; margin-bottom:26px; }
div#banner div.description_mail h1 { margin-bottom:20px; }
div#banner div.description_mail h1 span { display:block; margin-bottom:10px; } 
div#banner div.description_mail p{ font-size:130%; line-height:20px; color:#070707;  }

/*---- Note ----*/
div#note{ background:url(../images/content/note-bg.png) left top no-repeat; padding:72px 30px 34px 0px; }
div#note p{ text-align:right; font-size:130%; color:#fff; line-height:33px; }

/*---- Subscribe Form - Box1 ----*/
div.box1#subscribe { margin-top:-26px; position:relative; z-index:30; margin-bottom:30px; }
div.box1#subscribe div.middle { background:#f0f0f0 url(../images/content/border.gif) 60% top repeat-y; }
div.box1#subscribe h2 { background:#ff6100; line-height:41px; float:left; padding:0px 15px; font-size:190%; color:#fff; font-weight:normal; margin-bottom:26px; }
div.box1#subscribe div.bottom-left{ margin-top:-6px; position:relative; }

/*---- Subscribe Form - Box1 - Courses ----*/
div.box1#subscribe div#courses{ float:right; }
div.box1#subscribe div#courses ul.list1{ margin-bottom:8px; font-size:90%;}
div.box1#subscribe div#courses a.more-link { font-size:110%; color:#ff6100; line-height:16px; margin-left:26px; }

/*---- Subscribe Form - Box1 - Form ----*/
div.box1#subscribe div.form{ width:365px; float:left; }
div.box1#subscribe div.form table{ width:100%; clear:both; }
div.box1#subscribe div.form table td{ padding:2px 4px; }
div.box1#subscribe div.form table label{ font-size:140%; color:#000; line-height:38px; }
div.box1#subscribe div.form table input.textbox{ width:128%; border:1px solid #dbdbdb; padding:3px 5px; }
div.box1#subscribe div.form table input.checkbox{ margin:0px 6px 0px 0px; vertical-align:middle; }

/*---- Dashboard ----*/
div#dashboard { width:100%; overflow:hidden; margin-bottom:46px; }
div#dashboard div.section { width:234px; float:left; margin:0px 30px; }
div#dashboard div.section h2{ background:url(../images/content/tab.gif) left top no-repeat; height:32px; padding-left:15px; margin-bottom:15px;  }
div#dashboard div.section h2 span{ display:block; background:url(../images/content/tab.gif) right bottom no-repeat; height:32px; text-align:center; line-height:32px; padding-right:15px; font-size:140%; color:#151515; font-weight:normal; }
div#dashboard div.section img{ float:left; margin-right:10px; }
div#dashboard div.section p { color:#151515; line-height:17px; font-size:110%; }