/***************************************/
/*        RESET STYLES
/***************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;
}

/***************************************/
/*        MAIN STYLES
/***************************************/

/* GENERAL STYLES */
body {color:#fff; background: url(../_img/body-bg.gif) repeat-x #353535; margin:0 auto; font-family:"Trebuchet MS"; font-size:0.8em;}
#container {width:968px; margin:0 auto;}
a {color:#89b700; text-decoration:none; line-height:1.2em;}
a:hover {color:#fff;}
p {line-height:1.3em;}
a.read-more {width:76px; height:24px; color:#fff!important; text-decoration:none!important; background:url(../_img/read-more.png;) no-repeat; padding:8px 0 0 10px; display:block; margin:0 0 10px 0; line-height:1.2em!important;}
a.read-more:hover {color:#2A2A2A!important;}
.indent {padding-left:10px;}
.inset {float:right; margin:0 0 20px 20px;}
.inset img {border:1px solid #89B700;}
.inset-right {margin:0 0 30px 0;}
.inset-right img {border:1px solid #89B700;}


/* STYLES FOR HEADER */
#header {padding:14px 0 0;}

#flash {padding:35px 0 15px 0;}
#flash h1 {margin:0;}
#flash h1 a {background:url(../_img/ICTS_logo.png) no-repeat; display:block; width:318px; height:100px;}
#flash h1 a span {display:none;}

p.header-links {float:right; width:75px; font-size:0.85em;}
p.header-links a {color:#999;}
p.header-links a:hover {color:#fff;}
p.phone-number {color:#999;}
p.phone-number span {color:#fff;}

/* STYLES FOR NAVIGATION */

#nav {background:url(../_img/menu.png) top left no-repeat; height:72px; width:100%; padding:0; margin:0 0 10px 0;}
#nav ul { height:80px; list-style:none;}
#nav ul li { background: url(../_img/grey-slice-off.gif) repeat-x; float:left; display:block; padding:0; }
#nav ul li:hover {background:url(../_img/slice-on.gif) repeat-x;}
#nav ul li:hover a {}
#nav ul li.first {background:url(../_img/nav-first-off.gif) no-repeat; width:115px;}
#nav ul li.last {background:url(../_img/nav-last-off.gif) no-repeat right; width:115px;}
#nav ul li.first:hover {background:url(../_img/nav-first-on.gif) no-repeat;}
#nav ul li.first:hover a{background:none;}
#nav ul li.last:hover {background:url(../_img/nav-last-on.gif) no-repeat right;}
#nav ul li a {background:url(../_img/list-border.gif) no-repeat right; text-decoration:none; font-size:1.1em; color:#fff; height:44px; display:block; padding:28px 30px 0 30px; text-align:center;}
#nav ul li a:hover {background:none; color:#000;}
#nav ul li.last a {background:none; border:none;}
#nav ul li.first-selected {background:url(../_img/nav-first-on.gif) no-repeat; width:115px;}
#nav ul li.first-selected a {color:#000; background:none; border:none}
#nav ul li.selected {background:url(../_img/slice-on.gif) repeat-x;}
#nav ul li.selected a {color:#000; background:none;}
#nav ul li.last-selected {background:url(../_img/nav-last-on.gif) no-repeat right; width:115px;}
#nav ul li.last-selected a {color:#000; background:none;}

/* STYLES FOR MAIN IMAGES */
#main-img1 {background:url(../_img/main-img1.jpg) top left no-repeat; height:504px; width:100%; position:relative;}
#main-img2 {background:url(../_img/main-img2.jpg) top left no-repeat; height:504px; width:100%; position:relative;}
#main-img3 {background:url(../_img/main-img3.jpg) top left no-repeat; height:504px; width:100%; position:relative;}
#main-img4 {background:url(../_img/main-img4.jpg) top left no-repeat; height:504px; width:100%; position:relative;}
#main-img5 {background:url(../_img/main-img5.jpg) top left no-repeat; height:504px; width:100%; position:relative;}
#main-img6 {background:url(../_img/main-img6.jpg) top left no-repeat; height:504px; width:100%; position:relative;}
#main-img-holder {background:url(../_img/main-img-holder.jpg) top left no-repeat; height:504px; width:100%;position:relative;}
#flash2 {position:absolute; left:0; top:0;}

/* STYLES FOR SOCIAL LINKS */
#social {height:88px; position:absolute; left:16px; bottom:17px; width:380px;}
#social ul {width:172px; float:left;}
#social ul li {background:none; float:left; display:block; width:55px; height:88px; padding:0; margin:0 2px 0 0;}
#social ul li a { display:block; width:52px; height:88px;}
#social ul li a span {display:none;}
#social ul li a.facebook {background:url(../_img/facebook-btn-off.jpg) no-repeat; }
#social ul li a.facebook:hover {background:url(../_img/facebook-btn-on.jpg) no-repeat; }
#social ul li a.twitter {background:url(../_img/twitter-btn-off.jpg) no-repeat;}
#social ul li a.twitter:hover {background:url(../_img/twitter-btn-on.jpg) no-repeat; }
#social ul li a.linkedin {background:url(../_img/linkedin-btn-off.jpg) no-repeat; }
#social ul li a.linkedin:hover {background:url(../_img/linkedin-btn-on.jpg) no-repeat; }
#social h2 {float:left; font-size:1.8em; margin:13px 0 3px 5px; font-weight:normal;}
#social p {float:left; margin:0 0 0 5px; color:#828282;}

/* STYLES FOR CHATBOX */
#chatbox {height:88px; position:absolute; right:16px; bottom:17px; width:380px;}
#chatbox h2 {float:left; font-size:1.8em; margin:0 0 3px 5px; width:250px; text-align:right; background:url(../_img/chat-icts.gif) no-repeat right; padding:14px 125px 0 0; height:85px; font-weight:normal}
#chatbox p {position:absolute; bottom:19px; text-align:right; width:342px; right:123px; color:#828282;}

/* STYLES FOR CONTENT */
#content {width:970px; color:#2a2a2a;}
#content #main-box-top {background:url(../_img/main-box-top.png) no-repeat; width:970px; height:10px;}
#content #main-box {background:url(../_img/main-box-rpt.png) repeat-y; width:930px; padding:10px 20px 5px 20px;}
#content #main-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #main-box-bottom {background:url(../_img/main-box-bottom.png) no-repeat; width:970px; height:15px;}



#content #main-box h2 {font-size:2em; font-weight:normal; margin:0 0 20px 0;}
#content #main-box h3 { margin:0 0 8px 0;}
#content #main-box p {margin-bottom:10px; color:#494949;}
#content #main-box a {color:#2a2a2a; text-decoration:underline; font-weight:bold; line-height:1.6em;}
#content #main-box a:hover {color:#89b700; text-decoration:none;}

#content ul {margin:0 0 10px 10px;}
#content ul li {background:url(../_img/bullet.png) no-repeat left top; padding:0 0 0 24px; margin:0 0 5px 0; line-height:1.2em;}

#content #main-box #breadcrumbs {}
#content #main-box #breadcrumbs ul {float:left; display:block; width:800px; margin:0 0 10px 0;}
#content #main-box #breadcrumbs ul li {float:left; display:block; background:none!important; padding:0!important; margin:0 5px 0 0!important;}
#content #main-box #breadcrumbs ul li a {color:#2a2a2a; text-decoration:underline; font-weight:bold; line-height:1.2em;}

#content ul.ticks {margin:0 0 0 10px;}
#content ul.ticks li {background:url(../_img/tick.png) no-repeat left; padding:0 0 0 24px;}

#content ul.buttons {margin:0 0 0 10px;}
#content ul.buttons li { background:none; padding:0; margin:0 0 12px 0;}
#content ul.buttons li a { display:block; width:191px; height:41px; color:#fff!important; font-weight:bold; text-decoration:none!important; padding:15px 0 0 60px;}
#content ul.buttons li a:hover {color:#9b9999!important;}
#content ul.buttons li.one a{background:url(../_img/button1.gif) no-repeat;}
#content ul.buttons li.two a{background:url(../_img/button2.gif) no-repeat;}
#content ul.buttons li.three a{background:url(../_img/button3.gif) no-repeat;}

#content ul.services {margin:0; padding:0;}
#content ul.services li {background:none; float:left; display:block; margin:0 0 20px 0; padding:0;}
#content ul.services li img {float:left; margin:0 20px 0 0;}

/* STYLES FOR COLUMNS */
#content #main-box .large-col {width:650px; padding-right:20px; border-right:1px solid #696969; float:left;}
#content #main-box .large-col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #main-box .large-col #solutions {float:left; width:270px; margin:10px 35px 0 0;}
#content #main-box .large-col #services {float:left; width:270px; margin:10px 0 0;}
#content #main-box .large-col #services h2 {padding-left:10px;}

#content #main-box .large-col-home {width:580px; padding-right:20px; border-right:1px solid #696969; float:left;}
#content #main-box .large-col-home:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #main-box .large-col-home #solutions {float:left; width:270px; margin:10px 35px 0 0;}
#content #main-box .large-col-home #services {float:left; width:270px; margin:10px 0 0;}
#content #main-box .large-col-home #services h2 {padding-left:10px;}


#content #main-box .small-col {width:230px; float:right;}
#content #main-box .small-col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #main-box .small-col ul.news {margin:0;}
#content #main-box .small-col ul.news li {background:none; float:left; display:block; margin:0 0 48px 0; padding:0;}
#content #main-box .small-col ul.news li.last {margin:0;}
#content #main-box .small-col ul.news li img {float:left; width:109px; height:109px;}
#content #main-box .small-col ul.news li p {margin: 0 0 0 20px; float:left; width:140px;}
#content #main-box .small-col ul.news li p.date {color:#494949; margin:0 0 0 20px; float:left;}
#content #main-box .small-col ul.news li h3 {float:left; font-size:1.4em; margin:5px 0 0 20px; width:170px;}
#content #main-box .small-col ul.news li a.read-more {width:76px; height:24px; background:url(../_img/read-more.png) no-repeat; padding:8px 0 0 10px; display:inline-block; margin:4px 0 0 20px;}

#content #main-box .small-col-home {width:300px; float:right;}
#content #main-box .small-col-home:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #main-box .small-col-home ul.news {margin:0;}
#content #main-box .small-col-home ul.news li {background:none; float:left; display:block; margin:0 0 48px 0; padding:0;}
#content #main-box .small-col-home ul.news li.last {margin:0;}
#content #main-box .small-col-home ul.news li img {float:left; width:109px; height:109px;}
#content #main-box .small-col-home ul.news li p {margin: 0 0 0 20px; float:left; width:140px;}
#content #main-box .small-col-home ul.news li p.date {color:#494949; margin:0 0 0 20px; float:left;}
#content #main-box .small-col-home ul.news li h3 {float:left; font-size:1.4em; margin:5px 0 0 20px; width:170px;}
#content #main-box .small-col-home ul.news li a.read-more {width:76px; height:24px; background:url(../_img/read-more.png) no-repeat; padding:8px 0 0 10px; display:inline-block; margin:4px 0 0 20px;}

#content #main-box .full-col {width:920px; float:left;}
#content #main-box .full-col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #main-box .full-col ul li {margin:0 0 8px 0;}

#content #main-box .full-col #solutions {float:left; width:270px; margin-right:35px;}
#content #main-box .full-col #services {float:left; width:270px;}
#content #main-box .full-col #services h2 {padding-left:10px;}
#content #main-box .full-col h3 {line-height:1.3em;}

#content #main-box #img-gallery {float:right; width:390px; margin:0 0 20px 20px;}
#content #main-box #img-gallery img {border:1px solid #89B700;}
#content #main-box #img-gallery ul li {float:left; background:none; margin:0; width:100px; }

/* STYLES FOR ABOUT COLUMNS */
#content #main-box .about-large-col {width:580px; float:right;}
#content #main-box .about-large-col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#content #main-box .about-large-col #solutions {float:left; width:270px; margin-right:35px;}
#content #main-box .about-large-col #services {float:left; width:270px;}
#content #main-box .about-large-col #services h2 {padding-left:10px;}
#content #main-box .about-large-col ul.inline-list {margin:0; width:580px;}
#content #main-box .about-large-col ul.inline-list li p {margin: 0 0 0 20px; float:left; width:140px;}
#content #main-box .about-large-col ul.inline-list li {background:none; float:left; margin:20px 10px 25px 0; padding:0; width:270px; height:120px;}
#content #main-box .about-large-col ul.inline-list li img {float:left; width:109px; height:109px;}
#content #main-box .about-large-col ul.inline-list li p.date {color:#494949; margin:0 0 0 20px; float:left;}
#content #main-box .about-large-col ul.inline-list li h3 {float:left; font-size:1.4em; margin:0 0 0 20px; display:block; width:120px;}
#content #main-box .about-large-col ul.inline-list li a.read-more {width:76px; height:24px; background:url(../_img/read-more.png) no-repeat; padding:8px 0 0 10px; display:inline-block; margin:4px 0 0 20px;}

#content #main-box .about-small-col {width:300px; padding-right:20px; float:left; border-right:1px solid #fff;}
#content #main-box .about-small-col h3 { line-height:1.4em;}
#content #main-box .about-small-col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #main-box .about-small-col ul.news {margin:0;}
#content #main-box .about-small-col ul.news li {background:none; float:left; display:block; margin:0 0 25px 0; padding:0;}
#content #main-box .about-small-col ul.news li img {float:left; width:109px; height:109px;}
#content #main-box .about-small-col ul.news li p.date {color:#494949; margin:0 0 0 20px; float:left;}
#content #main-box .about-small-col ul.news li p {margin: 0 0 0 20px; float:left; width:140px;}
#content #main-box .about-small-col ul.news li h3 {float:left; font-size:1.4em; margin:0 0 0 20px; width:170px;}
#content #main-box .about-small-col ul.news li a.read-more {width:76px; height:24px; background:url(../_img/read-more.png) no-repeat; padding:8px 0 0 10px; display:inline-block; margin:4px 0 0 20px;}

/* STYLES FOR CONTACT FORM */
#map {width:390px; float:right;}
#map iframe {border:1px solid #89B700; width:390px; height:370px;}

#contact-form {width:465px; float:left;}
#contact-form form {margin-top:20px;}
#contact-form fieldset.leftform{float:left;}
#contact-form fieldset.rightform{float:right;}
#contact-form legend {display:none;}
#contact-form input.text { background:#fff; display:block; margin:3px 0 10px 0 ; width:220px; border:1px solid #89B700; height:27px;}
#contact-form textarea { display:block; background:#fff; margin-top:4px; width:220px; border:1px solid #89B700; height:85px;}
#contact-form label { color:#494949;}
#contact-form input.submit {margin:10px 0 0; width:222px; border:1px solid #494949; background:#89B700; height:27px;}

/* STYLES FOR FOOTER */
#footer { background:url(../_img/footer-bg.png) no-repeat; width:930px; height:234px; margin:5px 0 0; padding:20px;}
#footer .footer-col {float:left; margin:0 20px 0 0; width:145px}
#footer .footer-col h2 {color:#fff; font-weight:bold; font-size:1.4em; margin:0 0 15px 0;}
#footer .footer-col ul li { border-top:1px solid #2e2e2d; padding:5px 0;}
#footer .footer-col ul li a {color:#909090;}
#footer .footer-col ul li a:hover {color:#89B700;}
#footer .last {margin:0;}

#footer .footer-col-wide {float:left; margin:0 20px; width:465px}
#footer .footer-col-wide h2 {color:#fff; font-weight:bold; font-size:1.4em; margin:0 0 15px 0;}
#footer .footer-col-wide h3 {color:#909090; font-weight:bold; font-size:1em; margin:10px 0 5px 0;}
#footer .footer-col-wide p {}

#footer #latest-blog {float:right; width:260px;}
#footer #latest-blog h2 {font-size:2.2em; margin:0 0 20px 0;}
#footer #latest-blog p {color:#909090; margin:0 0 20px 0;}

#footer .copyright {width:928px; padding:10px 0 0; border-top:1px solid #2e2e2d; color:#2e2e2d; margin:20px 0 0; float:left;}
#footer .copyright a {color:#2e2e2d; text-decoration:none;}
#footer .copyright a:hover {color:#909090;}

