/*
-------------------------------------------------
URI: http://www./
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none; }
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext { font:inherit; }
a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet,table { border:none; }
table { border-collapse:collapse; border-spacing:0; }
caption,th,td,center { text-align:left; vertical-align:top; }
q { quotes:; }
font { color:inherit!important; font:inherit!important; color:inherit!important; }
marquee { overflow:inherit!important; -moz-binding:none; }
blink { text-decoration:none; }
nobr { white-space:normal; }

/* end of import */
body { height:100%; text-align:center; min-width:775px; background:#fff url(../images/global/main-bg.jpg) repeat-x; }
ul { list-style:disc outside; }
ol { list-style:decimal outside; }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */
html { font-size:62.5%; font-family:Helvetica, verdana, "microsoft sans serif", helvetica, sans-serif; line-height:1.4em; color:#000; }
code,kbd,samp,pre,tt,var,input[type=text],input[type=password],textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space; }
h1 { font-size:2.3em; color:#333; margin:20px 0 70px; letter-spacing:-1px; }
h2 { font-size:2.4em; color:#F36F21; margin:20px 0 30px; }
h3 { font-size:1.2em; color:#333; margin:0 0 12px; }
h3 a,h3 a:link,h3 a:visited { color:#666; }
h3 a:hover { color:#ff6600; text-decoration:none; }
h4 { font-size:1.5em; color:#F36F21; font-weight:400; margin:0 0 12px; }
h5 { font-size:1.2em; color:#333; margin:0 0 12px; }
h6 { font-size:1.1em; color:#fff; margin:0 0 6px; }
p { font-size:1.2em; color:#333; margin:0 0 12px; line-height:1.5em; }
a { color:#F36F21; text-decoration:none; }
a:hover { color:#F36F21; text-decoration:underline; }
a:visited { color:#F36F21; }
a:active { color:#666; }
h2 a:link { color:#666; }
h2 a:hover { color:#F36F21; }
h2 a:visited { color:#333; }
ul { margin:0 0 12px; font-size:1.1em; list-style:none; }
ol { margin:0 0 12px; font-size:1.1em; }
dl { margin:0 0 12px; font-size:1.1em; }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }
address { font-size:1.1em; color:#666; float:left; clear:both; margin:10px 0 0; }
blockqoute { }
table { border-top:1px solid #ccc; border-left:1px solid #ccc; }
th,td { border-bottom:1px solid #ddd; border-right:1px solid #ccc; }
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em; }
textarea,input[type=text],select { border:1px solid #000; background:#fff; font-size:11px; color:#000; }
.largetabindent { background:url(../images/global/tab-indent.gif) no-repeat; height:18px; display:block; text-indent:23px; line-height:20px; }
.hl-or { color:#F36F21; }
.hl-gr { color:#ccc; }

/* 2.1 - index page */
h1.ttl-name { font-weight:600; letter-spacing:-1px; }
h2.ttl-select-products { }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100%; }

/* 3.2 - container */
div#container { width:960px; margin:0 auto; position:relative; text-align:left; }

/* 3.3 - header */
div#header { height:150px; width:960px; margin:0; padding:0; }
div#header #sro-logo { width:185px; height:85px; margin:25px 0 0; background:url(../images/global/sro-logo.gif) no-repeat; position:relative; float:left; }
div#header #phone { position:relative; background:url(../images/global/phone.gif) no-repeat; width:250px; height:30px; float:right; margin:50px 0 0; text-indent:35px; padding:0; color:#ccc; font-size:2em; font-weight:600; line-height:1.2em; }
#primary-navigation { float:right; margin:23px 0 0; padding:0; width:720px; }

/* CSS 2.1 */
#primary-navigation #home-btn a { background:url(../images/global/home-btn.gif) no-repeat; width:105px; height:39px; text-indent:-3000em; margin:0; padding:0; display:block; }
#primary-navigation #home-btn a:hover,#primary-navigation #home-btn .active { background:url(../images/global/home-btn-hover.gif) 0 0 no-repeat; }
#primary-navigation #maximo-btn a { background:url(../images/global/maximo-btn.gif) no-repeat; width:104px; height:39px; text-indent:-3000em; margin:0; padding:0; display:block; }
#primary-navigation #maximo-btn a:hover,#primary-navigation #maximo-btn .active { background:url(../images/global/maximo-btn-hover.gif) 0 0 no-repeat; }
#primary-navigation #solutions-btn a { background:url(../images/global/solutions-btn.gif) no-repeat; width:102px; height:39px; text-indent:-3000em; margin:0; padding:0; display:block; }
#primary-navigation #solutions-btn a:hover,#primary-navigation #solutions-btn .active { background:url(../images/global/solutions-btn-hover.gif) 0 0 no-repeat; }
#primary-navigation #services-btn a { background:url(../images/global/services-btn.gif) no-repeat; width:102px; height:39px; text-indent:-3000em; margin:0; padding:0; display:block; }
#primary-navigation #services-btn a:hover,#primary-navigation #services-btn .active { background:url(../images/global/services-btn-hover.gif) 0 0 no-repeat; }
#primary-navigation #news-btn a { background:url(../images/global/news-btn.gif) no-repeat; width:103px; height:39px; text-indent:-3000em; margin:0; padding:0; display:block; }
#primary-navigation #news-btn a:hover,#primary-navigation #news-btn .active { background:url(../images/global/news-btn-hover.gif) 0 0 no-repeat; }
#primary-navigation #clients-btn a { background:url(../images/global/clients-btn.gif) no-repeat; width:102px; height:39px; text-indent:-3000em; margin:0; padding:0; display:block; }
#primary-navigation #clients-btn a:hover,#primary-navigation #clients-btn .active { background:url(../images/global/clients-btn-hover.gif) 0 0 no-repeat; }
#primary-navigation #contact-btn a { background:url(../images/global/contact-btn.gif) no-repeat; width:97px; height:39px; text-indent:-3000em; margin:0; padding:0; display:block; }
#primary-navigation #contact-btn a:hover,#primary-navigation #contact-btn .active { background:url(../images/global/contact-btn-hover.gif) 0 0 no-repeat; }
#primary-navigation #solutions-btn ul { }
#primary-navigation #solutions-btn ul li a { background-image:none; font-size:11px; text-indent:20px; width:180px; height:25px; line-height:23px; text-decoration:none; margin:1px 0 0 0; }
#primary-navigation #solutions-btn ul li a:hover { background:#ff6600; color:#000; text-decoration:none; }
#dropdown,#dropdown ul { padding:0; margin:0; list-style:none; }
#dropdown li { float:left; position:relative; padding:0; margin:0; }
.subuls { display:none; width:180px; position:absolute; top:30px; left:0; background: url(../images/global/navback.png); }
#dropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */top:auto; left:5px; }
#dropdown li:hover ul,li.over ul { /* lists nested under hovered list items */display:block; }

/* 3.4 - content */
div#content { background:#fff; }

/* 3.5 - primary content */
div#primary-content { background:#fff; padding:10px 10px 20px; width:960px; text-align:left; }
div#primary-content .threecolumnleft { width:285px; margin:0 40px 0 0; float:left; }
div#primary-content .fourcolumnleft { width:240px; margin:0; float:left; }
div#primary-content .threecolumnmiddle { width:285px; margin:0 40px 0 0; float:left; }
div#primary-content .threecolumnright { width:285px; float:right; }
div#primary-content .twocolumnleft { width:620px; margin:0 40px 0 0; float:left; }
div#primary-content .latestnewsfull { width:860px; float:left; }
div#primary-content .latestnewsleft { width:460px; float:left; }
div#primary-content .latestnewsright { width:460px; float:right; margin:0; }
div#primary-content #latestnews { width:260px; background:url(../images/global/side-latestnews-back.gif); display:block; margin-top:-3px; padding:10px 15px; color:#fff; }
div#primary-content .newsstory { display:block; padding:0 0 20px; }
div#primary-content #latestnewstop { width:290px; height:10px; background:url(../images/global/side-latestnews-top.gif) no-repeat; display:block; clear:both; margin:20px 0 0; padding:0; }
div#primary-content #latestnewsbottom { width:290px; height:10px; background:url(../images/global/side-latestnews-bottom.gif) no-repeat; display:block; clear:both; }
div#primary-content #latestnews .newsitem-middle { padding:0 0 10px; margin:20px 0 0; border-bottom:solid 1px #333; }
div#primary-content #latestnews .newsitem { padding:0 0 10px; margin:20px 0 0; }
div#primary-content #accordian { width:290px; background:url(../images/global/side-latestnews-back.gif); display:block; margin-top:-3px; color:#fff; }
div#primary-content #accordian li .title {margin: 0 0 10px 0; font-weight: bold; color:#F36F21 }
div#primary-content #latestnews #accordian { margin:20px 0 0; color:#fff; }
div#primary-content .twocolumnleft ul { margin:0 0 12px; list-style:none; }
div#primary-content .twocolumnleft ul li { color:#333; line-height:1.8em; padding:0 0 0 20px; font-size:1.1em; background:url(../images/global/tick.gif) no-repeat; }
div#primary-content #clientlogos { width:100%; border:0; }
div#primary-content #clientlogos td { border:0; text-align:center; }
div#primary-content .threecolumnleft ul li,div#primary-content .threecolumnmiddle ul li { font-size:1.1em; color:#333; margin:0 0 12px; line-height:1.4em; }
div#primary-content #contacttop { width:960px; height:250px; margin:80px 0 30px; }
div#primary-content #map { width:780px; height:250px; background:#fff; float:left; }
div#primary-content #replication-flash { width:380px; height:250px; display:block; float:right; }

/* 3.6 - secondary content */

/* 3.7 - tertiary content */
div#tertiary-content { }

/* 3.8 - footer */
div#footer { border-top:solid 1px #ccc; margin:60px 0 0; padding:20px 0 0; clear:both; }
#footer ul { float:left; list-style:none; }
#footer li { float:left; padding:0 40px 0 0; font-size:110%; font-weight:500; letter-spacing:-1px; }
#footer a { color:#666; text-decoration:none; }
#footer a:hover { color:#ff6600; }
#footer .footeraddress { float:left; clear:left; margin:20px 0 0; }

/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none; }
ul#skiplinks a,ul#skiplinks a:hover,ul#skiplinks a:visited { position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden; }
ul#skiplinks a:active,ul#skiplinks a:focus { position:static; width:auto; height:auto; }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/*5.1 - jQuery accordian*/
#navigation { margin:0; padding:0; text-indent:0; width:288px; }
#accordian h4 { padding:15px; font-size:1.2em; }
#navigation h5.head { cursor:pointer; background:url(../images/global/sidebar-plus.gif) no-repeat; color:#FFFFFF; display:block; font-weight:bold; font-size:1em; font-weight:normal; height:25px; line-height:25px; border:none; width:285px; margin:0 0 0 2px; padding:0; text-indent:25px; }
#navigation h5 { color:#fff; }
#navigation h5.selected { background:url(../images/global/sidebar-hover.gif) no-repeat; color:#333; font-weight:600; }
#navigation h5.current { background-color:#FFFF99; }
#navigation ul { border-width:0; margin:0; padding:0; text-indent:0; height:250px; }
#navigation li { list-style:none outside none; display:inline; }
#navigation li li { line-height:16px; padding:0 6px 0 14px; display:block; font-size:.9em; margin-top:6px; color:#fff; }
#navigation li li a:hover { color:#ff6600; text-decoration:underline; }

/*5.2 - jQuery tooltip*/
p#vtip { display:none; position:absolute; padding:10px; left:5px; font-size:1em; font-weight:600; background-color:white; border:1px solid #F36F21; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:9999; }
p#vtip #vtipArrow { position:absolute; top:-10px; left:5px; }

/* 5.3 - SEO */
ul#basewords { list-style:none; border-top:solid 1px #ccc; margin-top:20px; padding:20px 0 }
ul#basewords li { float:left; color:#666; margin-right:20px }
ul#basewords strong { font-weight:normal }

div#basescript { margin-top:20px; padding-top:20px  }

/* -----------------
6. USEFUL CLASSES
---------------- */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.footerclear {height: 400px}
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px; }
.la { text-align:left; }
.ra { text-align:right; }
.ca { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }
.nb { border:0 none; }