@import "bootstrap.min.css";
@import "ionicons.min.css";
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700);

html {
    height:100%;
}

body {
    font-family: 'Maven Pro',Calibri,Arial,sans-serif;
    font-size:14px;
    border-top:10px solid #2a4d7c;
    background:#000000 url("../img/BG_image2.jpg");
    color:#ebebeb;
    position:relative;
}

h1, h2, h3, h4, h5 {
    font-weight:400;
    line-height:normal;
    font-family: 'Maven Pro',Calibri,Arial,sans-serif;
}

h3, h3 a {
    font-size:20px;
    color:#ECC94C;
}

h4 {
    color:#4d83cd;
}

a {
    color:#cccccc;
    text-decoration:none;
}

a:hover, a:focus {
    color:#ECC94C;
    text-decoration:none;
    outline:none;
}

ul li {
    list-style:none;
}

form {
    margin-top:40px;
    margin-left:20px;
}

form .btn {
    background:#ECC94C;
    border:none;
    text-transform:uppercase;
    font-weight:bold;
    margin-right:10px;
    padding:10px 18px;
    line-height:18px;
}

form .checkbox {
    display:none;
    width:19px;
    height:19px;
}

form .checkbox + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin-top:-1px;
    vertical-align:middle;
    background:url("../img/check_radio_sheet.png") left top no-repeat;
    cursor:pointer;
}

form .checkbox:checked + label span {
    background:url("../img/check_radio_sheet.png") -19px top no-repeat;
}

textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input {
    background-color:#1f1f1f;
    border:none;
    padding:10px;
    width:400px;
    color:#cccccc;
}

textarea {
    height:100px;
    resize:none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="color"]:focus, .uneditable-input:focus {
    box-shadow:none;
    border:none;
}

#page .span9 ul ul {
    margin-top:10px;
}

#wrapper {
    position:relative;
}

#logo {
    position:absolute;
    top:-10px;
    left:25px;
}

#logo a {
    position:relative;
    top:-10px;
    left:0px;
    display:block;
    background:transparent url("../img/logo.png") no-repeat;
    width:165px;
    height:210px;
    text-indent:-9999px;
    z-index:99;
}

#navmenu {
    background:#335b90 url("../img/navgd.jpg") repeat-x;
    height:57px;
    border-radius:8px 8px 0px 0px;
    text-align:right;
    margin:80px 0px 0px 10px;
}

#navmenu ul {
    margin:0px;
    height:57px;
    padding-left:135px;
}

#navmenu ul li {
    padding:0px;
    height:57px;
    float:left;
    list-style:none;
    padding:0px 25px 0px 0px;
}

#navmenu ul li a {
    color:#ECC94C;
    display:block;
    font-size:15px;
    padding:10px;
    margin-top:10px;

}

#navmenu ul li a:hover,
#navmenu ul li a:focus,
#navmenu ul ul li a,
#navmenu ul li a.active {
    background:#292d33;
    border-radius:5px;
    color:#ffffff;
}

#navmenu ul ul {
    padding:0px;
    height:auto;
    background:none;
    box-shadow:none;
    border:none;
}

#navmenu ul ul li {
    float:none;
    height:auto;
    padding:0px;
}

#navmenu ul ul li a {
    line-height:normal;
    height:auto;
    text-align:left;
    display:block;
    font-size:14px;
    margin:3px 0px 0px 0px;
    color:#ECC94C;
}

#hero-pic, #highlights .span12 {
    background-color:#305589;
}

#hero-pic #gaurds {
    width:1090px;
    margin-left:-10px;
    height:470px;
    background:transparent url("../img/homegrds.png") no-repeat;
    border-radius:8px;
}

#page #hero-pic {
    position:relative;
    z-index:11;
    background:none;
}

#page #hero-pic #gaurds {
    height:395px;
    background:transparent url("../img/pagehero.png") no-repeat;
}

#page.services #hero-pic #gaurds {
    height:395px;
    background:transparent url("../img/pageheroser.png") no-repeat;
}

#page.career #hero-pic #gaurds {
    height:395px;
    background:transparent url("../img/pageherocl.png") no-repeat;
}

#page.clients #hero-pic #gaurds {
    height:395px;
    background:transparent url("../img/pageherotest.png") no-repeat;
}

#page.feedback #hero-pic #gaurds {
    height:395px;
    background:transparent url("../img/pageherofee.png") no-repeat;
}

#page.contact #hero-pic #gaurds {
    height:395px;
    background:transparent url("../img/pageherocon.png") no-repeat;
}

#gaurds h2, #gaurds h3 {
    color:#ECC94C;
    text-transform:lowercase;
    margin:0px;
}

#gaurds h2 {
    padding:0px 0 0 103px;
    font-size:72px;
}

#gaurds h3 {
    padding:199px 0 0 27px;
    font-size:51px;
}

#page #gaurds h2 {
    padding:0px 0px 0px 75px;
    font-size:55px;
    margin-top: -10px;
}

#page #gaurds h3 {
    padding:120px 0 0 27px;
    font-size:36px;
}

#hero-pic p {
    background:transparent url("../img/whistle.jpg") no-repeat;
    padding:50px 300px 30px 60px;
    color:#cccccc;
    height:157px;
    margin:0px;
}

#highlights .span12 {
    padding-top:20px;
    background: #305589;
    background: -moz-linear-gradient(top,  #305589 0%, #22416a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305589), color-stop(100%,#22416a));
    background: -webkit-linear-gradient(top,  #305589 0%,#22416a 100%);
    background: -o-linear-gradient(top,  #305589 0%,#22416a 100%);
    background: -ms-linear-gradient(top,  #305589 0%,#22416a 100%);
    background: linear-gradient(to bottom,  #305589 0%,#22416a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305589', endColorstr='#22416a',GradientType=0 );

}

#highlights .span4 {
    width:340px;
    height:260px;
    margin-bottom:5px;
    position:relative;
    background:transparent url('../img/hlts.png') no-repeat;
    overflow:hidden;
    border-radius:8px;
}

#highlights #scre {
    margin-left:20px;
}

#highlights #pers {
    width:350px;
    background-position:-340px 0px;
}

#highlights #how {
    margin-left:10px;
    background-position:-690px 0px;
}

#highlights .span4 .pad {
    padding:20px;
}

#highlights .span4 .pad h2 {
    padding-left:100px;
    padding-bottom:18px;
    padding-top:7px;
    color:#6699cc;
    margin:0px 0px 16px 0px;
    font-size:20px;
    line-height:normal;
    letter-spacing:1px;
}

#highlights #pers h2 {
    padding-left:60px;
}

#highlights #how h2 {
    padding-left:85px;
}

#highlights .span4 a {
    position:absolute;
    bottom:54px;
    right:50px;
    display:block;
    color:#6699CC;
    font-weight:700;
}

#highlights .span4 a:hover,
#highlights #how a:hover {
    color:#ffffff;
}

#highlights #how a {
    color:#ECC94C;
}

#page #things .span12 {
    background:none;
    padding-top:0px;
}

#things .span12 {
    background:transparent url("../img/darrow.png") no-repeat;
    padding:40px 0px;
    padding-top:100px;
}

#things .span12 p {
    margin-bottom:20px;
}

#page #things .span12 p {
    margin-bottom:30px;
    padding-right:50px;
}

#page #things h3 {
    margin-top:0px;
    margin-bottom:20px;
    letter-spacing:1px;
}

#page #things h4 {
    margin-bottom:5px;
    margin-top:0px;
    letter-spacing:1px;
}

#page #things .post ul li {
    margin-bottom:12px;
    padding:0px 50px 0px 25px;
    background:transparent url("../img/lbl.png") no-repeat;
    line-height:16px;
}

#page #slinks {
    border-left:1px solid #1f2932;
    margin-top:60px;
    margin-left:0px;
    padding:20px 0px;
}

#page.career #slinks {
    border-left:1px solid #1f2932;
    margin-top:20px;
    margin-left:0px;
    padding:20px 0px;
}

#page #slinks li {
    list-style:none;
    margin:0px;
    padding:12px 0px 12px 0px;
}

#page #slinks li a {
    color:#4d83cd;
    font-weight:700;
    font-size:18px;
    padding:0px;
    display:block;
    background:transparent url("../img/lyl.png") no-repeat;
    background-position:0px 1px;
    padding-left:30px;
    line-height:21px;
}

#page #slinks li a:hover,
#page #slinks li a.now {
    color:#ECC94C;
}

#page #slinks h3,
#page #slinks p,
#page #slinks a {
    display:block;
    margin-left:50px;
}

#page #slinks h3 {
    margin-top:0px;
}

#page #plists .span12 {
    padding:0px;
}

#page #plists .span4 {
    height:130px;
}

#page.career #plists .span12 .row {
    margin-bottom:30px;
}

#page.career #plists .span6 h3,
#page.career #plists .span6 p {
    margin:0px;
}

#page.career #plists .span6 h3 {
    margin-bottom:5px;
}

#page #plists .span4 h3 {
    color:#ECC94C;
    font-size:16px;
    margin-bottom:5px;
}

#things a i {
    color:#f0d77e;
    padding-right:10px;
}

#things .span8 h3 {
    color:#ECC94C;
}

#things .span4 h3 {
    color:#477dc6;
}

#things .span4 hr {
    border-color:#1f2932;
}

#things .table {
    margin-top:30px;
    width:430px;
}

#things .table tr {
    margin-bottom:10px;
}

#things .table tr td {
    border:none;
}

#things .table tr td span, .bool {
    display:block;
    background:transparent url("../img/bool.png") no-repeat;
    height:22px;
    line-height:22px;
    padding:0px 0px 0px 30px;
}

#footer {
    background:#1e2228 url("../img/fbar.jpg") repeat-x;
    width:100%;
    padding:40px 0px 20px 0px;
    font-size:12px;
}

#footer ul a {
    cursor:pointer;
}

#footer ul {
    margin:0px 0px 0px 10px;
    width:104px;
    font-weight:700;
    letter-spacing:1px;
    height:130px;
    font-size:11px;
}

#footer li {
    list-style:none;
}

#footer ul ul {
    margin:0px;
    font-weight:normal;
    letter-spacing:normal;
    width:auto;
    margin-top:5px;
    height:auto;
}

#footer .span3 {
    height:157px;
}

#footer .span3 div {
    width:55px;
    float:right;
    padding-top:6px;
}

#footer .span3 #sicons {
    width:88px;
    padding:0px;
}

#footer .span3 #sicons a {
    padding-left:10px;
    font-weight:bold;
    font-size:24px;
    line-height:normal;
}

#footer #sinfo {
}

#footer #sinfo .span {
}

#page #things .post h3,
.post h3 {
    font-weight:normal;
    font-size:16px;
    margin-bottom:5px;
}

#accordion {
    padding-right:40px;
}

#page #things .span12 #accordion p {
    padding-right:0px;
}

.post ul {
    margin-left:0px;
    margin-top:20px;
}

.ui-accordion-header-icon {
    background-image: url("../img/lbl.png");
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    display:block;
    float:right;
}

.ui-accordion-header-icon.ui-icon-triangle-1-s {
    background-image: url("../img/lblv.png");
}

.ui-accordion-header {
    background-color:#1f1f1f;
    border-radius:8px;
    padding:8px 10px;
    cursor:pointer;
    outline:none;
    height:18px;
    line-height:18px;
}

#page #things .post h3.ui-accordion-header {
    font-size:14px;
}

.ui-accordion-header strong {
    font-size:16px;
}

.ui-accordion-header:focus {
    outline:none;
}

.ui-accordion-content {
    padding:10px;
    margin:0px;
}

.form-horizontal .control-label {
    text-align:left;
    font-size:14px;
}

.form-horizontal .control-group {
    margin-bottom:30px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background:none;
}

.yellow {
    background-position:0px -22px;
}

.bool {
    font-weight:700;
}

.span6 .span6 {
    margin-left:0px;
}

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding:0px;
}
