@charset "utf-8";
/* 
#################################################################
#	>i> StyleSheet Used	: Metrius Systems Inc.					#
#	>i>	Platform		: HTML/CSS								#
#	>i>	Create Date		: 24 November 2011						#
#	>i>	Compatibility	: FF4+, IE7+, C10+, S4+					#
#################################################################
*/
 @import 'custom.css'; /* Any Adition Custom Css */
/* = .._.. ========================== GENERAL RESETS AND FIXES =========================== .._.. == */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:top;}:focus {outline: 0;}
body {line-height: 1;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}

 /* = .._.. ========================== GENERAL STYLES =========================== .._.. == */
body {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#768288; line-height:18px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:none; margin:0;}
h1, h2, h3 {color:#434e56; font-weight:bold;}
h4, h5, h6 {color:#434e56;}
h1, h2 {font-size:24px; padding:5px 0 12px;}
h3 {font-size:18px; padding:0px 0 8px;}
h4 {font-family:16px; padding:0px 0 5px;}
h5 {font-size:14px; padding:0px 0 5px;}
h6 {font-size:13px; padding:0px 0 5px;}
a:link, a:visited {color:#1e78ca; text-decoration:none;}
a:focus, a:hover{color:#1e78ca; text-decoration:underline;}
p {padding:0 0 10px 0;}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;}
.left {float:left!important;} .fl {float:left;} .right{float:right!important;} .fr {float:right;}
p .left{margin:1.5em 1.5em 1.5em 0;padding:0;} p .right{margin:1.5em 0 1.5em 1.5em; padding:0;}
blockquote{margin:1.5em;color:#666;font-style:italic;} strong,dfn{font-weight:bold;} em,dfn{font-style:italic;} sup,sub{line-height:0; font-size:.6em;}
sup {vertical-align:super} sub {vertical-align:sub;} abbr,acronym{border-bottom:1px dotted #666;} address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;} pre{margin:1.5em 0;white-space:pre;} pre,code,tt{font:1em'andale mono','lucida console',monospace;line-height:1.5;}
li ul, li ol{margin:0;}
ul,ol{margin:0 0 1.5em 0;padding-left:1.5em;}
ul{list-style-type:disc;} ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;} dl dt{font-weight:bold;} dd{margin-left:1.5em;}
table{margin-bottom:10px; width:100%;} th{font-weight:bold;} thead th{background:#c3d9ff;} th,td,caption{padding:4px 10px 4px 5px;} tfoot{font-style:italic;} caption{background:#eee;} tbody tr:nth-child(even) td,tbody tr.even td{}
small{font-size:11px;} .red {color:#F00;} .center {text-align:center;} .justify {text-align:justify;} .clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;}.clr, .clear {clear:both; line-height:0px; height:0; display:block;}

/* ============== GENERAL STUCTURE =================== */
#body { background:#2ea1bb url(../images/body-bg.jpg) repeat-x; background-position:left top; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#top-bg {width:990px; margin:auto;}
#top-bg .indent { background: #364045 url(../images/top-border.jpg) no-repeat; background-position:left top; height:10px; width:100%; margin-top:37px;}

#body .main { width:990px; margin:auto; background-color:#fff;}
#header { height:87px; }
#header .indent { overflow:hidden;  padding:20px 25px 0px 25px;}
#logo { float:left; padding:6px 0px 21px;}
#social-phone { float:right; padding:0px; margin:0px;}
.social { text-align: right;}
.social img { padding-left:8px;}
#social-phone .phone { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#8a8a8a; padding: 4px 0px 18px;}

    /*  ------------------ Header Section Complete ---------------- */

#menu-banner {height:299px; overflow:hidden; margin-bottom:10px;}
#menu-banner .indent { overflow:hidden;  padding:0px 25px;}
#menu { float:left; width:279px; background:#4dc9e3 url(../images/menu-bg.jpg) repeat-x; background-position:left top; height:299px;}
#menu .indent { padding:20px 19px;}
#menu  ul { margin:opx; padding:0px; list-style:none;}
#menu ul li { border-bottom:1px solid #71d2e9;  font-size:20px; text-transform:uppercase;}
#menu .indent li a { text-decoration:none; color:#fff; display:block; padding:11px 0 10px 14px;;}
#menu .contacts { border:none;}
#menu  li:hover, #menu  li.active { background-color:#fff;}
#menu  li:hover a, #menu  li.active a{ text-decoration:none; color:#000;}
#banner { float:right; height:299px;}

     /*  --------------------- Navigation and Banner Complete ------------------ */
	 
	 
#wrapper {}
#wrapper > .indent {overflow:hidden;  padding:0px 25px; border-bottom:1px solid #cecece;}
#leftside { width:280px; float:left; margin-right:25px;}
#leftside h3, #leftside h2 { border-bottom:1px solid #d1d4d6; font-size:28px; line-height:32px;}
#leftside h4 {border-bottom:1px solid #d1d4d6; font-size:18px; font-weight:bold; line-height:21px; margin-bottom:20px;text-transform:capitalize;}
ul.nav {list-style:none; margin:0; padding:0 20px 0; padding-left:0;text-transform:capitalize; }
ul.nav li {font-weight:bold; font-size:13px; padding:0 0 6px; margin-bottom:6px; border-bottom:1px dotted #d1d4d6;}
ul.nav li a, ul.nav li a:visited {color:#434e56; text-decoration:none; display:block;padding:6px 5px 6px 8px;} 
ul.nav li a:hover, ul.nav li a.active {color:#008fb2; background:#eaf5f7; }


#leftside img { padding:22px 0px;}
#content {overflow:hidden;}
#content h1.headline { border-bottom:1px solid #d1d4d6; font-size:26px; line-height:32px; padding-bottom:15px; margin-bottom:20px;}
#content h2, #content h1 {font-size:18px; color:#434e56; padding:0 0 5px 0px;} 
#content h3 {margin-bottom:22px; font-size:16px; border-bottom:1px solid #d1d4d6; font-weight:normal;}
#content h4 {font-size:14px; font-weight:bold; line-height:16px;}
.span50 {padding-right:2%; width:49%; float:left; position:relative; height:135px; margin-bottom:20px;}
.span50.last {padding-right:0;}
.span50 .icon { float:left; width:73px;}
.span50 .text { overflow:hidden; }
.text h4 { font-size:13px; font-weight:bold; padding:0px 0px 7px; color:#434e56; line-height:16px; margin-top:-3px;}
.text h4 a { text-decoration:none; color:#434e56;}
.text h4 a:hover {text-decoration:none; color:#42b8da;}
.text p { font-size:11px; line-height:13px; color:#434e56; padding:0px 0px 6px;}
.text a.readon {position:absolute; bottom:10px;}

     /*  --------------------- wrapper Section Complete ------------------ */

#footer {}
#footer .indent {padding:0px 25px;}
#footer .indent p { font-size:11px; text-align:center; padding:19px 0px;}

#bottom-bg {width:990px; margin:auto;}
#bottom-bg .indent { background: #364045 url(../images/top-border.jpg) no-repeat; background-position:right top; height:10px; width:100%; margin-bottom:37px;}