/* CSS Document !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! DO NOT CHANGE MY CSS LAYOUT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

body {margin: 0; padding: 0; color: #636363; font-size: 12px; font-family: Helvetica, Arial;}
a img {border: 0;}
a {color: #256ab4;}
h1, h2, h3, h4 {margin: 0; padding: 0; font-family: 'AGaramond LT', Times New Roman; color: #256ab4;}
hr {border: 0; margin: 30px 0 30px 0; border-top: 1px solid #d7d8da; height: 1px; clear: both;}
p {line-height: 20px; text-align: justify; margin: 10px 0 10px 0;}
table, td, tr, button {font-size: 12px; font-family: Helvetica, Arial;}
li {line-height: 25px;}
textarea {font-size: 12px; font-family: Helvetica, Arial;}

#frame {width: 980px; margin: 0 auto 0 auto; /*background-color: Red;*/}

/* HEADER AREA */

#header {float: left; width: 940px; height: 140px; padding: 0 20px 0 20px; text-align: right; /*background-color: Lime;*/}
#header img {margin: 29px 0 0 0; float: left;}
#header h1 {font-size: 32px; font-weight: normal; margin: 50px 0 0 0;}
#header h2 {color: #636363; font-size: 13px; font-weight: normal; letter-spacing: 2.7px;  font-family: 'Helvetica', Arial;}

/* NAV AREA */

#nav {float: left; width: 980px; height: 38px; background-color: #256ab4;}
#nav ul {margin: 0; padding: 0;}
#nav li {float: left; margin: 0; padding: 0; line-height: 38px; list-style: none; font-weight: bold;}
#nav a {display: block; padding: 0 20px 0 20px; color: #fff; text-decoration: none;}
#nav a:hover {background-color: White; color: #256ab4;}

/* SPLASH AREA */

#splash {float: left; width: 980px; height: 345px; background-color: #f1f1f2;}
#splash h1 {font-size: 22px;}
.whatis {float: right; width: 300px; margin: 15px 25px 0 25px;}

/* CONTENT AREA */

#content {float: left; width: 590px; padding: 20px; /*background-color: pink;*/}
#content h1 {font-size: 25px; margin: 0 0 20px 0;}
#content h2 {font-size: 18px; color: #636363; margin: 0 0 20px 0;}
#content h2 span {color: #256ab4; font-size: 20px;}
#content h3 {font-size: 18px; margin: 20px 0 20px 0;}
#content img {border: 5px solid #d9dadb;}
#content a:hover {color: #636363;}
#content li {line-height: 30px;}
#content ul {margin: 0; padding: 0 0 0 20px;}
.doc {list-style-image: url(images/doc.gif);}

/* DETAILS PAGE */

.mainform input, .mainform select, .mainform textarea {width: 175px; background-color: #eff5fb; border: 1px solid #256ab4;}
.mainform label {line-height: normal;margin-top:8px; font-size:11px;}

.col {width: 185px; float: left; margin: 0px 20px 20px 0px; }
.col2 {width: 300px; float: left; margin: 0px 20px 20px 0px; }
.marg {margin-left: 20px;}
.temp {width: 580px;}
.thumb {width: 120px; margin: 7px}

#tick {width: 20px;}

/* SIDEBAR AREA */

#sidebar {float: left; width: 310px; padding: 20px; /*background-color: green;*/}
#sidebar h2 {font-size: 20px; margin: 5px 0 20px 0;}
#sidebar input {width: 295px; border: 1px solid #d9dadb; font-size: 12px; padding: 5px; color: #777;}
#sidebar small {float: right;}
#sidebar ul {margin: 0; padding: 0 0 0 20px;}
#sidebar li a {color: #636363;}
#sidebar li a:hover {color: #256ab4;}


.newsletter {background-image: url(images/news.jpg); background-repeat: no-repeat; background-position: top right;}
.newsletter p {width: 220px; text-align: left;}

.news li {list-style-image: url(images/baloon.gif);}

.pdf li {list-style-image: url(images/pdf.gif);}
.pdf span {color: #999;}

/* FOOTER AREA */

#footer {clear: both; float: left; width: 980px; height: 100px; border-top: 1px solid #d9dadb; padding: 20px;}
#footer img {float: right;}

/* OTHER SHIIIII */

.right {float: right;}
.left {float: left;}

.devpic {width: 280px; float: left; margin-bottom: 20px;}
.thumbmarg {margin-left: 10px;}

/* BUTTON */

.butt {width: 140px; line-height: 35px; height: 35px; border: none; cursor: pointer; margin: 10px 0 0 0; text-align: center; background-image: url(images/button.gif); display: block; color: #fff; font-weight: bold; text-decoration: none;}

/* POPUP FORM */

#popup {/*background-image: url(images/popuphead.gif); background-position: top right;*/ background-color: #256ab4; background-repeat:no-repeat; margin: 10px; padding: 0px 0 0 20px; color: #fff;}
#popup a, #popup h2 {color: #fff;}

#popup h1 {font-size: 25px; color: #fff; margin: 20px 0 20px 0;}
#popup h2 {font-size: 18px; color: #fff;}
#popup h3 {font-size: 18px; margin: 20px 0 0 0;}

.ie7 input, .ie7 label, .ie7 textarea{display: block; clear: both; width: 150px;}
.ie8 input, .ie8 label, .ie8 textarea{display: block; clear: both; width: 150px;}

.hidden {display:none;}
#frmFriend {float: left; margin: 0 0 20px 0;}
#frmFriend input {width: 150px; margin-bottom: 5px;}
#frmFriend button {margin-left: 10px;}

#enq_form input {width:300px;}
#enq_form select {width:310px;}
#enq_form select, #enq_form input {margin:0px 0px 10px 0px;}