@charset "UTF-8";
/* CSS Document */
/*Website Development by Flavia Oleniewski*/

/*Globals*/
* {margin-top:0; margin-bottom:0;}
img {border:0;}
body {background:url('/skins/ark105/images/bg.gif'); width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#333333;}
#page {width:900px; margin:0 auto;}
a {color:#3d8fae; text-decoration:none;}
a:hover {text-decoration:underline;}
p {padding:10px 10px 10px 10px;}
ul {padding-left:15px;}
#content li {padding:5px 0;}

h1, h2, h3 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-weight:bold; line-height:1.5em;}

h1 {font-size:24px; padding:15px 0 10px 0; border-bottom:1px dotted #3d8fae;}
h2 {font-size:18px; padding:10px 0 5px 0; color:#24467a; text-transform:capitalize; clear:both;}
h3 {font-size:14px; padding:5px 0; clear:both}



/*Header*/
#header {background:url('/skins/ark105/images/headerbg.jpg') no-repeat; height:141px;}
#header img {border:0; padding:18px; float:left;}
#phones {width:240px; float:right; padding:60px 10px 0 0; text-align:right; font-size:14px;}

/*Navigation*/
ul#nav {background:url('/skins/ark105/images/nav_bg.gif') no-repeat; height:41px; list-style:none; padding-left:29px;}
ul#nav li {display:block; float:left; position:relative; z-index:10;}
ul#nav li a {text-decoration:none; display:block; float:left; font-weight:200; color:#fff; font-size:14px; padding:12px 17px 11px 17px; }
ul#nav li a:hover {text-decoration:none; background:url('/skins/ark105/images/nav_bg_hover.jpg') no-repeat 50% 50%;}



/*drop down menu*/

ul#nav ul {position:absolute; top:33px; left:0;  display:none; padding:0; width:217px; z-index:99; text-align:left; }
ul#nav ul li {display:block; height:30px; padding:0 ;background: url(/skins/ark105/images/dropdown_mid.png) repeat-y;  width:217px;}
ul#nav ul li a {display:block; color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; line-height:12px; padding:5px 10px; height:12px; float:none; }
ul#nav ul li a:hover {background:#3d8fae; color:#fff;}
ul#nav li:hover ul, #nav li.sfhover ul {display:block;}
ul#nav li:hover ul ul, #nav li.sfhover ul ul {display:none;}
ul#nav ul li:hover ul, #nav ul li.sfhover ul {display:block;}
ul#nav ul li.top {background:url(/skins/ark105/images/drop_down_top.png) no-repeat; height:22px;}
ul#nav ul li.bottom {background:url(/skins/ark105/images/drop_down_bot.png) no-repeat; height:12px; padding:0;}

/*active link*/


#employment #nav li a.employment,
#aboutus #nav li a.aboutus,
#productlines #nav li a.productlines,
#systems #nav li a.systems,
#design #nav li a.design,
#installation #nav li a.installation,
#service #nav li a.service,
#certification #nav li a.certification,
#blog #nav li a.blog {text-decoration:none; background:url('/skins/ark105/images/nav_bg_hover.jpg') no-repeat 50% 50%;}



/*Main Content*/
#main {background: url(/skins/ark105/images/main_top.gif) no-repeat 0 0 #fff; width:100%; border-width: 5px;}


/*Text areas*/
#content {width:100%; p width: 100%; float:left;}

/*flash*/
#flash {position:relative; left:-5px; z-index:1;}

/*right side*/
#sidebar {width:215px; padding:10px; float:right;}
div.section {border-bottom:2px solid #333333; padding-bottom:10px; margin-bottom:10px;}
div.section img {display:block; padding-bottom:10px;}
div.local {padding-bottom:10px;}
a.button {background:url('/skins/ark105/images/button_contactus.gif') no-repeat 0 0; display:block; margin-top:10px; width:102px; height:24px; margin-left:0;}
a.button img {padding-bottom:0;}
a.button:hover {background-position:0 100%;}
.login {background:url('/skins/ark105/images/button_login.gif') no-repeat 0 0; display:block; margin-top:10px; width:102px; border:none; height:24px; margin-left:0;}
.login img {padding-bottom:0;}
.login:hover {background-position:0 100%;}
.contact {background:url('/skins/ark105/images/button_contactus.gif') no-repeat 0 0; display:block; margin-top:10px; width:102px; height:24px;}
.contact img {padding-bottom:0;}
.contact:hover {background-position:0 100%;}

div.last {border-bottom:0;}

#login_form label {font-weight:bold; display:block; color:#24467a;}
#login_form input {width:200px;}

/*Contact Us Form*/
form {margin:0; padding:0;}
form ul {margin:0; padding:10px 20px; display:block;}
form ul li {margin:0; padding:0; display:block; list-style:none; clear:both; padding-top:10px;}
form ul li.last {margin:0; padding:0; height:10px; overflow:hidden;}
form ul li label {margin:0; padding:0; display:block; list-style:none; width:150px; float:left; text-align:right; font-weight:bold; color:#24467a;}
form ul li input, form ul li select, form ul li textarea {margin-left :10px; padding:0; display:block; list-style:none; width:300px; float:left; border:1px solid #3d8fae;}
form ul .contact { border:none; margin-left:160px; width:102px; height:24px; display:block;}
form ul li input[type='checkbox'] {border:none; margin-left:160px; width:auto; margin-right:10px;  padding-top:0}
#content li  li{padding-top:0;}
form textarea {height:120px;}

/*Footer*/
#footer {color:#FFFFFF; font-size:12px; padding-top:15px;}

/*Job listings*/

.columns {float:left; padding-right:25px;}
.columns ul {list-style:none; padding-left:0;}


.graphics {float:right;}

.brc_pageTitle {
    font-size:24px; padding:15px 0 10px 0; font-family:'Lucida Grande',Verdana,Sans-Serif;font-weight:bold;line-height:1.5em;
}
.brc_tableHeaderFont {
    font-size: 10pt; font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold;
}
.brc_standardFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
}
.brc_smallStandardFont {
    font-size: 6pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
}
.brc_boldStandardFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;
}
.brc_fieldLabelsFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;
}
.brc_requiredFieldLabelsFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold;
}
.brc_columnLabelsFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;
}
.brc_requiredColumnLabelsFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold;
}
.brc_enabledLabelsFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3cb371; font-weight: bold;
}
.brc_disabledLabelsFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #dc143c; font-weight: bold;
}
.brc_sortBarColumnLabelsFont {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;
}

#main A {
    COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
#main A:hover {
    COLOR: #0000FF; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}

    .line
    {
       COLOR: #ffffff;
    }
    A.header_link
    {
       FONT-FAMILY: Arial;
       COLOR: #ffffff;
       TEXT-DECORATION: none
    }
    A.header_link:hover
    {
       FONT-FAMILY: Arial;
       COLOR: #DCDCDC;
       TEXT-DECORATION: none
    }
    A.header_link_selected
    {
       FONT-FAMILY: Arial;
       COLOR: #DCDCDC;
       FONT-WEIGHT: 600;
       TEXT-DECORATION: none
    }
    .line
    {
        FONT-FAMILY: Arial;
        FONT-SIZE: 10pt;
        COLOR: #000000;
        TEXT-DECORATION: none
    }
    .nav
    {
        FONT-SIZE: 13;
    }