/* 

	Glue4 Technologies Ltd
	www.glue4.com

	Author: 		Ross Harvey M.Sc
	Company: 		Glue4

	Version:		1.0
	Date:			04 MAR 06

*/

* { padding: 0; margin: 0; }

body {
	text-align: center; /* 1 */
	background: #7f8790 url(../img/bg_page.gif) repeat-x top;
	font: 12px/1.2em Verdana, Tahoma, sans-serif;
	color: #111;
}



/* page structure
-------------------------------------------------------- */

#wrap_page {
	width: 908px;
	margin: 0 auto; /* 1 */
	text-align: left; /* 1 */
}

#banner {
	width: 100%;
	height: 91px;
	margin-top: 22px;
}
	/* nested */
	#banner #left,
	#banner #right {
		float: left;
		width: 454px;
		height: 91px;
		background: url(../img/banner_right.gif) no-repeat top left;
	}
	#banner #left { background: url(../img/banner_left.gif) no-repeat top left; }

#wrap_content {
	float: left;
	width: 896px;
	padding: 0 6px;
	background: url(../img/bg_faux.gif) repeat-y center;
	font-size: 90%;
}

#footer {
	clear: left;
	padding: 25px 0 5px 0;
	background: url(../img/bg_footer.gif) no-repeat top center;
	font: x-small/1em Tahoma, sans-serif;
	text-align: center;
	color: #def;
}




/* nav
-------------------------------------------------------- */


#tabs {
	float: left;
	width: 896px;
	margin: 0;
	padding-top: 10px;
	list-style: none;
	background: url(../img/bg_nav.gif) no-repeat top left;
}

#tabs ul {
  margin:0;
  padding:0;
  list-style:none;
}

#tabs li {
  float:left;
  background:url(../img/tab_left.gif) no-repeat left top;
  margin:0 0 0 10px;
  padding:0 0 0 8px;
  
}

#tabs a {
  float:left;
  display:block;
  height: 21px;
  background:url(../img/tab_right.gif) no-repeat right top;
  padding:0 16px 0 8px;
  margin: 0;
  border: none;
  font: bold 11px/21px Verdana, Tahoma;
  text-decoration:none;
  color:#5c6d97;
}

#tabs > ul a {width:auto;}
	
	/* hover and active pages */

	#default #nav-home,
	#clients #nav-clients,
	#services #nav-services,
	#tech #nav-tech,
	#partners #nav-partners,
	#news #nav-news,
	#about #nav-about,
	#contact #nav-contact,
	#press #nav-press {
	  background-position:0 -21px;
	}

	#default #nav-home a,
	#clients #nav-clients a,
	#services #nav-services a,
	#tech #nav-tech a,
	#partners #nav-partners a,
	#news #nav-news a,
	#about #nav-about a,
	#contact #nav-contact a,
	#press #nav-press a {
	  background-position:100% -21px;
	  color:#b5000e;
	}

	#tabs li:hover, #tabs li:hover a {
	  background-position:0% -21px;
	  color:#b5000e;
	}

	#tabs li:hover a {
	  background-position:100% -21px;
	}



	
/* sub nav */

#sub-nav {
	height: 26px;
	list-style: none;
	float: left;
	margin: 0; /* needed to cancel standard UL formatting */
	width: 896px;
	background: #fff url(../img/bg_sub_nav.gif) repeat-x bottom;
	border-bottom: 1px solid #fff;
}

#sub-nav li {
	float: left;
	padding: 0; /* counter normal list padding */
}

#sub-nav li a {
	float: left;
	height: 26px;
	margin-left: 1.25em;
	padding: 0 0 0 15px;
	
	background: url(../img/icon_sub_nav.gif) no-repeat center left;
	font: bold 11px/26px Verdana, Tahoma;
	text-decoration: none;
	color: #5f5f5f;
}

#sub-nav li a:hover {
	color: #000;
}




/* content layout
-------------------------------------------------------- */

#leftbar {
	clear: left;
	float: left;
	width: 204px;
	margin-bottom: 10px;
	color: #747360;
}

#flashbar-plain,	
#flashbar {
	float: left;
	width: 212px;
	margin-left: 1px;
	/*background-color: #eee;*/
	color: #666;	
}
#flashbar-plain {
    width: 192px;
    margin-top: 1em;
    padding: 0 10px 2em 10px;
    background-color: #fff;
    border-right: 1px dashed #ddd;
    text-align: center;
}

#copy2c,
#copy {
	float: left;
	width: 460px;
	margin-left: 10px;
	padding-top: 5px;
}
#copy2c {	width: 672px; }


	/* news lists */
	.newsList {
		padding: 0 10px;
		margin: 1em 0 1.5em 0;
	}


	/* pr release */
	
	.pr-release-list {
		padding-bottom: 7px;
		margin-bottom: 7px;
		border-bottom: 1px solid #d4d0be;
	}

	
	.pr-release {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #d4d0be;
	}	
	
	.download {
		padding:1em;
		margin: 1em 0 3em 1em;
		background: #ecebde url(../img/download_corner.gif) no-repeat top left;
		border-bottom: 4px solid #d4d0be;
	}



/* images
-------------------------------------------------------- */

img {
	border: none;
}

#flashbar img { padding-bottom: 1px; background-color: #fff; }



/* boxes
-------------------------------------------------------- */

.boxItem {
	float: left;
	width: 359px;
	margin-bottom: 2em;
}

.verticalSep {
	border-right: 1px solid #ccc;
}



/* lists
-------------------------------------------------------- */

ul {
	list-style-image: url(../img/icon_bullet_4.gif);
	margin: 1em 0 1em 3em;
}

ul li {
	padding: .22em 0;
}

ol {
    margin: 2em;
}

ol li {
    padding: .25em .5em;
}



/* blockquote
-------------------------------------------------------- */

blockquote {
	width: 95%;
	margin: 1em 0;
	padding: 1.5em 1em 1em 2em;
	background: #ecf2f7 url(../img/blockquote.gif) no-repeat top left;
	border-right: 1px solid #d2d8e1;
	border-bottom: 1px solid #d2d8e1;
	color: #768eb6;
}

blockquote h4 {
	margin: -1em 0 0 0;
	padding-top: 3em;
	background: url(../img/blockquote_end.gif) no-repeat top right;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 1px;
	color: #6d7883;
}


/* icons
-------------------------------------------------------- */		

.file_news_icon a, /* h */
.pdf,
.arrow,
.date {
	padding: 2px 0 2px 18px;
	margin-right: 1.5em;
	background: url(../img/icon_date.gif) no-repeat center left;	
	text-decoration: none;
}
	.file_news_icon a, /* h */
	.pdf { background: url(../img/icon_acrobat.gif) no-repeat center left; padding-left: 22px; }
	.arrow { background: url(../img/icon_arrow.gif) no-repeat center left; }
	
	.file_news_icon a:hover, /* h */
	.pdf:hover,
	.arrow:hover { color: #000; }
	
/* h: press release icon hack */



	
/* forms
-------------------------------------------------------- */

input {
	margin-bottom: .5em;
}

/* checkbox hack */

.checks input {
	float: left;
	margin: 0 .3em .4em 0;
}

.checks br {
	clear: left;
}


/* custom forms */

form.custom {
    margin: 1.5em 0;
    padding: 1em;
    background-color: #e9edf2;
    border-top: 1px solid #b7bec7;
    border-bottom: 1px solid #b7bec7;
    color: #71757a;
}

form.custom label {
    float: left;
    width: 80px;
    padding-right: 10px;
    text-align: right;
}

form.custom input,
form.custom select {
    border: 1px solid #b7bec7;
    padding: 2px;
}


/* definition lists
-------------------------------------------------------- */				
		
dl {
	margin: 1em 0;
	padding: 0 10px 10px 10px;
}

dl dt {
	margin-top: 10px;
	border-bottom: 1px solid #d4d0be;
	color: #888775;
}

dl dd {
	padding: 2px 0 2px 14px;
	margin: 0 0 4px;
	background: url(../img/icon_arrow2.gif) no-repeat center left;	
}



/* formatting
-------------------------------------------------------- */

p { padding: .6em 0; }
#leftbar p { padding: .75em 10px; }
#flashbar p { padding: .6em 5px; }

.startHidden {	display: none; }


/* custom padding */

.pad5 { padding: 5px; }
.padrl10 { padding: 0 10px; }
.padb20 { padding-bottom: 20px; }



/* 
	custom margins

	format: m(argin) [[t(op) | r(ight) | b(ottom) | l(eft)] distance (px)] [optional: neg(ative)]
	
	e.g

	mt10neg = margin-top: -10px;
	mb5 = margin-bottom: 5px;

*/


.mt10neg {
	margin-top: -10px;
}

.ml10 {
	margin-left: 10px;
}





/* headers
-------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	clear: left;
	padding: 2px 0;
	margin-bottom: .6em;
	font: 120%/1.2em "Trebuchet MS", Verdana, sans-serif;
	color: #333;	
}

h2 {
	padding-top: 1em;
	font-size: 150%;
	color: #3e62aa;
}


h3 {
	padding-top: 1em;
	color: #5b5a47;
	font-weight: bold;
	border-bottom: 1px solid #bfbeae;
}

h4 {
	padding-top: 1em;
	font-size: 100%;
	font-weight: bold;
	color: #5b5a47;
}
	.pr-release-list h4 {
		padding-top: 0;
		color: #787762;
	}
	
	/* zem IR*/
	.pr-release h1 {
		padding: 0;
		margin: 0 0 1em 0;
	}	

#left h1 { display: none; }





/* links
-------------------------------------------------------- */

a {
   /*padding: 0 .25em;*/
   text-decoration: none;
   color: #3e62aa;
}

a:hover {
   color: #000;
}

h4 a {
	color: #536D99;
}

	/* anchor */
	
	a.anc { padding: 0; }


a.top {
	float: left;
	clear: left;
	width: 98%;
	margin: 1em 0 2em 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #dedede;
	font-size: 80%;
	text-transform: uppercase;
}

#flashbar a img { padding: 0; }



/* text stuff
-------------------------------------------------------- */

.text_green {
	color: #58b947;
}

.center {
	text-align: center;
}




/* EOF */