﻿/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain) */

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* TAGS */

body {margin:0 auto; background:url(../images/background.png) top center no-repeat; font:15px/135% 'Source Sans Pro', Calibri, Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#444;}

a:link, a:visited {text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-family: 'Bree Serif', Yanone Kaffeesatz, Source Sans Pro, sans-serif;}
h1 {font-size:30px;} h2 {font-size:25px;} h3 {font-size:20px;}

hr {border-top:1px solid #bbb; border-bottom:1px solid #fff;}

/* HEADER */

header {width:100%;}
header section {width:100%; margin:auto; background:url(../images/nav_bg.png); padding-top:5px;}
header nav, header div {width:960px; margin:auto; display:table;}
header section nav div {width:64px; float:left; text-align:left; padding:0;}
header nav ul {float:right;}
header nav ul li {float:left; padding-left:20px; color:#000;}
header nav ul li a {color:#000;}
header nav ul li a:hover {text-decoration:underline;}
header div h1 {float:left; width:200px;}
header div p {float:right; width:680px; font-style:italic;}
header div p a:link {color:#000; font-size:11px;}
.description {font:15px/135% 'Source Sans Pro', Calibri, Arial, Verdana, Tahoma, Helvetica, sans-serif !important; text-align:left!important;}

/* THREE COLUMN CONTENT */
	
#wrapper {margin:0 auto 40px auto; display:table; width:960px;}
#wrapper article {width:290px; float:left; border-radius:5px; background:#fff; box-shadow:0 0 10px #000;}
#wrapper article h2 {width:270px; padding:15px 0 15px 20px; background:#444; color:#fff; margin-top:-6px;}
#wrapper article p {margin:20px; height:180px;}
#wrapper article div {text-align:right; margin:0 20px 10px 0;}
.mid_article {margin:0 45px;}
.news {margin-top:40px; display:none;}
.cal {background:url(../images/cal.png) left center no-repeat; padding-left:25px; margin-bottom:20px; display:block; color:#f2893a;}

/* ABOUT US */

#page_title p { font-family:'Bree Serif', Yanone Kaffeesatz, Source Sans Pro, sans-serif; font-size:30px; font-style:normal; text-align:right; padding-top:5px;}

#page_content {width:900px; background:#fff; padding:30px; box-shadow:0 0 10px #777; margin:auto; border-radius:5px;}
.content {width:100%;} /* THIS CALSS CAN BE USED FOR FUTURE MOIDIFCATIONS WITH ABOVE ID. NOW IT'S DUMMY */
#page_content h3 {margin-bottom:20px;  background:#f58733; padding:10px; color:#fff;}
#page_content h3 span {display:block; float:right; padding:10px 20px; background:#ed7f2b; margin:-10px -10px 0 0; font:15px 'Source Sans Pro', Calibri, Arial, Verdana, Tahoma, Helvetica, sans-serif; }
#page_content div > p:nth-child(2) {margin-bottom:20px;}

.lines {background:url(../images/black_slash.png) bottom left repeat-x;}

.team {display:table; padding-bottom:30px;}
.team_title {margin:40px 0 30px 0;}
.team img {float:left; margin-right:40px;}
.team div {width:680px; float:right;}
.team ul li {padding:0 0 15px 15px; list-style:circle; margin-left:25px;}
.content .advisor {margin:30px 0 20px 0;}


/* SERVICE-TRAK */

.all_list {margin:20px 0;}
.all_list li {background:url(../images/tick.png) center left no-repeat; padding:8px 25px;}

/* NEWS */

.site_news {padding-bottom:20px; margin-bottom:30px; border-bottom:3px double #ddd;}
.site_news p {margin-bottom:15px;}
.site_news p b, .mc {font-weight:bold;}
.site_news ul {display:table;}
.site_news ul li {float:left; margin-right:20px;}
.person {background:url(../images/person.png) left center no-repeat; padding-left:25px;}
.mail {background:url(../images/mail.png) left center no-repeat; padding-left:25px;}
.phone {background:url(../images/phone.png) left center no-repeat; padding-left:25px;}

/* CONTACT US */

.contact-us {display:table;}
.contact-us h2 {padding-bottom:20px; border-bottom:1px solid #ddd;}
.contact-us .address {width:440px; float:left;}
.contact-us .address div {display:table; margin:20px 0 30px 0;}
.contact-us .address div address {width:220px; float:left;}
.contact-us iframe {width:460px; border:3px double #aaa;}

.contact-us fieldset {border:1px solid #ddd; padding:10px 20px; float:right; width:360px;}
.contact-us legend {font-family:'Bree Serif', Yanone Kaffeesatz, Source Sans Pro, sans-serif; font-size:20px; padding:0 10px;}
.contact-us input, .contact-us textarea {width:92%; border:1px solid #ddd; margin:10px 0; background:#f5f5f5; font:inherit; padding:5px 10px;}
.contact-us select {width:100%; border:1px solid #ddd; margin:10px 0; background:#f5f5f5; font:inherit; padding:5px 10px;}
.contact-us select option {border-bottom:1px dotted #aaa;}
.contact-us input:focus, .contact-us textarea:focus, .contact-us textarea:focus {box-shadow:0 0 10px #addafd;}
.contact-us textarea {height:138px;}
.contact-us .submit {width:100%; height:38px; text-transform:uppercase; font-weight:bold; }
.contact-us .submit:hover {cursor:pointer; box-shadow:0 0 10px #ccc;}

.thanks_msg {margin:10px auto; font-style:italic; width:80%;}

.login_promo {padding:10px; border:1px solid #ddd;}
.login_promo img {width:100%;}

/* FOOTER */

footer {margin:auto; width:960px; padding-top:20px;}
footer nav ul {background:#444; border-top-left-radius:5px; border-top-right-radius:5px; display:table;}
footer nav ul li {border-right:1px solid #333; border-left:1px solid #555; text-align:center; float:left; width:158px;}
footer nav ul > li:first-child {border-left:none;}
footer nav ul > li:last-child {border-right:none; width:160px;}
footer nav ul li a {color:#fff; padding:10px 0; display:block;}
footer nav ul li a:hover {color:#fff; background:#4a4a4a;}

footer div {width:955px; left top repeat-x; height:10px; display:table; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
footer div p {float:left; width:780px;}
footer div ul {float:right; display:table;}
footer div ul li {float:left; margin-left:10px;}

#footer_bg {background:url(../images/background.png) bottom center no-repeat; width:100%; height:165px;}

/* OTHERS */

.ms-signup {padding-left:0px; margin-left:1px;}
.ms-signup a {padding:5px 10px; background:#00b0f0; color:#fff!important; display:block;}
.ms-signup a:hover {background:#009fd9; text-decoration:none;}