/*
COLOURS
ORANGE: ffc20e
BLUE: 1f3877


GENERAL STYLES */
* {padding: 0; margin: 0;}
body {background: #1f3877; text-align: center; font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, Arial, verdana, sans-serif; font-size: 12px; color: #c5c5c5;}
p, li {line-height: 25px; margin: 10px;}
button {cursor:pointer; border:0; background: none;}
.hide {display: none;}
.clear {clear: both;}
a img {border: none;}
a:link, a:visited {text-decoration: none; color: #ffc20e;}
a:hover, a:active {text-decoration: underline;  color: #ffc20e;}
a:active {background: #ffc20e; color: #fff; text-decoration: none;}
.left {float: left;}
.right {float: right;}
li {list-style: none;}
h3 {font-weight: normal;}
h2 {font-weight: normal; color: #ffc20e;}
.orange {color: #ffc20e;}
p strong {color: #eaeaea;}
:focus {	outline: 0;}

/* LAYOUT */
#cont_wrapper {min-height: 400px; overflow: auto; padding-bottom: 150px; background: #1f3877 url(../images/bg.gif) 0 0 repeat-x; }
#container {text-align: left; width: 720px; margin: 31px auto; position: relative;}
#header, #logo {background: #transparent; width: 860px;}
#logo {padding-bottom: 10px;}
#logo h1 {text-indent: -99999px;}
#logo h1 a {height: 66px; width: 340px; display: block; background: transparent url(../images/logo.gif) 0 0 no-repeat;}
#left_content, #wide_content {float: left; width: 480px; margin-left: 10px;}
#right_content, #narrow_content {float: right; width: 220px;}
div.block_long, div.block {margin: 15px 0; background: url(../images/block_bg_long.gif) 0 30px repeat-x; position: relative;}
.date {position: absolute; top: 3px; left: -70px;}
#portfolio_block {margin: 15px 0 0 5px;}
#footer {clear: both; text-align: center; width: 100%; padding-top: 30px;}
/* PANEL */
#panel_wrapper {width: 720px; margin: 0 auto; padding: 10px; text-align: left; }
#panel_right, #panel_left {width: 65%; float: left;}
#panel_right {width: 33%;}
p.get_panel {position: absolute; top: -43px; right: 0;}
#panel {background: #1f3877; width: 100%; }
#panel form div {margin: 10px 0; min-height: 30px;}
#panel form label {text-align: right; width: 200px;float: left; margin: 0 10px;}
#panel form input, #panel form select, #panel form textarea {width: 240px;} 
#panel form textarea {height: 100px;}
#panel form button {margin-left: 220px;}
div.close {position: absolute; top: 0; right: 30px;}

/* TEXT */
.testimonial p {font-size: 17px; line-height: 30px; color: #666;}
.testimonial p.cite {font-size: 13px; text-align: right; color: #eaeaea;}
div.fl p {line-height: 17px;}
a.active {text-decoration: none; color: #1f3877;}
.port_img {margin: 6px; border: 1px solid #eee; padding: 2px;}
.portfolio_main {padding: 0px; border: 7px solid #333;}
#portfolio_block a:active, #panel a:active {background: none;}
ul.port_rest {margin: 18px 5px}
ul.port_rest li {display: inline;}
ul.port_rest img {border: 4px solid #eee; margin: 5px 2px;}
ul.port_rest img.active_port {border: 4px solid #ffc20e;}
/* SIFR */

.sIFR-active h2.sifr_heading { visibility:hidden; }

/* NAV */
#nav {float: left; margin: 22px 0 0 10px; background: url(../images/nav.gif) 0 0 no-repeat; height: 67px; overflow: hidden;}
#nav ul {position: relative; width: 698px; height: 67px; position: relative; margin: 0;}
#nav li a {position: absolute; top: 0;}
#nav li, #nav a { height: 67px; display: block; text-indent: -999999px; margin: 0; padding: 0;}	

#nav_1 {left: 0px; width: 181px;}
#nav_2 {left: 181px; width: 130px;}
#nav_3 {left: 309px; width: 203px;}
#nav_4 {left: 512px; width: 190px;}

a:hover#nav_1, #home_page #nav_1 {background: transparent url(../images/nav.gif) 0px -67px no-repeat;}
a:hover#nav_2, #faq_page #nav_2 {background: transparent url(../images/nav.gif) -181px -67px no-repeat;}
a:hover#nav_3, #pricing_page #nav_3 {background: transparent url(../images/nav.gif) -309px -67px no-repeat;}
a:hover#nav_4, #about_page #nav_4 {background: transparent url(../images/nav.gif) -512px -67px no-repeat;}