@charset "UTF-8"; 
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.2.2
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}

/* =GENERAL - the general styles */
body{font:62.5%/2.2em "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#4b4942; background:#5e9dd0 url(../images/globeback.jpg) no-repeat; /*overflow:scroll; */min-height:800px}

h3{padding-left:5px}

a{text-decoration:none; color:#5599a7}

hr{width:100%; height:2px}

strong{font-weight:bold}

/* =LAYOUT - the main layout styles */
.container{width:905px; margin:0 auto; overflow:hidden; background-color:#FFF}

.container2{width:905px; height:auto; margin:0 auto; overflow:hidden}

.container h3{color:#5699A7; font-size:1.25em; margin:10px 0; overflow:visible}

.text{width:60%; height:auto; margin:0 auto; overflow:hidden; float:left; margin:3px 3px 3px 3px; border:solid 1px}

.sidebar{width:auto; height:auto; margin:5px 5px 5px 5px; overflow:hidden; float:right}

.filledbox{background:#eeeded; width:100%; margin:10px 0px 10px 0px; overflow:visible}

.borderedbox{border:1px #000; margin:5px 5px 5px 5px; border-style:solid; overflow:visible}

.header{background:#fff; width:100%}

.foot{width:905px; height:auto; margin:0 auto; overflow:visible}

/* header layout */
#header{height:60px; background:#4a4841 url(../images/top_bg1.jpg) top repeat-x; position:relative; margin-top:20px}
#navigation{position:absolute; right:829px; top:10px; width:859px; height:39px}

#navigation2{position:absolute; right:-575px; top:344px; width:494px; height:40px}

/* main area layout */
#logo{width:905px; margin:0 auto; background:none}

#main{margin-top:0px; background-color:#FFF; padding:0px 0px 0px 0px; height:100%; overflow:hidden}

#leftcolumn{background-color:#FFF; float:left; width:193px; padding-top:30px; overflow:visible; width:16%}

#centerhome{float:left; background-color:#FFF; padding:25px 5px 0px 0px; width:905px; ; overflow:visible}

#servicescontent{float:left; background-color:#FFF; padding:25px 5px 0px 10px; width:65%; ; overflow:visible}

#2divcolumn{float:right; background-color:#FFF; padding:25px 5px 0px 15px; width:80%; overflow:visible}

#center{float:left; background-color:#FFF; padding:25px 5px 0px 10px; width:50%; overflow:visible}

#centerservices{float:left; background-color:#FFF; padding:25px 0px 0px 10px; width:70%; overflow:visible}

#techcontent{float:left; background-color:#FFF; padding:25px 0px 0px 10px; width:82%; overflow:visible}

#content{float:left; width:670px; background-color:#FFF; padding:10px 20px}

#rightcolumn{float:left; background-color:#FFF; margin-top:30px; float:left; width:32%; overflow:hidden}

#techpictureformat{float:left; background-color:#FFF; margin-top:30px; float:left; width:22%; overflow:hidden}

/* bottom layout */
#bottominfo{border-top:1px solid #42423b; background:#fff; padding-bottom:25px; overflow:hidden; padding-left:3px; float:left}

.bottomright{margin-right:0}

#topinfo{width:100%; overflow:hidden}

.topcolumn{width:100%; margin-right:18px}

.topcolumn1{width:99%; font-size:1.2em; background-color:#FFF; padding:5px 5px 5px 5px; overflow:hidden}

.topcolumn1 p{font-size:16px; color:#000; padding-left:10px}

.topright{margin-right:0}
/* =HEADER - the header styles */
#header .container{height:200px}
/* logo */
h1{font:35px Arial,Helvetica,sans-serif; letter-spacing:-2px; padding:0px 9px 25px 0px; display:block; color:#fff}
h1 a{font:24px/24px Arial,Helvetica,sans-serif; font-weight:bold; letter-spacing:-2px; padding:0px 9px 25px 0px; display:block; color:#fff; /*background:url(../images/logo_bg.gif) left top no-repeat; */}
h1 a:hover{color:#fff}
h1 a span{height:71px; width:13px; position:absolute; top:0; right:-13px; cursor:pointer; background:url(../images/logo_right.gif) right top no-repeat}
/* top navigation */
#navigation li{float:left; padding-right:27px; text-transform:uppercase; font-size:1.3em; font-weight:normal}
#navigation li a{color:#fff}

#navigation2 li{float:left; padding-right:27px; text-transform:uppercase; font-size:1.3em; font-weight:normal}
#navigation2 li a{color:#fff}

/* message and building pic */
#banner{position:absolute; height:301px; color:#a49c8f; font-weight:bold; padding:0 440px 0 7px; bottom:-89px; font-size:1.3em; left:9px; width:409px}

/* =CONTENT - the content styles */
/* left column */
.leftbox{background:#f1f0ef; padding:10px 23px 10px 23px; margin-bottom:3px; line-height:1.8em}
h3.leftbox{font-size:19px; color:#8c8685; background:#f1f0ef url(../images/h3_bg_tall.jpg) 0 0 repeat-x; padding:5px 0 10px 23px}
h3.header_small{font-size:15px; background:#f1f0ef; padding:0 23px 5px 23px}

.features{padding-top:15px; font:1.27em Arial,Helvetica,sans-serif}

#leftcolumn .leftbox p{padding-bottom:1em; line-height:1.5em; font-size:12px}
/* center column */
.left{width:30%; float:left}
.middle{width:30%}
.right{width:30%; float:right}
.leftcontent{width:66%; float:left}
.rightcontenthome{width:33%; float:left; overflow:hidden}
.rightcontent{width:49%; float:right}
.article_wrapper h2{color:#5699A7; font-size:2em; margin:10px 0; overflow:visible; padding-left:5px}
.article_wrapper h1{color:#5699A7; font-size:2.5em; margin:10px 2px; overflow:visible; padding-left:5px}
.article_wrapper h3{color:#5699A7; font-size:1.5em; margin:10px 0; overflow:visible}
.article_wrapper p{padding-bottom:10px; font-size:1.3em; padding-top:5px; overflow:visible; margin-left:20px}
.article_wrapperlist p{font-size:1em; overflow:visible; margin-left:20px}
.green{padding-bottom:10px; font-size:1.3em; padding-top:5px; overflow:visible; margin-left:0px; width:50%; float:left}
.green2{font-size:1.3em; padding-top:5px; margin-left:0px; width:44%; float:right; padding:5px 15px 5px 5px}
.servicesbox{align:center; float:left; padding-bottom:10px; font-size:1.3em; padding-top:5px; overflow:visible; margin-left:20px; width:100%}
/* right column */
.rightbox_wrapperhome{background:#eeeded; padding:6px 6px 6px 6px; margin:20px 10px 20px 0px; overflow:hidden; font-size:11px; line-height:18px; color:#58584D; float:right}
.rightbox_wrapper{background:#eeeded; padding:6px 6px 6px 6px; margin-bottom:20px; overflow:hidden; font-size:10px; line-height:18px; color:#58584D; margin-right:0px; float:right}

.rightbox_wrapperprofile{background:#eeeded; padding:6px 6px 6px 6px; margin-bottom:20px; overflow:visible; font-size:11px; line-height:18px; color:#58584D; margin-right:5%; float:right}

.rightbox_wrapperpresident{background:#eeeded; padding:6px 6px 6px 6px; margin-bottom:20px; overflow:visible; font-size:11px; line-height:18px; color:#58584D; margin-right:25%; float:right}

.rightbox_wrapperphillip{background:#eeeded; padding:6px 6px 6px 6px; margin-bottom:20px; overflow:visible; font-size:11px; line-height:18px; color:#58584D; margin-right:5%; float:right}

.rightbox_statsL{float:left; font-weight:bold; background:#eeeded; width:40%; padding-right:12px; overflow:hidden; font-size:11px; line-height:18px; color:#58584D}

.techbox_L{float:left; font-weight:bold; background:#eeeded; overflow:hidden; font-size:11px; width:35%; line-height:18px; color:#58584D; margin-left:10px; margin-bottom:10px}
.techbox_R{background:#eeeded; float:right; width:60%; padding:6px; overflow:hidden; font-size:11px; line-height:18px; color:#58584D; margin-bottom:10px}

.techboxLL{float:left; background:#eeeded; overflow:hidden; font-size:11px; width:60%; line-height:18px; color:#58584D; margin-left:10px; margin-bottom:10px}
.techboxRR{background:#eeeded; float:right; width:35%; padding:6px; overflow:hidden; font-size:11px; line-height:18px; color:#58584D; margin-bottom:10px}

.rightbox{border:1px #000; width:265px; overflow:hidden; border-style:solid; padding:3px 3px 3px 3px}
.rightboxcontact{border:1px #000; width:auto; overflow:hidden; border-style:solid; font-size:12px}
.rightboxcontact input, textarea, select{margin:3px}
.rightboxcontact form{margin:10px; margin-top:-8px}
.rightboxprofile{border:1px #000; width:100%; overflow:visible; border-style:solid}
.picturebox{border:1px #000; overflow:hidden; border-style:solid; padding:3px 3px 3px 3px}
.product_image{float:left; margin:6px 0 0 6px}
.product_wrapper{float:right; padding:3px 3px 8px 13px}
.product_wrapper1{float:left; padding:0px 3px 3px 13px}
.product_wrapper h4{font-size:1.4em; color:#483F3D; font-weight:bold; padding-top:10px}
.product_wrapper1 h4{font-size:1.3em; color:#483F3D; font-weight:bold; padding-top:10px}
.product_wrapper h5{font-size:1em; color:#483F3D; font-weight:bold; padding-top:10px}
.product_wrapper p{font-size:1em}
.lastbox{margin:0; margin-bottom:15px; border:none}
/* =BOTTOM */
.topcolumn h3{color:#fff; font-size:50px; padding:6px 0 5px 5px}
.topcolumn a{color:#5699A7}
.topcolumn p{padding:10px 35px 10px 5px; font-size:1.2em}

.button{display:block; float:left; width:auto; line-height:1em; text-align:center; background:#659AA6; border:4px solid #fff; color:#fff; cursor:pointer; margin:0; padding:3px 8px; /* IE6 */}

ul.list li{list-style-type:disc; list-style-position:inside; margin-left:25px; padding-bottom:10px; font-size:13px}

/* NAVIGATION */
ul.menu, ul.menu ul{  list-style-type:none;   margin:0;   padding:0;   width:10em}

ul.menu a{  display:block;   text-decoration:none;   font-size:1.4em}

ul.menu li{  margin-top:1px;   background:none}

ul.menu li a{  background:#f1f0ef;   color:#000;   padding:0.5em;   padding-left:20px;   background-image:url(../images/Bolt.png); background-repeat:no-repeat; background-position:left}

ul.menu li a:hover{  background:#DEDEDE;   background-image:url(../images/Bolt%20Small.png); background-repeat:no-repeat; background-position:left}

ul.menu li ul li a{ background:#DEDEDE;  color:#000;  margin-left:10px;  padding-left:15px;  background:none}

ul.menu li ul li a:hover{ background:#DEDEDE;  margin-left:10px;  padding-left:15px}

/* END OF NAVIGATION */
/* MARKET */
#markets-grid{margin:35px 0 0 0}

.market{width:130px; float:left; margin:0 12px 30px 0; text-align:center; height:150px}
/* END OF MARKET */


/* testimonial slider on home page
----------------------------------------*/
#slider { width:260px; height:208px; line-height:normal; }
#slider p { font-size:12px; margin:0 10px 10px; line-height:18px; }
#slider cite { font-size:12px; font-style:italic; padding:6px 10px 0 0; text-align:right; display:block;}
.jquery-slider {
    overflow: hidden;
    position: relative;
}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    width: 100%;
    height: 100%;
}
.jquery-slider-control {
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 1px solid #666;
    background: #fff;
    opacity: 0.33;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: #666 0 0 2px;
    text-shadow: #fff 0 0 1px;
}
.jquery-slider-control:hover {
    opacity: 1;
}
.jquery-slider-control-prev {
    left: 5px;
    top: 5px;
}
.jquery-slider-control-next {
    right: 5px;
    top: 5px;
}
.jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 5px;
    height: 20px;
    right: 5px;
}
.jquery-slider-page {
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
    background: #999;
	cursor: pointer;
    opacity: 0.33;
    margin: 3px;
    border-radius: 6px;
    box-shadow: #333 0 0 1px;
}
.jquery-slider-page:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}
.jquery-slider-page-current {
    opacity: 1;
}