/*
** layout.css 
** CSS - handles the layout grid
** Author: Steve TANGUE
** Date: 01.Oct.08
** Last edited: 
*/



/* general */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #000000;
	color: #ffffff;
}



h1
{
	color: #ccc;
	font-size: 1.4em;
	font-weight: normal;
}



h2
{
	font-weight: bold;
	color:#666666;
}

h2 a
{
	color: #eee;
	position: relative;
}

h3
{
	font-size: 14px;
	margin-left: 30px;
	margin-top: 5px;
}


p
{
	line-height: 1.3em;
	font-size: 12px;
	color: #bbb;
}



a
{
	color: #5A8ACC;
	text-decoration: none;
	position: relative;
}

a:hover

{
	text-decoration: underline;
}







/* container */
#container
{
	width:950px;
	height: auto;
	margin: 0 auto;	
}







/* page header */
div#page_header
{
	width: 920px;
	height: 90px;
	margin: 0 auto;
	padding: 10px 15px 0 15px;
	background-image: url(../img/header_bg.jpg);
	background-repeat:no-repeat;
}



div#page_header img
{
	float: left;
}

div#page_header img#mediasphere
{
	float: right;
}







/* page header menu */
div#page_header_menu 
{
	float: right;
	width: 650px;
	margin-bottom: 10px;
}

div#page_header_menu a, .link_separator
{
	color: #999999;
	font-size: 0.6em;
	text-decoration: none;	
}



div#page_header_menu a:hover
{
	text-decoration: underline;	
}

div#page_header_menu li
{
	float: right;
}




/* page content */
div#page_content
{
	width: 950px;
	height:auto;
	margin: 0 auto;
}




/* content */
div#content
{
	width: 950px;
	height: 340px;
	float: left;
}





/* bottom menu */
div#bottom_menu
{
	float: left;
	width: 950px;
	height: 115px;
}

div#bottom_menu ul
{
	width: 920px;
	margin: 0 auto;
}

div#bottom_menu li
{
	float: left;
	width: 230px;
	height: 115px;
}

div#bottom_menu li a
{
	float: left;
	width: 220px;
	height: 110px;
	font-size: 12px;
	padding: 5px 0 0 10px;
	color: white;
}

div#bottom_menu li a:hover
{
	text-decoration:none;
}



/* early years menu tab */
a#early_years
{
	background-image: url(../img/menu_el.jpg);
	background-repeat:no-repeat;
}

a:hover#early_years
{
	background-image: url(../img/menu_el_over.jpg);
	background-repeat:no-repeat;
}

/* ielts menu tab */
a#ielts_
{
	background-image: url(../img/menu_ielts.jpg);
	background-repeat:no-repeat;
}

a:hover#ielts_
{
	background-image: url(../img/menu_ielts_over.jpg);
	background-repeat:no-repeat;
}

/* study abroad menu tab */
a#study_abroad
{
	background-image: url(../img/menu_sa.jpg);
	background-repeat:no-repeat;
}

a:hover#study_abroad
{
	background-image: url(../img/menu_sa_over.jpg);
	background-repeat:no-repeat;
}

/* iwb menu tab */
a#interactive_whiteboard
{
	background-image: url(../img/menu_iwb.jpg);
	background-repeat:no-repeat;
}

a:hover#interactive_whiteboard
{
	background-image: url(../img/menu_iwb_over.jpg);
	background-repeat:no-repeat;
}




/* page footer*/
div#page_footer
{
	width: 950px;
	height: 80px;
	margin: 0 auto;
}

div#page_footer ul
{
	width: 335px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}

div#page_footer ul li
{
	float: right;
	margin: 0 2px; 
}

div#page_footer ul li a
{
	color: #666666;
	padding: 2px 0;
	margin-right:2px;
	text-decoration:none;
	font-size: 10px;
	position: relative;
}

div#page_footer ul li a:hover
{
	text-decoration:underline;
}

div#page_footer ul li a.selected
{
	text-decoration:underline;
	font-weight: bold;
	cursor:default;
}

/* powerhouse cms logo*/
div#page_footer img

{
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}

/* powerhouse cms */
div#phcms
{
	float: left;
	font-size: 0.70em;
	line-height: 1.2em;
	margin-top: 20px;
	margin-left: 15px;
	width: 400px;
}

/* copyright */
div#copyright
{
	float: right; 
	font-size: 0.6em;
	margin-right: 15px;
	margin-top: 4px;
}











/* slider custom code */
#wrapper 
{
    width: 920px;
    margin: 0 auto;
}



#slider 
{
    width: 950px;
    margin: 0 auto;
    position: relative;
	background-image: url(../img/content_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#slider img
{
	margin-top: 39px;
}


.scroll 
{
    height: 340px;
    width: 920px;
    overflow: auto;
    /*overflow-x: hidden;*/
    position: relative;
    clear: left;
	/*background-image: url(../img/content_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;*/
} 



.scrollContainer div.panel 
{
    height: 340px;
    width: 920px;
	text-align: center;
}



.scrollButtons 
{
    position: absolute;
    top: 150px;
    cursor: pointer;
}



.scrollButtons.left {

    left: -20px;

	display:none;

}



.scrollButtons.right 
{
    right: -20px;
	display:none;
}



.hide 
{
    display: none;
}
















#ielts.hover div

{
	display:inline-block;
	position: relative;
}

div.blank
{
	float: left; 
	width:300px; 
	height: 245px; 
}


div.left_menu, div.right_menu, div.ielts_right_menu, div.sa_right_menu, div.iwb_right_menu, div.iwb_left_menu
{
	float: left; 
	width:300px; 
	height: 245px; 
	margin-top: 39px;
	font-size: 0.8em;
	text-align: left;
	background-image: url(../img/el_menu_edu_bg.png);
	background-repeat:no-repeat;
}

div.iwb_left_menu
{
	background-image: url(../img/iwb_leftmenu_bg.png)
}

div.right_menu
{
	width:299px; 
	background-image: url(../img/el_menu_parents_bg.png);
}

div.ielts_right_menu
{
	width:299px; 
	background-image: url(../img/ielts_menu_bg.png);
}

div.sa_right_menu
{
	width:299px; 
	background-image: url(../img/sa_menu_bg.png);
}

div.iwb_right_menu
{
	width:299px; 
	background-image: url(../img/iwb_menu_bg.png);
}


/* left menu text */
div.left_menu h1, div.iwb_left_menu h1
{
	padding: 40px 0 0 15px;
	font-weight: normal;
}
div.left_menu h2, div.iwb_left_menu h2
{
	padding: 20px 0 0 15px;
}
div.left_menu p, div.iwb_left_menu p
{
	padding: 10px 20px 0 15px;
}

/* right menu text */
div.right_menu h1, div.ielts_right_menu h1, div.sa_right_menu h1, div.iwb_right_menu h1
{
	padding: 40px 0 0 40px;
	font-weight: normal;
}
.right_menu h2, div.ielts_right_menu h2, div.sa_right_menu h2, div.iwb_right_menu h2
{
	padding: 20px 0 0 40px;
}
div.right_menu p, div.ielts_right_menu p, div.sa_right_menu p, div.iwb_right_menu p
{
	padding: 10px 0 0 40px;
}

/* reseller box style */
div.reseller_wrapper
{
	float: left; 
	margin: 10px 0 10px 15px;
	width: 190px;
	height: 135px;
	color: black;
	background-color: #333;
	padding: 15px 20px;
	border-left: 1px solid #555;
	border-bottom: 1px solid #444;
}


ul.sitemap
{
	margin: 8px 0 8px 20px;
	line-height: 1.3em;
	font-size: 12px;
	list-style:circle;
	float: left;
	width: 100%;
}

ul.sitemap li
{
	margin: 0 0 0 20px;
}


/* reset div */
div.reset 							/* clear floats of the div */
{
	border:medium none;
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
}



/* end of file */