/* Charles Sturt University Master Landing page
Rysen Sydney
19.03.10
------------------------*/

/* Global
------------------------*/
/* Zero out */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }

body { background:#eaeaea url(http://img.en25.com/eloquaimages/clients/StudyGroup/{8a3523fe-e5f6-412c-a613-4a887b115bdc}_bg.gif ) no-repeat 50% 0%; color:#fff; font: 62.5% Helvetica, Arial, sans-serif; text-align:center; width: 100%; display: table;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
.clear { clear:both}
.floatleft {float:left}
.floatright {float:right}

h1 { color:#484848; font-size:2.50em; line-height:1.03em; font-weight:bold; margin:0 0 15px 0; padding:22px 0 10px 0 }
h1 strong { color:#B60203; font-weight:bold;}
h2 strong { color:#B60203; font-weight:bold;}
h2 { color:#484848; font-size:1.50em; line-height:1.15em; font-weight:bold; margin:15px 0 0 }
h2.intro { font-size:1.67em; padding-bottom:2px }
h3 { font-size:1em; font-weight:bold; margin:4px 0 }

/* Landing page layout
------------------------*/
#lp-box { margin:0 auto; text-align:left; width:950px; padding:0; color:#464646; }
.spotlight {float:left; width:100%; }
.main .content { float:left; width:100; position:relative; }

/* Main Header:
------------------------*/
.header { position:relative; background:#B60203; height:59px;}
.header .logo { margin:0 37px 0 0; float:right }

/* Spotlight section:
------------------------*/
.spotlight { background: #58584E url(http://img.en25.com/eloquaimages/clients/StudyGroup/{36c6ac15-f349-4945-841f-951e74b08d8d}_bg-main.gif ) repeat-x 100% 100%; height:185px; font-size:1em; margin-bottom:10px }
.spotlight .box { background: #58584E url(http://img.en25.com/eloquaimages/clients/StudyGroup/{d35eaa4e-532e-4810-921a-1d0801c951b9}_main.jpg ) no-repeat 0 0; height:181px; position:relative; }
.spotlight h1 { background:none; position:absolute; top:60px; left:50px; z-index:9999; padding:0; width:330px; font-size:2.8em; height:auto; margin:0; color:#B60203; line-height:1.1em; font-weight:normal }
.spotlight h1 strong { font-weight:bold}
.spotlight h2 { position:absolute; top:93px; left:50px; z-index:9999; padding:0; margin:0; font-size:2em; color:#464646; font-weight:normal}


/* Main container:
------------------------*/
.main { background:#6F777B; color:#fff; height:1251px; }
.main .content { background: #6F777B; }

/* Tab section
------------------------*/
ul.tabs {position:relative; z-index:9999; margin:0 0 0 19px; height:52px; font-size:1.8em; font-weight:bold }
ul.tabs li, ul.tabs a {display: inline; float:left; height:35px; color:#484848; text-align:center }
ul.tabs li.last { margin-left:2px;}
ul.tabs li a { text-decoration:none; padding:17px 0 0 0; width:227px;}
ul.tabs li.active a { color:#B60203 }
ul.tabs li.tab a{ background:#D6D4D4 url(http://img.en25.com/eloquaimages/clients/StudyGroup/{abb17d77-acbe-41d8-a9d9-d6caa3f2291c}_tab.gif ); }
ul.tabs li.tab.active a { background:#fff url(http://img.en25.com/eloquaimages/clients/StudyGroup/{a4397683-e937-4bf1-9a45-19b8d250dda5}_tab-on.gif ); }
ul.tabs li.last a{ background-image:url(http://img.en25.com/eloquaimages/clients/StudyGroup/{52e4f901-5713-4f81-bb6d-f97923851718}_tab4.gif ); }
ul.tabs li.last.active a { background-image:url(http://img.en25.com/eloquaimages/clients/StudyGroup/{70c3ac47-3fbc-4270-a492-ff68818aaa62}_tab4-on.gif ); }


/* Main Content:
------------------------*/
.main-body { position:relative; top:-5px; z-index:1; width:852px; margin:0 0 0 19px; padding:0 20px 0 35px; color:#464646; background:#fff url(http://img.en25.com/eloquaimages/clients/StudyGroup/{badac053-8ed5-4560-b393-a361663163bf}_bg-body.gif ) no-repeat 0 0; height:610px; }
.main-body .leftcol { float:left; width:512px;}
.main-body .rightcol { float:right; width:300px}

.body { font-size:1.2em; padding:15px 0 10px; }
.body p { font-size:1.33em; line-height:1.33em}
.body p.intro { padding:10px 0 0 0; font-weight:bold; font-size:1.33em; line-height:1.38em; width:515px }
.body p.intro strong { color:#b60203; }
.body a { text-decoration:underline; color:#015481}

.body ul { list-style: none; padding:5px 0 0 0; font-size:1.33em; }
.body ul li { line-height:1.25em; border-bottom:1px solid #c9c9c9; padding:10px 0 15px 23px; margin-bottom:5px; }
.body ul li.last { border-bottom:none; }
.body ul.bg li { background:url(http://img.en25.com/eloquaimages/clients/StudyGroup/{4474388a-e7d5-44d2-8751-6bf7e8ef2f28}_arrow1.gif ) no-repeat 2px 13px; }
.body ul.bg strong { color:#B60203; font-size:1.25em; display:block; padding-bottom:3px }
.body ul.tick { padding:0; width:490px; margin-top:13px }
.body ul.tick li { padding:13px 0 17px 45px; margin-bottom:0; background:#fff url(http://img.en25.com/eloquaimages/clients/StudyGroup/{d7a0d15d-bf33-4ff5-ad7c-89ddec693e43}_tick.gif ) no-repeat 2px 13px }
.body ul.tick li.last { border-bottom:none; } 

/* Enquiry Form 
------------------------*/
.main-enquiry { position:relative; z-index:1; margin:57px 0 0 19px; padding:0 30px 0 32px; color:#464646; background: url(http://img.en25.com/eloquaimages/clients/StudyGroup/{c972a8f3-be0f-4359-a3e2-ca63609adabc}_bg-enquiry.gif ) no-repeat 0 0; height:285px; width:850px }
.main-enquiry h2.tab { font-size:1.8em; padding:17px 10px 0 30px; color:#fff; background:url(http://img.en25.com/eloquaimages/clients/StudyGroup/{72790db9-7809-4de9-ac8a-a7370947d46d}_h1.gif ) no-repeat 0 0; height:34px; width:369px; position:absolute; z-index:9999; left:0; margin:0; top:-46px }
.main-enquiry h3 { font-size:1.2em; font-weight:bold; padding:28px 0 0 0; margin:0}
.main-enquiry p { font-size:1.2em; }
.main-enquiry .floatleft { width:276px}
.main-enquiry .floatright { width:270px}
fieldset {margin:20px 0 0 0; padding-bottom:15px; }
fieldset ul li {margin-bottom:7px;}
fieldset label { font:1.1em Arial, Helvetica, Verdana, sans-serif; width:77px; display:block; float:left; font-weight:bold;color:#DE232C; text-transform:uppercase }
fieldset select, fieldset input, fieldset textarea { font:1.1em Arial, Helvetica, Verdana, sans-serif; color:#000; border:1px solid #cfcfcf}
fieldset select { width:255px; }
fieldset input { width:175px; }

fieldset .fullwidth { width:100%; }
fieldset .fullwidth label { width:100%; margin-bottom:5px}
fieldset li.fullwidth label {display:block; width:200px; padding-top:5px}
fieldset textarea { width:257px; height:68px; margin-bottom:10px } 
fieldset label.chkbox { font-weight:normal;width:auto;float:left; padding:2px 5px; color:#464646; line-height:1em; text-transform:none}
fieldset input.chkbox { width:auto; float:left; border:none;}
fieldset input.submit { float:right; width:110px; height:32px; background:#B60203; cursor:hand; border:none; margin:3px 17px 0 0; text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.6em} 

/* Advisor 
------------------------*/
.advisor {background: #DE232C url(http://img.en25.com/eloquaimages/clients/StudyGroup/{4a338328-1780-41f5-a86d-faa4f2d06d1c}_bg-ask.gif ) no-repeat 0% 0; width:192px; height:251px; color:#464646; position:absolute; top:0px; right:121px}
.advisor h1 {}
.advisor h2 { padding:19px 0 33px 42px; font-size:1.5em; text-transform:uppercase; color:#fff; line-height:1em; margin:0 }
.advisor h2 span { left:-30px; top:7px; position:relative; display:block; font-size:0.67em; font-weight:bold; text-transform:lowercase }
.advisor h3 { font-size:1.4em; padding:0 0 3px 27px; color:#B60203 }
.advisor p { padding:0 0 35px 27px; font-weight:normal; font-size:1.1em; line-height:1.4em; }
.advisor strong { font-size:1.27em; width:155px; display:block}


/* Sidebar widgets:
------------------------*/

/* Degree
------------------------*/ 
.degree { background:#DA8081; padding:15px 18px 10px; margin-top:25px }
.degree h2 { color:#fff; padding:0; margin:0 }
.degree h3 { color:#fff; padding:0; margin:0; font-size:1.33em; font-weight:normal}
.degree ul.degree-tab { list-style:none; padding:0; margin:13px 0 0 } 
.degree ul.degree-tab li { border:none; display:block; float:left; width:284px; padding:10px 0 8px; margin-right:9px; background:#fff}
.degree ul.degree-tab li.first { width:260px; }
.degree ul.degree-tab li.last { width:250px; margin-right:0; }
.degree a {color:#B60203; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:1.06em; display:inline-block; padding:10px 0 0 70px; margin:0 10%; height:40px; background:#fff url(http://img.en25.com/eloquaimages/clients/StudyGroup/{40df6b98-72f8-4886-b965-4423951c5686}_icon-entry.gif ) no-repeat 8px 50%; }
.degree li.first a { padding-top:17px; height:33px; margin:0 5%; background-image: url(http://img.en25.com/eloquaimages/clients/StudyGroup/{fc390b61-1590-4480-a49f-73bf80d7b9d6}_icon-master.gif ) }
.degree li.last a { background-image: url(http://img.en25.com/eloquaimages/clients/StudyGroup/{8c0c7b67-d84a-4b04-96bd-c291a7648b6f}_icon-location.gif ) }

/* Course
------------------------*/ 
.course { background:#DA8081; padding:0 0 8px 8px; width:494px; left:-4px; position:relative; margin:25px 0 }
.course h2 { font-size:1.67em; color:#fff; padding:8px 0 8px 34px; background:#DA8081 url(http://img.en25.com/eloquaimages/clients/StudyGroup/{4f40d370-4639-4312-9280-7562ee06af9f}_info.gif ) no-repeat 2px 6px; left:0; margin-bottom:0; margin-top:0}
.body .course ul { font-size:1em; list-style:none; padding:0 0 0 0; text-indent:0}
.body .course ul li { border:none; display:block; float:left; background:#fff; width:90px; height:45px; padding:7px 8px 10px 12px; margin:0 4px 0 0}
.body .course ul li.first { width:123px; }
.body .course ul li.last { margin-right:0 }
.body .course ul strong { color:#B60203; display:block }

/* Ranks
------------------------*/ 
.rank { background:#D6D4D4; margin-top:17px}
.rank h2 { background:#B60203 url(http://img.en25.com/eloquaimages/clients/StudyGroup/{51ebe097-9ee9-4a20-abc2-39f18a0bacb9}_icon-rank.gif ) no-repeat 13px 50%; color:#fff; text-transform:uppercase; padding:8px 5px 7px 45px; margin:0; font-size:1.25em}
.rank p { padding:12px 20px 17px; color:#484848; font-size:1.08em; line-height:1.40em}

/* More Links 
------------------------*/
.more-links {padding:20px 0 0 19px; }
.more-links a { display:block; float:left; margin-right:0}

/* Testimonial
------------------------*/
.testimonial { background: #D8D5D5; width:300px; margin:15px 0 5px 0; padding:10px 0 12px }
.testimonial h2 { background: url(http://img.en25.com/eloquaimages/clients/StudyGroup/{1466b69b-a558-48f0-af0e-ee6b5200f67c}_icon-testimonial.gif ) no-repeat 8px 50%; color:#B60203; text-transform:uppercase; padding:8px 5px 7px 40px; margin:0; font-size:1.25em}
.testimonial p { position:relative; top:9px; left:13px; width:150px; color:#464646; font-size:1.1em; line-height:1.4em; font-style:italic }
.testimonial strong { line-height:1.3em; display:block; padding-top:5px; font-style:normal }
.testimonial .student { display:block; margin:6px 12px 0 0; float:right }

/* More Options 
------------------------*/
.more-options { background:#F1C1C1 url(http://img.en25.com/eloquaimages/clients/StudyGroup/{f7c7341f-b6ab-4f5b-bb82-3a212083f012}_bg-option.gif ) no-repeat 0 0; padding:5px; width:345px; height:115px; position:absolute; right:-29px; bottom:45px }
.more-options h2 { background:#B60203 url(http://img.en25.com/eloquaimages/clients/StudyGroup/{6b75ce5c-03f9-418b-b5f4-e01eb48cee5b}_icon-option.gif ) no-repeat 7px 50%; color:#fff; text-transform:uppercase; padding:8px 5px 7px 40px; margin:0; font-size:1.25em}
.more-options p { padding:12px 22px 0; font-size:1.17em; line-height:1.3em }
.more-options p.highlight { color:#B60203; font-weight:bold; padding-top:0}
.more-options a { display:block; float:left; margin-right:0}

/* Enrolment steps
------------------------*/
.steps { background: #D8D5D5; width:300px; margin:15px 0 5px 0; padding:10px 0 12px }
.steps h2 { background: url(http://img.en25.com/eloquaimages/clients/StudyGroup/{ce1eb1fe-43c0-4c68-a9e5-c8035f92c361}_icon-steps.gif ) no-repeat 8px 50%; color:#B60203; text-transform:uppercase; padding:8px 5px 7px 40px; margin:0; font-size:1.25em}
.steps ol { background: url(http://img.en25.com/eloquaimages/clients/StudyGroup/{83e51c7d-f0f9-4b72-be69-3795d2709b3e}_bg-steps.gif ) no-repeat 0 0; font-size:1.08em; list-style:none; margin:10px 0 0 10px; padding:0 0 5px 0}
.steps ol li { margin-bottom:15px; line-height:1em; padding:5px 0 0 32px}
.steps ol {}
.steps ol li {}
.steps p { position:relative; top:10px; left:15px; width:150px; color:#464646; font-size:1.1em; line-height:1.4em; font-style:italic }
.steps strong { line-height:1.3em; display:block; padding-top:5px; font-style:normal }
.steps .student { display:block; margin:6px 12px 0 0; float:right }

/* Centres
------------------------*/
.centres { background: #fff url(images/bg-checklist.gif) no-repeat 0 0; width:300px; margin:15px 0 0 0; }
.centres h2 { background: #B60203 url(http://img.en25.com/eloquaimages/clients/StudyGroup/{86c42990-4292-417e-9376-5f4b878d9597}_icon-centres.gif ) no-repeat 12px 50%; color:#fff; text-transform:uppercase; padding:8px 5px 7px 45px; margin:0; font-size:1.25em }


/* Footer:
------------------------*/
.footer { margin:20px 0 30px; padding-bottom:20px; color:#12416C; font-size:1.1em; background:#fff; position:relative;}
.footer a { color:#12416C }
.footer p { float:left;padding:30px 0 0 32px; }
.footer p.logo { float:right; padding:32px 10px 0 0; width:525px} 
.footer p.logo a { position:absolute; top:15px; right:10px; } 
