/*
Theme Name: InterSys 2011
Description: Custom theme for InterSys.
Author: Intersys
Version: 1.4
*/

@import url("css/setup.css");

/* Main areas
================================ */
div.header,
div.nav-space,
div.nav-space-short,
div.above-content,
div.content,
div.below-content,
	div.footer-1,
	div.footer-2,
	div.footer-3,
div.wrapper-grad-1,
div.wrapper-grad-2,
div.wrapper-grey { position: relative; width: 100%; }

	div.header { height:110px; background:#fff url('images/header-grad.png') repeat-x left 56px; }
		
		a.headpic:link img, 
		a.headpic:visited img, 
		a.headpic:active img, 
		a.headpic:hover img { border-width: 0; }
		
		div.header-image { position:absolute; top:27px; left:0px; }		
		
		div.site-desc { position:absolute; top:54px; left:56px; }
			.site-desc h5 { font-size: 14px; color: #999; font-family:"arial", Arial, Helvetica, sans-serif; font-weight:700; }
		
		div.site-name { position:absolute; top:24px; left:53px; height:36px; }
			div.site-name h1 { font-size: 24px; }
		
		div.header-numbers { position:absolute; top:24px; right:0px; }
		
		div.header-contact { position:absolute; top:29px; right:220px; height:65px; width:185px; padding-left:25px; border-right:1px solid #dcdcdc; border-left:0px solid #dcdcdc; }
			.header-contact p, .header-contact h4 { margin-bottom:10px; }
		 
		div.header-links { position:absolute; top:6px; left:400px; }
			.header-links p { font-size:11px; }
		
	div.nav-space { height:310px; background:#679bda url('images/gradh-rev.png') repeat-x left -60px; /* 5288cb */ overflow:visible; }
	div.nav-space-short { height:245px; background:#679bda url('images/gradh-rev.png') repeat-x left -60px; /* 5288cb */ overflow:visible; }
	div.nav-space-vshort { height: 110px; background:#e8e8e8 url('images/gradh-revz.png') repeat-x left -60px; /* 5288cb */ overflow:visible; }
	
	div.above-content { height: 285px; border: 1px solid #ddd; border-bottom: 0px solid #ddd; margin: -255px 0 0 0; }
	
	div.content { margin-bottom: 0px; } 
		.nosliderB { margin-top:20px; margin-bottom: 20px; background: #fff; padding-top: 10px; }
		.narrowslider { margin-top:-245px; margin-bottom: 20px; background: #fff; padding-top: 15px; }	
		
/*-------------------------------
------------------------------------- */
		
	div.small-slider {
		width:648px;
		height:200px;
		border-bottom:1px solid #ddd;
		margin-top:15px;
		margin-bottom:10px;
	}
	
	div.medslider-box {
		margin-top:-195px;
		margin-bottom:15px;
		width:950px;
		height:202px;
		border:0px solid #ddd;
		
	}
		div.topright-box {
			float:right;
			width: 240px;
			height:200px;
			border:1px solid #bbb;
			background: url('images/t90dblue.png') repeat;
		}
	
	div.pageTL {
		position:absolute;
		top:180px;
		left:0;
		width:500px;
		height:120px;
		background:#fff url('images/page-tl.gif') no-repeat left top;
	}
	
	
	div.below-content {	
		/* background: #c8c8c8; */
	}
	
	/* background wraps */
	div.wrapper-grad-1 {
		background:transparent url('images/w-gradh.png') repeat-x left 106px;
		height: 100%;
	}
	div.wrapper-grad-2 {
		background:transparent url('images/w-gradh.png') repeat-x left 106px;
		height: 100%;
	}
	div.wrapper-grad-3 {
		background:transparent url('images/w-gradh.png') repeat-x left 126px;
		height: 100%;
	}


	div.wrapper-grey {
		background:#f0f0f0 url('images/w-gradh.png') repeat-x left 160px;
		border: 1px solid #eaeaea;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin: 30px auto 0px auto;		
	}
	div.pic-shadow {
		margin-left:2px;
		height:15px;
		background:url('images/pic-shadowL-dark.png') no-repeat left top;
		
	}
	div.pic-shadowR {
		width:100%;
		height:15px;
		background:url('images/pic-shadowR-dark.png') no-repeat right top;
		margin: -15px 0 4px 0;
	}

/* Inner bits n pieces
--------------------------------------------------------------------------------------------- */

div.I-wrapper-1 { 
	background:transparent url('images/w-gradh.png') repeat-x left 120px;
	height: 100%;
}
div.I-wrapper-2 {
	background:#f0f0f0 url('images/w-gradh.png') repeat-x left 160px;
	border: 1px solid #eaeaea;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 30px auto 0px auto;
}
div.I-wrapper-3 { 
	border-left: 1px solid #2e557f;
	border-right: 1px solid #2e557f;
	padding-top:15px;
	height:110px;
}
div.I-wrapper-4 { }
div.I-wrapper-5 { }


/* Columns */
/*
div.col-holder { display: table; width:100%; }

	div.column { 
		display: table-cell;
		width:25%;
	}
*/

div.col-holder { position:relative; width:100%; margin:0px 0 20px 0; border:0px solid #f00; }

	div.column { 
		
		width:24.9%;
	}


	.box { padding-top:10px; float:left;}
	.box-rh { padding-top:10px; background: url('images/cornergrad-ef2.gif') no-repeat -40px top; }
	.box-rhR { padding-top:10px; background: url('images/cornergrad-ef2.gif') no-repeat right top; float:right; }
	.box-rho { padding-top:10px; background: url('images/cornergrad-Lorange-75.gif') no-repeat right top; }
	
	.col1 { background:#005999; height:25px; float:left; }
	.col2 { background:#003b66; height:25px; float:left; }
	.col3 { background:#001e33; height:25px; float:left; }
	.col4 { background:#0087cc; height:25px; float:right; }
	.col4h { background:#f0a163; height:25px; } /* ffa944 */
	.col-grey { background:#f2f2f2; height:25px; float:left; }
	.col-greyH { background:#f2f2f2; height:25px; float:right; }
	.col-orange { background:#ffa850; }
	
	div.wh-block { position:relative; width:30px; height:100%; margin:0 0 0 auto; background:#fff; }
	
	.home-titles { font-size: 26px; }



/* Footer area
====================================== */
div.footcol-A { width:400px; height:120px; margin:25px 40px 0 0; border-right: 0px solid #376596; color:#d0d0d0; }	
div.footcol-B { width:244px; height:120px; margin:25px 0 0 0; border-right: 2px solid #376596; color:#d0d0d0; }
div.footcol-C { width:236px; height:120px; margin-top:25px; color:#d0d0d0; }

div.fourbox-wrap { position:relative; width:100%; }
	div.fourbox { float:left; width:200px; height:180px; background:#ccc url('images/w-gradh-rev.png') repeat-x left -50px; }
	.grey-box { background-color:#ccc; }
	.blue-box { background-color:#6aa0e2 }
	.orange-box { background-color:#fa9228 }
	

/* Fonts 
============================================== */
p, ul, ol { font-size:12px; font-weight:500; }
p { text-align:justify; margin-bottom:22px; }

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif; /*font-family:"trebuchet ms", Arial, Helvetica, sans-serif; */
	font-weight:700;
	color:#103664; /*color:#c4c1be;*/
}
h1 { font-size:30px; margin-bottom:10px; }
h2 { font-size:24px; }
h5 { font-size:15px; }
h6 { font-size:13px; }
	
	.content p { line-height: 18px; }
	.content h2 { margin-bottom: 4px; }
	.content h3 { margin-bottom: 8px; }
	.content h4 { margin-bottom: 8px; }
	.content h5 { margin-bottom: 4px; }
	.content h6 { margin-bottom: 4px; }

ul { list-style: none inside none; }
ol { 
	list-style-position: outside;
	line-height: 22px;
	margin-left:20px;
}
	
/* --- tick ul's */	
	ul.ticklist { list-style:square inside url('images/tick-24.png'); font-family:Arial, Helvetica, sans-serif; font-weight:700; }
	ul.ticklist-orange, 
	ul.ticklist-green { list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-weight:700; margin:18px 0 18px 0; }
	ul.ticklist-orange li, 
	ul.ticklist-green li { background-repeat:no-repeat; background-position:0px 3px; margin:0 0 4px 10px; padding-left:30px;  line-height:22px; }
	
	ul.ticklist-orange li{ background-image:url('images/tick-18-orange.png'); }
	ul.ticklist-green li{ background-image:url('images/tick-18-green.png'); }


/* --- arrow ul's */
	ul.point-green, 
	ul.point-orange { list-style-type:none; font-family:verdana, Helvetica, sans-serif; font-weight:500; margin:18px 0 28px 0; }
	ul.point-green li,
	ul.point-orange li { background-repeat: no-repeat; background-position: 0px 2px; margin:0 0 4px 30px; padding-left: 25px; line-height:19px; }
	
	ul.point-green li { background-image: url('images/list-green.png'); }
	ul.point-orange li { background-image: url('images/list-orange.png'); }


/* --- footer ul */
	.footUL { list-style-type:disc; margin:0; color:#6f94c0; /* 5e9be4 */ }
		.footUL a { color:#6faefa; }
		.footUL a:hover { color:#bdbab7; }


/* --- default a */
	a:link, 
	a:visited, 
	a:active { color:#5e9be4; text-decoration:none; outline:none; } /* 679bd9  a39f9c */
	a:hover	{ color:#b0adaa; } /* 89837c */
		a:link img, a:visited img, a:active img { border-width:0px; margin:0px; padding:2px; border-color:#ccc; outline:none; } 			
		a:hover img { border-color:#aaf; }


/* --- silver a */
	a.silver:link, 
	a.silver:visited, 
	a.silver:active { color:#b0adaa; text-decoration:none; } /* a39f9c */
	a.silver:hover	{ color:#75726f; } /* 807c79 89837c */
		a.silver:link img, a:visited img, a:active img { border-width:0px; margin:0px; padding:2px; border-color:#ccc; } 			
		a.silver:hover img { border-color:#aaf; }


/* --- top-right arrow wrap */
	div.abs1 { position:absolute; top:-1px; right:0px; }
	div.abs2 { position:absolute; top:-44px; right:0px; }
	.right-arrow { display:block; height:25px; font-size:15px; width:auto; text-align:right; background: url('images/right-arrow-orange.png') no-repeat right 0px; border:0; padding:3px 35px 0px 0px; }


/* --- Page titles */
	div.white-title { position:absolute; top:65px; left:0px; width:100%; }
	div.white-title h1 { color:#5e6b7b; font-size:23px;
	}


/* Home page specific bits
===================================== */
div.sidebar-home { float:right; margin-top:16px; margin-bottom:25px; width:236px; padding: 10px 0px 0px 0px; height:110px; border-top:1px solid #e0e0e0; background:#fff; }


/* Lines and borders
===================================== */
div.underline { width:100%; margin-top:14px; border-top:1px solid #e9e9e9; height: 15px; font-size:1px; }
div.underline-items { width:100%; border-top:1px solid #e9e9e9; height: 10px; margin-top:5px; font-size:1px; }


/* Modifiers
===================================== */
.l {	text-align: left; }
.r {	text-align: right; }
.c {	text-align: center; }
.j {	text-align: justify; }
.b { 	font-weight: 700; }
.s {	font-size: .75em;}
.sC {	font-variant:small-caps; }
.ver {	font-family: verdana, Arial, Helvetica, sans-serif; font-weight:500;  }
.treb {	font-family: "trebuchet ms", ariel, sans-serif; }
.ari {	font-family: Arial, Helvetica, sans-serif; }
.ten { font-size:10px; }
.eleven { font-size:11px; }
.twelve { font-size:12px; }
.lighter { color:#707070; }
.bigger { font-size:15px; }
.indent { margin-left:40px; }
.light { color:#ccc; }

.content .r {	text-align: right; }
.content .c {	text-align: center; }

.quotes { font-style:italic; margin:0px 0px 18px 40px; }
.Tquotes { font-style:italic; padding:5px 0px 18px 55px; background: url('images/quotes-open-80t.png') no-repeat left top; }
.TquotesSB { font-style:italic; padding:10px 0px 0px 5px; text-indent:30px; background: url('images/quotes-open-40t.png') no-repeat left top; }
.TquotesSB-close { font-style:italic; padding:8px 0px 19px 28px; background: url('images/quotes-close-40t.png') no-repeat left top; }

.fL { float: left; margin: 0px; }
.fR { float: right;  margin: 0px; }
.fLm { float: left; margin-right: 30px; }
.fRm { float: right;  margin-left: 30px; }

.mL { margin-left: 60px; }

.blue { color:#2779db; } /* 2b72c6 6aa0e2 */
.orange { color:#fa9228; }	
.dblue { color:#103664; }
.lblue { color:#76b3fb; }

.absTL { position:absolute; top:0; left:0; }
.absTR { position:absolute; top:0; right:0;}
.absBL { position:absolute; bottom:0; left:0;}
.absBR { position:absolute; bottom:0; right:0; }

.t50b { position:absolute; top:0; left:0; right:0; height:34px; background:url('images/t40b.png') repeat left top; } 
.gC { background: url('images/cornergrad-ef2.gif') no-repeat right top; }
.gCr { background: url('images/cornergrad-ef2r.gif') no-repeat left bottom; }

span.names { font-family: "trebuchet ms", Arial, Helvetica, sans-serif; }
span.numbers { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; font-size:16px; color:#004192; }
span.bignumbers { font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:15px; color:#004192; }


/* ---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

.slide1 { background:transparent url('images/branding.jpg') no-repeat center center; }
.slide-wrap { position:relative; width:100%; height:100%; }
.text-overlay { position:absolute; top:0; left:0; bottom:0; width:320px; background:transparent url('images/g60b.png') repeat right top; }


/* WP stuff
----------------------------------------- */
div.entry-content {
	position:relative;
	width:650px;
}

div.widget-area {
	float:right;
	margin-top:21px;
	margin-bottom:25px;
	width:238px;
	padding: 0px;
	min-height:400px;
	border-bottom:1px solid #e9e9e9;
	/*background:#f9f9f9;*/
	background:transparent url('images/long-g7b.png') repeat-x left bottom;
	/*background:transparent url('images/grey-bar-2.gif') no-repeat left bottom;*/
	/*-moz-border-radius: 2px;	-webkit-border-radius: 2px;*/
}
li.widget-container {
	border-top:0px solid #ddd;
	/*background:transparent url('images/long-g7b.png') repeat-x left bottom;*/
	padding:0px 10px 6px 10px;
	margin-bottom:15px;
}

#comments { width: 400px; }
.entry-meta { font-size:11px; margin-top:-5px; color:#aaa; }
.entry-utility { font-size:11px; margin-top:-10px; color:#888; }


/* ZCMail plugin
============================================== */
#zcmail form { text-align:left; max-width:600px; }
fieldset { border:0px solid #0f0; }

#zcmail .zcmail_error,
#zcmail .zcmail_success,
#zcmail textarea,
#zcmail .zcmail_text,
#zcmail input.zcmail_name,
#zcmail input.zcmail_mail,
#zcmail input.zcmail_subject { margin:0 100px 10px 0; padding:8px 16px; border:1px solid #ddd; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#333; }

#zcmail textarea { display:block; margin-top:10px; width:500px; height:200px; }
#zcmail .zcmail_text { color:#799bc4; }
#zcmail .zcmail_submit { margin:15px 0px 0px 0px; width:200px; padding:12px; }
.zcmail_error { background-color:#fcc; }
.zcmail_success { background-color:#cfc; }


/* Breadcrumbs and BCN plugin
============================================== */
div.breadcrumbs { font-size: 11px; margin-bottom:10px; }
div.breadcrumbs-foot { font-size: 13px; height:28px; margin:0px 0px 0px 0px; }
div.underline-crumbs { width:100%; margin-top:0px; border-top:1px solid #e9e9e9; height:15px; font-size:1px; }


/* Really-Simple-Slideshow jquery plugin
============================================== */
.slideshow { border:0px solid #444; height:285px; overflow:hidden; position:relative; margin:0; width:950px; background:#f0f0f0; }
.slideshow-small { border:1px solid #ccc; height:200px; overflow:hidden; position:relative; margin:0; width:648px; }
.slideshow-med { height:200px; overflow:hidden; position:relative; margin:0; width:690px; border:1px solid #bbb; background:#fff; }

.slide-container { background-color:transparent; position:absolute; height:100%; left:0; overflow:hidden; top:0; width:100%; }
	.slide-container img { position:absolute; }
	.slide-container .slide-caption { background-color:#000; bottom:0; color:#fff; display:block; left:0; padding:6px 12px; position:absolute; text-align:right; right:0; /*width: 100%;*/ filter:alpha(opacity=60);/* internet explorer */ -khtml-opacity:0.6;/* khtml, old safari */ -moz-opacity:0.6;/* mozilla, netscape */ opacity:0.6;/* fx, safari, opera */ }

.slides { display: none; }


/* Search Term high-lighter plugin
===================================== */
.hilite { color:#333333; background-color:#fff3c5; font-weight:bold } /* default */
.term-1 { background-color:#d9ffb5 } /* second search term only */
.term-2 { background-color:#c1fcff } /* third search term only */
.term-3 { background-color:#fecefc } /* fourth search term only */


/* Sitemap UL
==================================== */
ul.sitemap-wrap { list-style-type:disc; list-style-position:inside; font-size:16px; margin-bottom:50px; }
ul.sitemap-wrap li { margin:0 0 10px 0; }
ul.sitemap-wrap li li { margin:0 0 0px 0; }
ul.sitemap-wrap ul { list-style-type:disc; list-style-position:inside; font-size:13px; margin:0 0 2px 40px; }
ul.sitemap-wrap ul ul { list-style-type:disc; list-style-position:inside; font-size:11px; margin-left:40px; }
ul.sitemap-wrap li li li { margin:0 0 2px 0; }


/* Search form
============================== */
div.search-intersys label.screen-reader-text, 
div.footcol-A h3, 
div.footcol-B h3 { font:normal normal 700 15px "arial", Arial, Helvetica, sans-serif; line-height:29px; color:#c0b9b2; /* c0b9b2 d1cac4*/ }

div.search-intersys input#s { width:70%; padding:3px; font-family: 'verdana', 'Lucida Grande', 'arial', sans-serif; font-size:14px; color:#4a6382; background:#e3e6ec; border-style:none; border:2px solid #4497f7; /* 468fe4 */ border-right:none; -webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px; border-top-left-radius:6px; border-bottom-left-radius: 6px; margin:0; }

input#searchsubmit { width:auto; padding:3px 15px; font-family: 'verdana', 'Lucida Grande', 'arial', sans-serif; font-size:14px; background:#2560a8; /* 2f4f76 092b57*/ color:#CCCCCC; border:2px solid #4497f7; /* 468fe4 */ border-left:none; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; margin:0; }
input#searchsubmit:hover { background:#2f4f76; /* 264d7d */ }


/* Client list hover
============================== */
div.entry-content div.client-list { float:left; width:150px; padding:0 12px 0 0; }
div.entry-content div.client-list p { font-size: 11px; text-align:left; line-height:14px; color:#888; }
p.client-hover span { color:#679bd9; cursor:pointer; padding:3px; height:100%; }
p.client-hover span:hover { color:#b0adaa; }


/* WP-Page-Navi plugin
==================================== */
.wp-pagenavi { clear:both; font:normal normal 700 12px "arial", Arial, Helvetica, sans-serif; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration:none; border:1px solid #fff; padding:3px 5px; margin:2px; }
.wp-pagenavi a:hover { border-color:#ddd; }
.wp-pagenavi span.current { font-weight:bold; border-color:#aaa; }
.wp-pagenavi a.previouspostslink { font-size:16px; padding:0px 4px 2px 4px; }
.wp-pagenavi a.nextpostslink { font-size:16px; padding:0px 4px 2px 4px; }
.wp-pagenavi span.pages { margin-left:0px; padding-left:0px; color:#103664; }


/* Social media
==================================== */
div.socmedia {
	position:absolute;
	right:0px;
	top:3px;
	width:300px;
	border:0;
}
div.fblike { position:absolute; top:43px; right:-12px; }

table.Ctab1 {
	width:100%; 
	border-collapse:separate;
	border-spacing:5px;
	border:1px solid #c9dcf2;
}
table.Ctab1 td {
	border:1px solid #f6f6f6;
	padding:10px;
	background:#fafafa;
}


.portthumb{
	-webkit-box-shadow: 1px 1px 5px 1px #aaa;
	-moz-box-shadow: 1px 1px 5px 1px #aaa;
	box-shadow: 1px 1px 5px 1px #aaa;
}