* { padding: 0; margin: 0; outline: 0; }
body { font: 11px/14px  Helvetica, Arial, Sans-Serif; color: #262626; background: #fff url(images/background2.gif) repeat-x center 0 }

a { color: #eb2824; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; } 

a.img  { }
a.img img { display: block; border: 1px solid #ccc; }

a.more { background: url(images/bullet1.gif) no-repeat 0 center; padding-left: 10px; color: #eb2824 !important; }
a.more:hover { text-decoration: underline !important; }


input, select, textarea { font: 11px Arial, Sans-Serif; color: #000; }
textarea { overflow: auto; }
fieldset { border: 0; }

.field { background: #fff; border: 1px solid #c4c4c4; border-bottom-color: #fff; border-right-color: #fff; font: 10px "Trebuchet MS", Helvetica, Arial, Sans-Serif; color: #5f6062; }
.field { height: 16px; padding: 0 5px; }
.button { border: 0; }

.ar { display: block; text-align: right; }
.al { display: block; text-align: left; }
.ac { display: block; text-align: center; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }

.cl { display: block; clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display: none; }

.shell { width: 980px; margin: 0 auto; }
#page { background: url(images/background.jpg) no-repeat center 0; }

h2, h3, h4, h5 { }
h2 { font-size: 15px; line-height: 100%; }
h3 { font: bold 14px/16px "Trebuchet MS", Helvetica, Arial, Sans-Serif; color: #eb2824; margin-bottom: 7px; }
h4 {}
h5 {}

p { padding-bottom: 15px; }
small { font-size: 9px; }

h2.section-title { padding: 11px 0 12px 1px; margin-bottom: 11px; border-bottom: 1px solid #acadaf; }


/*
	Header
*/

.top-panel { 
height: 35px; width: 342px; margin: 0 0 0 auto; 
/* background: url(images/top-panel.gif); */
}

.login { padding: 10px 0 0 11px; }
.login .tiny-logo { float: left; display: inline; height: 16px; width: 8px; background: url(images/tiny-logo.gif); margin-right: 5px; }
.login label { float: left; display: inline; font: 11px/16px "Trebuchet MS", Helvetica, Arial, Sans-Serif; color: #5f6062; margin-right: 2px; }
.login .field { float: left; display: inline; margin-right: 12px; width: 83px; }
.login .field-pass { width: 72px; margin-right: 8px; }
.login .button { float: right; display: inline; margin-right: 7px; }

h1#logo { float: left; display: inline; height: 54px; width: 251px; position: relative; top: -8px; left: 4px; }
h1#logo img { display: block; height: 54px; width: 251px; background: url(images/logo.png); }

h2#slogan { float: left; display: inline; font-size: 14px; color: #5f6062; margin: 21px 0 0 10px; }
h2#slogan span { color: #eb2824; }

.phone-contact { text-align: right; font-size: 14px; padding: 17px 2px 0 0; color: #5f6062; }


#navigation { height: 40px; margin: 48px 0 16px 0; clear: both; }
#navigation ul { list-style: none outside none; }
#navigation ul li { float: left; display: inline; height: 40px; }
#navigation ul li a { float: left; display: inline; height: 40px; background: url(images/nav-sprite.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

#navigation ul li.nav-1 a { width: 172px; }
#navigation ul li.nav-1 a:hover,
#navigation ul li.nav-1 a.active { background-position: 0 -40px; }

#navigation ul li.nav-2 a { width: 218px; background-position: -172px 0; }
#navigation ul li.nav-2 a:hover,
#navigation ul li.nav-2 a.active { background-position: -172px -40px; }

#navigation ul li.nav-3 a { width: 160px; background-position: -390px 0; }
#navigation ul li.nav-3 a:hover,
#navigation ul li.nav-3 a.active { background-position: -390px -40px; }

#navigation ul li.nav-4 a { width: 119px; background-position: -550px 0; }
#navigation ul li.nav-4 a:hover,
#navigation ul li.nav-4 a.active { background-position: -550px -40px; }

#navigation ul li.nav-5 a { width: 110px; background-position: -669px 0; }
#navigation ul li.nav-5 a:hover,
#navigation ul li.nav-5 a.active { background-position: -669px -40px; }

#navigation ul li.nav-6 a { width: 93px; background-position: -779px 0; }
#navigation ul li.nav-6 a:hover,
#navigation ul li.nav-6 a.active { background-position: -779px -40px; }

#navigation ul li.nav-7 a { width: 108px; background-position: -872px 0; }
#navigation ul li.nav-7 a:hover,
#navigation ul li.nav-7 a.active { background-position: -872px -40px; }


/*
	Featured Content
*/

#featured-content { padding: 7px 10px 0 10px; height: 450px; width: 960px; position: relative; }

.slider { position: relative;  height: 363px; width: 960px; }
.slider ul { list-style: none outside none; height: 363px; position: relative; overflow:hidden; }
.slider ul li { float: left; display: inline; height: 363px; width: 960px; }
.slider .jcarousel-clip,
.slider .jcarousel-item { height: 363px; width: 960px; position: relative; overflow: hidden; }

.slider .jcarousel-prev,
.slider .jcarousel-next { height: 52px; width: 29px; position: absolute; top: 164px; left: -10px; z-index: 2; background: url(images/prev.png); cursor: pointer; }
.slider .jcarousel-next { left: 941px; background: url(images/next.png); }

.slider .top-bar { height: 12px; background: #888889; margin-bottom: 25px; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider .slider-img { float: left; display: inline; }
.slider .info { padding: 0 35px 0 630px; color: #5f6062; font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif; }
.slider .info ol { margin-bottom: 10px; list-style: none outside none; }
.slider .info ol li {  font-family: "Trebuchet MS", Arial, Sans-Serif; margin-bottom: 5px; text-indent: -6px; padding-right: 59px; height: auto; width: auto; }
.slider .info h2 { font-size: 20px; margin-bottom: 7px; }
.slider .info h2 span { color: #eb2824; }
.slider .info p.links  { position: relative; left: -8px; }
.slider .info p.links span  { margin: 0 8px; }
.slider .info p.links a { text-decoration: underline; }
.slider .info p.links a:hover { text-decoration: none; }
.slider .close { position: absolute; display: block; top: 20px; left: 910px; width: 46px; height: 13px; }
.slider .close { text-decoration: underline; font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif; line-height: 12px; z-index: 99999; background: url(images/icon-close.gif) no-repeat right center;  }
.slider .close:hover { text-decoration: none; }

.thumbs { border-top: 3px solid #888889; border-bottom: 3px solid #888889; padding: 2px 0; margin-bottom: 11px; height: 35px; width: 960px; position: relative; }
.thumbs ul { position: relative; overflow: hidden; height: 35px; list-style: none outside none; padding-left: 7px; }
.thumbs ul li { float: left; display: inline; height: 35px; padding: 0 3px; background: #fff; }
.thumbs ul li a { display: block;  }
.thumbs ul li a img { display: block; height: 35px; width: 35px; }
.thumbs ul li.hover { background: red; }	

.screenshot { z-index: 9999; border: 1px solid red; padding: 0; position: absolute; }
.screenshot img { display: block; }
.screenshot .pointer { display: block; height: 7px; width: 11px; background: url(images/pointer.png); position: absolute; top: 115px; left: 77px; }

.logos { height: 50px; width: 960px; position: relative; float: left; display: inline;  overflow:hidden; }
.logos ul { list-style: none outside none; position: relative; }
.logos ul li { float: left; display: inline; height: 50px; width: 960px; vertical-align: middle; line-height: 5.0em; }
.logos ul li a { float: left; display: inline; height: 50px; }

#logo_1, #logo_2, #logo_3, #logo_4, #logo_5, #logo_6 {
    margin-right: 18px;
}

#logo_8, #logo_9, #logo_10, #logo_11, #logo_12, #logo_13 {
    margin-right: 61px;
}

#logo_15, #logo_16, #logo_17, #logo_18, #logo_19, #logo_20 {
    margin-right: 29px;
}

#logo_16 {
    margin-top: -5px;
}

#logo_17 {
    margin-top: -1px;
}

.logos ul li a.last { margin-right: 0px; }

.logos .jcarousel-container,
.logos .jcarousel-clip { height: 50px; width: 960px !important; position: relative; overflow: hidden; }
.logos .jcarousel-list { }

/*
	Main Content
*/

#maincontent { padding: 15px 12px 30px; min-height: 550px; }

.mid-col h3 { width: 570px; padding-left: 2px; }
.mid-col p { padding-left: 2px; }


.three-columns {  }
.three-columns .col { float: left; display: inline; width: 207px; }
.three-columns .mid-col { width: 506px;  margin: 0 18px; }
.three-columns .mid-col h3 { width: auto; }
.three-columns .mid-col p { width: auto; }

.two-columns { }
.two-columns .col { float: left; display: inline; width: 207px; }
.two-columns .mid-col { width: 723px; margin-left: 19px; }
.two-columns .mid-col p { width: 612px; }
.two-columns .mid-col ul { padding-left: 3px; }

.one-column { }
.one-column .col-wide { float: left; display: inline; width: 642px; margin-left: 13px; }
.one-column .col-wide p { padding: 0 30px 15px 0; }

.two-columns-fliped { }
.two-columns-fliped .col-wide { float: left; display: inline; width: 672px; margin-left: 13px; }
.two-columns-fliped .col { width: 232px; }

.menu { border: 1px solid #bcbcbc; }
.menu ul { list-style: none outside none; }
.menu ul li {  line-height: 38px; background: url(images/bg1.gif) repeat-x 0 0; border-bottom: 1px solid #bcbcbc; position: relative; }
.menu ul li.last { border: 0; }
.menu ul li h4 { border-bottom: 1px solid #aaa; padding: 0 13px; font-size: 11px; }
.menu ul li h4 a { font-size: 11px;  }
.menu ul li h4 a.active { color: #000;  }
.menu ul li a { color: #272727; }
.menu ul li a:hover { text-decoration: none; }
.menu .wrapper { padding: 10px; background: #fff; border-top: 1px solid #bcbcbc; font-size: 10px; line-height: 14px; }
.menu .wrapper ul {  }
.menu .wrapper ul li { background: none; line-height: 18px; border: 0; height: auto; position: static; }
.menu .wrapper ul li a {  padding-left: 10px;  background: url(images/bullet1.gif) no-repeat 0 center; text-align: left; color: #eb2824; display: inline; height: 18px; font-size: 11px; }
.menu .wrapper ul li a:hover,
.menu .wrapper ul li a.active { background-image: url(images/bullet2.gif); text-decoration: none; color: #272727; }
.menu .middle-list { margin-bottom: 15px; }

/*
	Projects
*/

.projects p { padding-bottom: 18px; }

/*
	News & Events
*/

.menu .news-events { position: relative; margin-top: -10px; }
.menu .news-events p { font-size: 11px; padding: 13px 13px 12px 7px; margin: 0; border-bottom: 1px solid #cfcfd1; }
.menu .news-events p.last { border: 0; }

/*
	Footer 
*/

#footer { font-size: 10px; color: #5f6062; padding: 10px 0 25px; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

.bottom { height: 3px; width: 983px; margin: 0 auto; background: url(images/bottom.gif); }

#content { background: url(images/page-bg.png) repeat-y 0 0; padding: 0 2px; width: 980px; position: relative; margin: 0 -2px 0 -1px; }

ul.no-style { list-style: none outside none; margin-bottom: 15px; }

.hiring { width: 597px; }
.hiring h3 { margin-bottom: 20px; }

.endorsement { padding-bottom: 10px; }


/*
	Contact Form
*/

.contact-form { }
.contact-form .column { float: left; display: inline; width: 285px; padding-right: 18px; border-right: 1px solid #cfcfd1; margin-right: 18px; }
.contact-form .column-last { padding: 0; margin: 0; border: 0; width: 330px; }
.contact-form label { float: left; display: inline; width: 70px; line-height: 21px; margin-right: 5px; text-align: right; }
.contact-form .field,
.contact-form textarea { border: 1px solid #acadaf; font-size: 12px; color: #262626; padding: 2px 5px 3px 5px; }
.contact-form .field { height: 16px; width: 195px; }
.contact-form textarea { display: block; height: 88px; width: 319px; margin-bottom: 13px; }
.contact-form fieldset { margin-bottom: 4px; }
.contact-form .column-last label { float: none; display: block; text-align: left; width: auto; margin-bottom: 5px; line-height: 11px; padding-bottom: 10px; }

.contact-info { font-size: 11px !important; }
.contact-info p span { display: block; }
.contact-info p.last { border-bottom: 1px solid #cfcfd1; }
.contact-info a.img { display: block; margin: 10px 0; }

/*
	Our Clients
*/

.our-clients { margin: 0 13px; }
.our-clients .column-left { float: left; display: inline; width: 240px; }
.our-clients .column-right { float: left; display: inline; padding-left: 20px; border-left: 1px solid #cfcfd1; width: 646px; margin-left: 15px; }
.our-clients .column-right ul { list-style: none outside none; position: relative; overflow: auto; width: 100%; margin-bottom: 15px; }
.our-clients .column-right ul li { float: left; display: inline; }


.projects h3 {
    width: auto;
    margin-bottom: 2px;
}