/********************************************************************************************** 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: 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 //------------------------------------------*/ /*----Main-Container ----*/ div#main-container { width:100%; margin:0; padding:0; background:#e3dcc0; position:relative; } /*---- Main Navigation ----*/ div#main-navigation ul{ height:63px; } div#main-navigation ul li{ float:left; line-height:63px; background:none; padding-right:3px; } div#main-navigation ul li.non{ background:none; } div#main-navigation ul li:hover , div#main-navigation ul li.active{ float:left; line-height:63px; background:url(../images/navigation/divider-hover.gif) right 0px no-repeat; padding-right:3px; } div#main-navigation ul li a { float:left; color:#a8c4f0; padding:0 14px; font-size:16px; font-weight:bold; background:url(../images/navigation/nav-bg.gif) repeat-x; text-decoration:none;} div#main-navigation ul li a:hover { float:left; color:#a8c4f0; padding:0 14px; font-size:16px; font-weight:bold; background:url(../images/navigation/nav-bg-hover.gif) repeat-x; text-decoration:none;} div#main-navigation ul li a.active{float:left; color:#a8c4f0; padding:0 14px; font-size:16px; font-weight:bold; background:url(../images/navigation/nav-bg-hover.gif) repeat-x; text-decoration:none;} div#main-navigation ul li:hover a , div#main-navigation ul li.active a{ text-decoration:none; background:url(../images/navigation/nav-bg-hover.gif) left top repeat-x; color:#fff; text-decoration:none; padding:0 14px; } div#main-navigation ul li span{ float:left;} div#main-navigation ul li:hover span , div#main-navigation ul li.active span{ float:left; background:url(../images/navigation/arrow.gif) 50% top no-repeat; } div#main-navigation ul li#home span.divider{ background:url(../images/navigation/divider.gif) right top no-repeat; float:left; display:block; padding:0px 16px; } div#main-navigation ul li#home:hover span.divider , div#main-navigation ul li#home.active span.divider{ background:url(../images/navigation/divider-hover.gif) right top no-repeat; float:left; display:block; padding:0px 7px; } div#main-navigation ul li#home a{ background:url(../images/navigation/nav-left.gif) left top no-repeat; padding:0 0 0 4px; display:block; float:left; } div#main-navigation ul li#home a:hover , div#main-navigation ul li#home.active a{ background:url(../images/navigation/nav-left-hover.gif) left top no-repeat; height:63px; display:block; float:left; padding:0 14px; } div#main-navigation ul li#home a span{ padding:0px; } div#main-navigation ul li#contact { background:none; } div#main-navigation ul li#contact:hover{ background:none; } div#main-navigation ul li#contact a{ background:url(../images/navigation/nav-right.gif) right top no-repeat; padding-right:15px; } div#main-navigation ul li#contact a:hover , div#main-navigation ul li#contact.active a{ background:url(../images/navigation/nav-right-hover.gif) right top no-repeat; } /*---- Container ----*/ div#container { width:940px; margin:0 auto; padding:0; } div.wrapper { width:941px; margin:0 auto; } /*---- Header ----*/ div#header div#search-form{float:right; margin:26px 0 7px 0; display:inline;} div#header div#search-form form{width:280px;} div#header div#search-form input.txt{ border:none; vertical-align:middle; width:184px; height:23px; padding-left:4px; margin-right:3px; color:#000000;} div#header div#search-form input.button{vertical-align:middle; font-size:16px; text-align:center; color:#000000; padding:0; height:25px; width:73px;} div#header { padding:0px 0px; background:url(../images/header/header-bg.jpg) repeat-x; height:103px; position:relative;} div#header div.logo{width:241px; height:72px; float:left; margin:16px 0 0 7px;} div#header div#header-right{width:300px; float:right;} div#header div#header-right div#button{float:right; width:147px;} div#header div#header-right a.button1{background:url(../images/header/right-btn2.gif) no-repeat top left; height:37px; line-height:37px; display:block; padding-left:10px; vertical-align:middle; width:100px; text-decoration:none;} div#header div#header-right a.button1 span {background:url(../images/header/right-btn2.gif) no-repeat bottom right; height:37px; line-height:37px; display:block; padding-right:10px; color:#FFFFFF; vertical-align:middle; width:123px; padding-left:10px; font-size:14px; font-weight:bold; margin-right:-10px; } div#header div#header-right div#insurance{float:right; text-align:right; margin-top:45px;} div#header div#header-right div#insurance p{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#003366; font-weight:bold;} div#header div#header-right div#insurance p span{color:#990033;} /*---- banner ----*/ div#banner{margin-top:-9px;} /*---- banner ----*/ div#banner div#slide{float:left; padding:0; border:1px solid #CCCCCC;} div#banner img{float:left;} div#banner div#property-type{float:right; background:url(../images/header/banner-right2.jpg); padding:6px 45px; width:300px; height:242px;} div#banner div#property-type p{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:19px;} div#banner div#property-type p span{ font-weight:bold;} div#banner div#property-type h2{font-size:25px; color:#fff; font-weight:bold; margin:17px 0 20px;} div#banner div#property-type ul.list{list-style:none; margin:0 0px 0 0; padding:0; width:120px; float:left;} div#banner div#property-type ul.list li{padding:4px 0 4px 0; color:#fff; font-size:15px; font-weight:bold; border-bottom:1px solid #8f8f8f} div#banner div#property-type div#more-info{padding-top:22px; overflow:hidden;} div#banner div#property-type div#more-info a{background:url(../images/header/more-info.gif) no-repeat; display:block; color:#fff; font-size:15px; float:left; width:86px; height:35px; font-weight:bold; line-height:27px; padding-left:17px;} div#banner div#property-type div#more-info span{float:right; display:block; font-size:33px; font-weight:bold; color:#FFFFFF;} div#banner div#property-type ul.list3{list-style:none; margin:0 0 0 0px; padding:0; float:left; width:170px; text-align:right; } div#banner div#property-type ul.list3 li{padding:4px 0 4px 0; color:#868686; font-size:15px; font-weight:bold; border-bottom:1px solid #8f8f8f} /*---- Main Navigation ----*/ div#main-navigation { background:url(../images/navigation/main-navbg2.gif) repeat-x; height:64px; } /*---- Content ----*/ div#content { background:#062454; padding:0; } div#enquiry{padding:10px; } div#enquiry h1{font-size:24px; font-weight:bold; color:#FF9933; font-family:Arial, Helvetica, sans-serif; margin:18px 0 0 20px;} div#enquiry p{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#a8c4f0; margin:18px 0 0 20px; line-height:23px;} div#enquiry form{border:1px solid #FFFFFF; display:block; padding:0px 0 100px 16px; background:#FFFF99; } div#enquiry fieldset{border:0;} div#enquiry fieldset label{font-size:15px; color:#000000; display:block; margin:15px 0 0px 0;} div#enquiry fieldset label span{font-size:12px; color:#00FF00; display:block;} div#enquiry fieldset input.txt2{width:180px; border:1px solid #CCCCCC; height:20px;} div#enquiry fieldset input.btn2{ width:59px; height:24px; margin-top:15px; text-align:center; float:left;} div#enquiry fieldset input.rst2{background:url(../images/content/login.jpg) no-repeat; width:59px; height:24px; margin-top:15px; color:#FFFFFF; text-align:center; border:none; float:right;} div#content div#inner-content{overflow:hidden; } div#properties{width:100%; padding:0 0 0 6px; overflow:hidden; } div#content div#inner-content div#properties{width:100%; padding:0 0 0 0px; } div#content div#inner-content div#properties div.section{width:260px; float:left; margin:0 11px 0 0; padding:0 18px 25px; background:#FFFFFF;} div#content div#inner-content div#properties div.section h2{font-family:Arial; font-size:20px; color:#000000; padding:17px 0px; border-bottom:1px solid #999999;} div#content div#inner-content div#properties div.section img{border:none; margin-top:21px;} div#content div#inner-content div#properties div.section p{margin:10px 0 0 0; font-size:13px; color:#010000; line-height:20px;} div#content div#inner-content div#properties div.section a.learn-more{display:block; color:#000000; font-size:13px; margin-top:20px;} div#content div#inner-content div.right-section{width:406px; float:left; margin:40px 0 0 0px; padding-left:51px;} div#content div#inner-content div.right-section a.read-more{ background:url(../images/content/read-more.gif) no-repeat 0 2px; padding-left:19px; display:block; color:#ffcc99; font-size:13px; margin-top:34px;} /*---- Main ----*/ /*---- Main ----*/ div#main { float:left; width:640px; padding:0px 0 16px 16px; overflow:hidden;} div#main ul{list-style:none; margin:18px 0 0 0; padding:0;} div#main ul li{background:url(../images/imageas/Untitled-1.gif) no-repeat 0 9px; line-height:26px; font-size:14px; color:#FFFFFF; padding-left:25px;} div#main span.eligibility{font-size:14px; font-weight:bold; color:#FF9933; display:block; border-bottom:1px solid #FF9933; padding-bottom:10px; } div#main ul.about{list-style:none; margin:16px 0 18px 20px; padding:0;} div#main ul.about li{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; background:url(../images/imageas/green-arrow.gif) no-repeat 2px 8px; padding:0 0 0 35px; line-height:28px;} div#main h2{font-family:Arial; font-size:20px; color:#FF9933; padding: 0px 0 4px 0; border-bottom:1px solid #999999; margin:18px 0 0 0;} div#main h2.paying-guert{font-family:Arial; font-size:20px; color:#ffffff; padding: 0px 0 4px 0; border-bottom:1px solid #999999; margin:18px 0 0 0; line-height:24px;} div#main h2.course-detail{font-family:Arial; font-size:20px; color:#FF9933; padding: 0px 0 4px 0; border-bottom:1px solid #999999; margin:17px 0 0 0; width:200px; text-align:center; float:left;} div#main h2.hostel-facilities{font-family:Arial; font-size:15px; color:#FF9933; padding: 0px 0 4px 0; margin:23px 0 0 0; width:200px; text-align:center; float:right; font-weight:normal; border:none;} div#main h2.hostel-facilities a{color:#FF9933; text-decoration:underline;} div#main h2.hostel-facilities a:hover{color:#FFFFFF; text-decoration:none;} div#main h3.heading{font-family:Arial; font-size:15px; color:#ffffff; padding: 0px 0 4px 0; margin:37px 0 0 0;} div#main span{font-size:15px; color:#FF9933; display:block; margin-top:30px;} div#main span.red-txt{font-size:15px; color:#FF6633; display:block; margin-top:20px; font-weight:bold; border-bottom:1px solid #FF6633; padding-bottom:8px; line-height:23px;} div#main p{font-family:Arial; font-size:14px; color:#fff; margin-top:20px; line-height:18px;} div#main p.skills{font-family:Arial; font-size:12px; color:#fff; margin-top:6px; line-height:18px;} div#main strong{font-size:15px; font-weight:bold; margin-top:20px; display:block; color:#FFFFFF; border-bottom:1px solid #FFFFFF; padding-bottom: 8px;} div#main p strong{font-size:15px; font-weight:bold; margin-top:20px; display:block;} div#main p strong.border-none{font-size:15px; font-weight:bold; margin-top:20px; display:block; border:none;} div#main p img{float:left; margin:0 9px 0 0px;} div#main p img.img1{margin:0;} div#main p.woner{font-family:Arial; font-size:14px; color:#fff; margin-top:28px; line-height:18px;} div#main div#find{padding:0; margin:28px 0 0 0;} div#main div#find ul{list-style:none; margin:0; padding:0;} div#main div#find ul li{float:left;} div#main div#find ul li a{display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; text-decoration:none; margin-right:0; padding-right:65px; line-height:20px;} div#main div#find ul li a:hover{text-decoration:underline;} /*---- Sidebar ----*/ /*---- Sidebar ----*/ div#sidebar {float:left; width:200px; padding:5px; margin-left:34px; margin-top:37px; border:1px solid #FFFFFF;} div#sidebar p{font-family:Arial; font-size:12px; color:#fff; margin-top:20px; line-height:18px;} div#sidebar div#userlogin{ padding:10px; } div#sidebar div#userlogin h2{font-family:Arial; font-size:20px; color:#ffffff; padding: 8px 0 8px 0; margin:0; text-align:center; background:#FF9933;} div#sidebar div#userlogin form{ display:block;} div#sidebar div#userlogin fieldset{border:none;} div#sidebar div#userlogin fieldset label{font-size:12px; color:#fff; display:block; margin:15px 0 0px 0;} div#sidebar div#userlogin fieldset input.txt{width:180px; border:1px solid #CCCCCC; height:20px;} div#sidebar div#userlogin fieldset input.login{background:url(../images/header/submit.gif) no-repeat; width:59px; height:24px; margin-top:15px; color:#000000; text-align:center; border:none; float:left;} div#sidebar div#userlogin fieldset input.rest{background:url(../images/header/submit.gif) no-repeat; width:59px; height:24px; margin-top:15px; color:#000000; text-align:center; border:none; float:right;} div#sidebar div#creatnew{padding:0; padding:10px;} div#sidebar div#creatnew ul.new{list-style:none; margin:0; padding:0;} div#sidebar div#creatnew ul.new li{padding:0; margin:0;} div#sidebar div#creatnew ul.new li a{ color:#fff; font-size:13px; text-decoration:none; margin:0; line-height:20px;} div#sidebar div#creatnew ul.new li a:hover{text-decoration:underline;} div#sidebar div#sidebarmenu{padding:10px; margin-top:20px;} div#sidebar div#sidebarmenu h2{font-family:Arial; font-size:20px; color:#FF9933; padding: 0px 0 8px 0; border-bottom:1px solid #999999; margin:26px 0 0 0;} div#sidebar div#sidebarmenu ul{list-style:none; margin:17px 0 0; padding:0;} div#sidebar div#sidebarmenu ul li{padding:0;} div#sidebar div#sidebarmenu ul li a{font-size:14px; color:#fff; line-height:22px; text-decoration:underline;} div#sidebar div#sidebarmenu ul li a:hover{text-decoration:none;} /*---- Footer ----*/ div#footer { padding:0px 0px; background:#000000; text-align:center; margin-top:-3px; background:#e3dcc0;} div#footer div.footer-wrapper { width:941px; margin:0 auto; background:#000000; padding:19px 0 35px 0; } /*------------------------------------------ // 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 h1 a { position:relative; width:200px; height:100px; display:block; } div#header div.logo h1 a span { position: absolute; top: 0; left: 0; background:url(../images/header/logo.jpg) 0 0 no-repeat; width:100%; height:100%; display:block; } /*---- Main Navigation ----*/ /*---- Post ---*/ div.post h1 { font-size:230%; margin-bottom:25px; color:#99ccff;} div.post h2 { font-size:260%; margin-bottom:10px;} div.post h3 { font-size:240%; margin-bottom:10px;} div.post h4 { font-size:220%; margin-bottom:10px;} div.post h5 { font-size:200%; margin-bottom:10px; color:#fff;} div.post h5 { font-size:180%; margin:0px 0px 0px 0px;} div.post p { color:#9999cc; line-height:18px; font-size:130%; margin-bottom:20px; display:block; text-align:justify; } div.post p a { color:#ffcc99; } div.post p a.whit{color:#FFFFFF;} div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:120%; } div.post li ul, div.post li ol { margin-bottom:0px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*---- Footer - Navigation ---*/ div#footer p{font-size:12px; color:#FFFFFF; text-align:center; line-height:21px; } div#footer p a{font-size:12px; color:#FFFFFF; text-align:center; line-height:21px; font-weight:bold;} div#footer p a:hover{color:#FF0000;} div#footer div#footer-navigation ul li { display:inline; font-size:120%; } div#footer div#footer-navigation ul li {} div#footer div#footer-navigation ul li.devider { margin:0 6px; } div#footer div#footer-navigation ul li.devider a.footerlink{display:block; font-size:12px; color:#FFFFFF;} /*div#current-project{background:url(../images/header/current-project.jpg) no-repeat; height:66px; margin-top:-3px; position:relative;} div#current-project p{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:18px; margin-left:43px; line-height:60px; font-weight:bold;} div#current-project #title-button{float:right; position:absolute; right:-2px; top:9px; line-height:42px;} div#current-project #title-button a{background:url(../images/header/title-leftbtn.gif) no-repeat; display:block; font-size:14px; color:#fff; width:155px; height:43px; padding-left:46px; font-weight:bold;}*/ /*-- Common Boxes & Containers ----*/ /*---- Box2 ----*/ /*---- Box2 Services ----*/ div#services{ float:left; margin-right:20px; width:220px; margin:25px 0 0 40px; } div#services h1{ font-size:220%; color:#a8c4f0; font-weight:normal; margin-bottom:12px; } div#services h1 span{ color:#fff; } div#services h5{ font-size:140%; color:#a8c4f0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:6px; } div#services p{ font-style:italic; font-size:130%; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:12px; letter-spacing:-1px; line-height:17px; } div#services p a{ font-weight:bold; color:#a8c4f0; } div#services ul.list1{position:relative; list-style:none; margin:0; padding:0; } div#services ul.list1 li{padding:0;} div#services ul.list1 li a{background:url(../images/content/sevices-arrow.gif) no-repeat 0 2px; color:#FFFFFF; line-height:19px; padding-left:17px; font-size:14px;} div#services span{float:left; display:block;} div#services span a{display:block; background:url(../images/content/view-service.gif) no-repeat; font-size:13px; font-weight:bold; color:#fff; width:135px; height:33px;height:33px; line-height:29px; padding-left:8px; width:135px; margin-top:35px;} /*---- Box2 Newsletter Form ----*/ div#newsletter-form{ float:right; width:200px; margin-top:25px; margin-left:14px; } div#newsletter-form h1{ font-size:220%; color:#fff; font-weight:normal; margin-bottom:12px; } div#newsletter-form p { font-size:130%; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:17px; letter-spacing:-1px; margin-bottom:10px; } div#newsletter-form p a{ font-weight:bold; color:#a8c4f0; } div#newsletter-form p label{ display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:normal; letter-spacing:normal; line-height:15px; font-size:90%; margin-bottom:4px; } /*---- Buttons ----*/ /*---- Lists ----*/ /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/