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

.left { float:left;}
.right { float:right;}
.center { margin:0px auto;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}
.centre { text-align:center; }
.clear { clear:both;}
.image { padding:3px; border:solid 1px #CCCCCC; }
.image_left { float:left; margin-right:10px; padding:3px; border:solid 1px #CCCCCC; }
.image_right { float:right; margin-left:10px; padding:3px; border:solid 1px #CCCCCC; }

@font-face {
		font-family:'trebuc';
		src: url('trebuc.eot');
		src: url('trebuc.eot?#iefix') format('embedded-opentype'),
		url('trebuc.ttf') format('truetype'),
		url('trebuc.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		
@font-face {
		font-family:'berlin';
		src: url('berlin.eot');
		src: url('berlin.eot?#iefix') format('embedded-opentype'),
		url('berlin.ttf') format('truetype'),
		url('berlin.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		
		
/* Global Properties ======================================================== */

body { background:url(../images/main_bg.jpg) repeat top center; color:#262626; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; margin:0px; outline:none; padding:0px; text-align:justify; border-top:solid 5px #1403b9;}

a, a:hover { text-decoration:none; outline:none; }
p { margin-top:10px;}


/* Header Properties ======================================================== */

body > header { width:100%; height:auto; overflow:hidden; background:url(../images/shadow.jpg) no-repeat bottom center #d8d8d8;}
body > header > div { width:997px; min-height:250px; overflow:hidden; margin:0px auto; }
#header { width:100%; height:110px;}



/* Logo Properties ======================================================== */

#logo { width:415px; height:90px; float:left; background:url(../images/logo.jpg) no-repeat center left;  padding-left:85px; font-family:berlin; font-size:22px; color:#1403b9; font-weight:bold; padding-top:20px;}
#logo > span:nth-child(1) { display:block; color:#000000; font-size:16px;}
#logo > span:nth-child(2) { display:block; font-family:trebuc; color:#000000; font-size:12px; line-height:12px; font-weight:normal; margin-top:5px;}


/* Header Caption Properties ======================================================== */

#caption { width:400px; float:right; text-align:right; font-family:trebuc; color:#202020; font-size:25px; font-weight:bold; font-style:italic; margin-top:30px;}
#caption > span:nth-child(1) { font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; margin-top:10px;}


/* Navigation Properties ======================================================== */

nav { width:100%; height:34px; background:url(../images/nav_bg.jpg) repeat-x top center; border-radius:5px;}
nav > ul { width:997px; height:34px; margin:0px; padding:0px; list-style:none;}
nav > ul > li { float:left;}
nav > ul > li:nth-child(8) { float:right; background:url(../images/nav_bg_hover.jpg) repeat-x center left; border-radius:0px 5px 5px 0px;}
nav > ul > li:nth-child(8) > div { background:url(../images/nav_saperation.jpg) no-repeat center left; height:34px; width:140px; padding-left:100px; line-height:34px; font-family:trebuc; font-size:14px; font-weight:bold; color:#FFFFFF;}

nav > ul > li > a { display:block; height:34px; padding:0px 24px; line-height:34px; font-family:trebuc; font-size:14px; color:#FFFFFF;}
nav > ul > li > a:hover { background:url(../images/nav_bg_hover.jpg) repeat-x top center;}
nav > ul > li:nth-child(1) > a:hover { border-radius:5px 0px 0px 5px;} 


/* Banner Properties ======================================================== */

#banner { width:100%; height:320px; margin-top:12px;}
#banner img { border-radius:5px;}


/* Container Properties ======================================================== */

body > section { width:997px; min-height:250px; overflow:hidden; margin:0px auto; background:url(../images/banner_shadow.jpg) no-repeat top center;}

.column_01 { width:970px; height:auto; overflow:hidden;}
.column_02 { width:650px; height:auto; overflow:hidden;}
.column_03 { width:290px; height:auto; overflow:hidden;}
.column_04 { width:260px; height:auto; overflow:hidden;}

.head_01 { font-family:trebuc; font-size:20px; text-transform:uppercase; color:#000000; font-weight:bold; }
.head_01 > span { color:#051c7c;}
.head_02 { font-family:trebuc; font-size:16px; text-transform:uppercase; color:#000000; font-weight:bold; }
.head_03 { font-family:trebuc; font-size:14px; text-transform:uppercase; color:#3d3d3d; font-weight:bold; font-style:italic; }
.head_03 > span { color:#051c7c;}
.head_04 { background-color:#333333; color:#FFFFFF; font-family:trebuc; font-size:14px; text-transform:uppercase; text-align:center; }

.more { color:#c22e22; display:block; background:url(../images/arrow_01.jpg) no-repeat center left; padding-left:12px; font-family:trebuc; font-size:12px; margin-top:1px; font-style:italic;}
.more:hover { color:#8b1f16;}

.course { width:120px; height:120px; background-color:#EFEFEF; border:solid 4px #666666; border-radius:70px; line-height:120px; margin:0px auto; font-family:trebuc; font-size:25px; font-weight:bold; color:#000000; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.2);}



/* Enquiry Properties ======================================================== */

#enquiry { width:260px; height:auto; overflow:hidden; background:url(../images/enquiry_bg.jpg) repeat-x bottom center #b2afaf; border-radius:7px;}
#enquiry > div { width:240px; height:auto; overflow:hidden; margin:0px auto; margin-top:5px;}
.textbox { width:235px; padding-left:5px; height:25px; line-height:25px; background:url(../images/text_box_bg.jpg) repeat-x top center #FFF; resize:none; font-size:12px; margin-bottom:8px;}
.send { width:88px; height:35px; background:url(../images/send_button.jpg) no-repeat top center; border:none; cursor:pointer;}

/* Footer Properties ======================================================== */

body > footer { width:100%; height:75px; background:#1403b9; margin-top:25px; }
body > footer > div { width:997px; height:75px; margin:0px auto; background:url(../images/secure.jpg) no-repeat center left;} 

.bottom_link, .bottom_link a { font-family:trebuc; font-size:13px; color:#FFFFFF; text-transform:uppercase; text-align:right;}
.bottom_link a:hover { color:#FFFF00;}

.pro, .pro a { font-family:trebuc; font-size:11px; color:#FFFFFF; text-align:right;}
.pro a:hover { color:#FFFF00;}