/* =SiteWide */
body { background:#3F3F3F url(../graphics/carbon-fibre.png); background-attachment:fixed; margin:0; padding:0; text-align:center; font-size:75%; font-family:"Lucida Grande",Geneva, Arial, sans-serif; color:#3f3f3f; }

/* =PageBody */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { font-weight: bold; font-size: 12px; color: #004080; text-decoration:none;}
a:hover { color:#A30000; text-decoration: none;}
a img {	border:none;}

#container { position:relative; margin:0px auto; padding:0; background:#3F3F3F; text-align:left;
border-right:5px solid #3F3F3F;
border-left:5px solid #3F3F3F;
width:750px;
voice-family: "\"}\"";
voice-family:inherit;
width:700px;
}
body#home #container {background:#fff url(/resources/img/bg_content_home.gif) repeat-y 205px 0px;}
body#inside #container {background:#fff url(/resources/img/bg_content_inside.gif) repeat-y 205px 0px;}

/* =Cosmetic */
.hide {	position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
img.alignright { margin: 0 0 0 8px !important; }
.margin-none { margin:0;}
.seperator {clear:both; height:1px; width:700px;}
body#inside .single_page .p-large, body#inside #photo_gallery .p-large {font-size:1.5em; color:#333;}
strong { color: #333; }

p, ul, td, th, label, input, select { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.0em; line-height:1.4em; margin:0 0 1em 0; }

h1 { font-size:1.6em; margin:3em 0em 0em 13em; color:#A30000; }
h2 { font-size:1.6em; color:; }
h3 { font-size:1.2em; color: #0080ff; margin:0; text-transform:uppercase; }
h4 { font-size:1.2em; color:#000; margin: 0.3em 0 0 0; }

/* =Lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Masthead */
#masthead { background:#F0EBD4 url(../graphics/masthead.gif) no-repeat bottom left; top:inherit; position:relative; font-family:"Lucida Grande",Geneva, Arial, sans-serif; color:#6E9133 }

/* =Header */
#sitemagnify-header { background:url(../graphics/sitemag-header.png) no-repeat top left; padding:0; margin:0; position:relative;}
#sem-header  { background:url(../graphics/sitemag-sem-header.png) no-repeat top right; padding:0; margin:0; position:relative;}
#wa-header  { background:url(../graphics/sitemag-wa-header.png) no-repeat top right; padding:0; margin:0; position:relative;}
#bi-header  { background:url(../graphics/sitemag-bi-header.png) no-repeat top right; padding:0; margin:0; position:relative;}
#lp-header  { background:url(../graphics/landing-page.png) no-repeat top right; padding:0; margin:0; position:relative;}

/* =Navbar */
#navbar { background:#004080 url(../resources/img/navbar.gif) repeat-y; overflow:hidden; display:block; position:absolute; top:83px; left:0px; width:700px; height: 40px; padding: 0; clear:both;}
#navbar li { line-height: -2; }
#navbar a { color: #fff; text-decoration:none; padding: 0px 0px 0px 20px; margin:0; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; font-weight:600;}
#navbar a:hover, #navbar a.current { text-decoration:underline; color:#ffffff;}
#navbar-1 a, #navbar-2 a, #navbar-3 a, #navbar-4 a, #navbar-5 a, #navbar-6 a, #navbar-7 a { color:#fff;}


/* Page Design */
/* Three Column */
#two-col-1st, #subtwo-col-1st { float:left;}
#two-col-2nd, #subtwo-col-2nd { float:left;}
#two-col-1st {width:205px; background-color: #e6e6e6;}
#two-col-2nd {width:495px;}
#subtwo-col-1st {width:310px; background:#ffffff;}
#subtwo-col-2nd {width:182px; padding:15px 0px 0px 0px; background:#ffffff;}
#photo_gallery { width:470px; background:#EDEADB; }
#photo_gallery { float:left;}

body#inside #subtwo-col-1st {width:330px; background:#edeadb;}
body#inside #subtwo-col-2nd {width:165px; background:#d5d1bc;}

/* =Content */
#content { margin:0; padding:0px; background-color:#ffffff; border-top:1px solid #fff; }
#main-bodytext { padding:15px;}
#main-bodytext h2 { padding:0px; text-transform: uppercase; }
#content-inside-h h1 { background:#999; padding:15px; color:#fff; text-transform:none; margin:0; font-size:2.5em; font-weight:normal;}
#content-inside-h h2 { background:#999; padding:0px; color:#A30000; text-transform:none; margin:0; font-size:2.5em; font-weight:normal;}
#content-bodytext ul { margin: 3px 0 12px 10px; padding: 0 0 0 10px; }

#content-bodytext table { border: none; padding: 0; clear: both; }

#main-bodytext { padding:15px 20px;}
#main-bodytext h2 { font-size:1.2em; color:#A30000; }
.main-large {font-size:1.5em; color:#48463f; font-weight: normal; }
.main-small {font-size:0.9em; color:#48463f; font-weight: normal; }
#main {text-align:center; padding-top:3px;}

/* Landing Page */
#landing-body h1 { font-size:1.9em; margin:0.4em 0em 0em 9em; color:#A30000; }
#landing-body p { color:#000; margin:0em 0em 0em 1em; font-size:1em;}
#landing-body li { line-height:1.4em; font-size:1em;}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 235px;
 width: 110px;
 float: left;
}
#content-lp { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 235px;
 width: 410px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 height: 235px;
 width: 110px;
 float: left;
}
#footer-lp { background:#666; width:700px; margin:0; padding:5px 0 0 0; clear:both; border-top:1px solid #fff;}
#footer-lp a, #footer a:visited { color:#ccc; margin:0; text-decoration:none;}
#footer-lp a:hover { color:#999;}
#footer-lp p { color:#999; padding:0 0 18px 20px; margin:0;}


/* Landing Page ROI */
#landing-roi h2 { font-size:3em; font-family:Times ,Geneva, Arial, sans-serif; color:#000000; }
#wrapper-roi { 
 margin: 0 auto;
 width: 800px;
}
#header-roi {
 color: #333;
 width: 790px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #BD9C8C;
}
#leftcolumn-roi { 
 color: #333;
 border:0px solid #ccc;
 background:url(../graphics/bear-market.gif);
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 600px;
 float: left;
}
#rightcolumn-roi { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 120px;
 float: left;
 position: relative;
}
#leftcol-text-roi {  text-align: justify; padding: 0 0 5px 80px; }
#leftcol-text-roi h1 { font-size:1.4em; margin:0em 2em 0em 0em; color: #ee1a29; }
#leftcol-text-roi a { font-size:2em; margin:0em 1.25em 0em 0em; color:#406618; float: right }


#soft-join-roi { padding: 0px 0; }
#soft-join-roi h3 {color:#333333; text-transform:none; margin: 0 0 5px 20px;}
#soft-join-roi .input-news {width:115px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join-roi .input-submit {background:#668C1A; border:1px solid #5E8217; padding:3px; color:#fff; margin: 0 0 5px 20px;}
#soft-join-roi textarea {width:115px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join-roi label { color: #333333; margin: 0 0 5px 20px; }
#soft-join-roi input:focus { background: #ffffff; }


/* Landing Page KPI */
#landing-kpi h2 { font-size:3em; font-family:Times ,Geneva, Arial, sans-serif; color:#000000; background: #FFFFFF; }
#wrapper-kpi { 
 margin: 0 auto;
 width: 800px;
}
#header-kpi {
 color: #333;
 width: 790px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #BD9C8C;
}
#leftcolumn-kpi { 
 color: #333;
 border:0px solid #ccc;
 background:url(../graphics/client-clamp.gif);
 background-repeat: no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 600px;
 float: left;
}
#rightcolumn-kpi { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 120px;
 float: left;
 position: relative;
}
#leftcol-text-kpi {  text-align: justify; padding: 0 0 5px 80px; background: #FFFFFF; }
#leftcol-text-kpi h1 { font-size:1.4em; margin:0em 2em 0em 0em; color:#A30000; }
#leftcol-text-kpi a { font-size:2em; margin:0em 1.5em 0em 0em; color:#406618; float: right }

#soft-join-kpi { padding: 0px 0; background: #FFFFFF; }
#soft-join-kpi h3 {color:#333333; text-transform:none; margin: 0 0 5px 20px;}
#soft-join-kpi .input-news {width:115px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join-kpi .input-submit {background:#668C1A; border:1px solid #5E8217; padding:3px; color:#fff; margin: 0 0 5px 20px;}
#soft-join-kpi textarea {width:115px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join-kpi label { color: #333333; margin: 0 0 5px 20px; }
#soft-join-kpi input:focus { background: #ffffff; }

/* Landing Page Cost */
#landing-cost-body h1 { font-size:2em; margin:0.4em 0em 0em 10em; color:#406618; }
#landing-cost-body p { color:#000; margin:0em 0em 0em 1em; font-size:1em;}
#landing-cost-body li { line-height:1.4em; font-size:1em;}
#leftcolumn-lpc { 
 color: #333;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1260px;
 width: 315px;
 float: left;
}
#content-lpc { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1260px;
 width: 5px;
 display: inline;
}
#rightcolumn-lpc { 
 color: #333;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1260px;
 width: 310px;
 float: left;
}
#soft-join-lpc { padding: 0px 0; }
#soft-join-lpc h3 {color:#333333; text-transform:none; margin: 0 0 5px 20px;}
#soft-join-lpc .input-news {width:115px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join-lpc .input-submit {background:#668C1A; border:1px solid #5E8217; padding:3px; color:#fff; margin: 0 0 5px 20px;}
#soft-join-lpc textarea {width:115px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join-lpc label { color: #333333; margin: 0 0 5px 20px; }
#soft-join-lpc input:focus { background: #ffffff; }
#footer-lpc { background:#666; width:700px; margin:0; padding:5px 0 0 0; clear:both; border-top:1px solid #fff;}
#footer-lpc a, #footer a:visited { color:#ccc; margin:0; text-decoration:none;}
#footer-lpc a:hover { color:#999;}
#footer-lpc p { color:#999; padding:0 0 18px 20px; margin:0;}


/* =SoftJoin */
#soft-join { background-color: white; padding: 20px 0; }
#soft-join h3 {color:#333333; text-transform:none; margin: 0 0 5px 20px;}
#soft-join .input-news {width:150px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join .input-submit {background:#668C1A; border:1px solid #5E8217; padding:3px; color:#fff; margin: 0 0 5px 20px;}
#soft-join textarea {width:150px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join label { color: #333333; margin: 0 0 5px 20px; }
#soft-join input:focus { background: #ffffff; }
#soft-join p, #soft-join a { color:#333333;}
#soft-join p { margin-left: 20px; margin-bottom: 10px;}

#soft-join-inside .input-news {width:150px; background:#ffffff; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 0;}
#soft-join-inside .input-submit {background:#EDEADB; border:1px solid #5E8217; padding:3px; color:#000; margin: 0 0 5px 0;}
#soft-join-inside input:focus, #soft-join-inside textarea:focus, #soft-join-inside label:focus { background: #EDEADB; border: 1px solid #686868; }



/* Preview */
.preview { padding:15px 10px 15px 20px;}
.preview h3 {margin-bottom:10px;}
.preview h3 a { color:#000; }
.preview img {padding:1px; border:1px solid #A8A196; margin-bottom:5px;} 

#two-col-1st .pic-container {padding: 10px 10px 15px 19px;}
.pic-container {padding: 10px;}
.pic-container-caption {margin:0 10px 10px 10px; padding:5px; background:#eae7d9; color:#666; font-size:0.9em;}

img.lh-column { margin: 0 auto 4px auto; border: 1px solid #ccc; padding: 1px; }

/* =Footer */
#footer { background:#666 url(../graphics/sitemag_footer.gif) no-repeat top center; width:700px; margin:0; padding:60px 0 0 0; clear:both; border-top:1px solid #fff;}
#footer a, #footer a:visited { color:#ccc; margin:0; text-decoration:none;}
#footer a:hover { color:#999;}
#footer p { color:#999; padding:0 0 18px 20px; margin:0;}

/* =Contact */
#contact p { color:#000; margin:2em 0em 0em 10.75em; font-size:2.2em;}

/* =Site-Map */
#site-map p { color:#000; margin:1em 0em 0em 20em; font-size:1.15em;}

/* =Lightbox styles */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../graphics/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../graphics/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px "Lucida Grande",Geneva, Arial, sans-serif #333;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* =Elevator Statement */
#elevator {padding:0 20px 15px 20px; margin-bottom:15px;}
#elevator h3 {text-transform:none; color:#000;}
#elevator p {color:#333;}
#elevator p.date {color:#999;}
#elevator .latest-news-article {border-bottom:1px dotted #AEA57E; padding-bottom: 15px; margin-bottom: 15px;}

ul.ec3_elevator { list-style: none; margin: 0; padding: 0; }
ul.ec3_elevator ul { list-style: none; margin: 0; padding: 0; }
ul.ec3_elevator li { color: #333 !important; font-weight: bold !important; border-bottom:1px dotted #AEA57E; padding-bottom: 15px; margin-bottom: 15px; }
ul.ec3_elevator li li { font-weight: normal !important; border-bottom: none; padding-bottom: 0; margin-bottom: 0; }


/* Ajax effects */
.open { text-decoration: underline; }
.open-nav { text-decoration: underline; }
.open:hover { cursor: pointer; text-decoration: none; }


p.open, dt.open { color: #fff; text-decoration: none; cursor: pointer; }
p.open-nav, dt.open-nav { color: #333; text-decoration: none; cursor: pointer; }
p.open:hover, dt.open:hover { color: #fff; cursor: pointer; text-decoration: underline; }
p.open-nav:hover, dt.open-nav:hover { color: #333; cursor: pointer; text-decoration: underline; }
.dloptions {
        margin-top: .4em;
        padding-top: .6em;
        overflow: hidden;
}