/*
	CSS Style Definitions for
	developed by Stefan Isarie & Tom Lwis - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
.linenews { background: url(../images/news_line.gif) repeat-x; }
html, body{ margin:0; padding:0; background-color: #000; font: 0.83em Verdana, Arial, Helvetica, sans-serif; text-align: center; color: White; }
#page-container{ width: 770px; margin: 0 auto; text-align: left;  }
	#header{ height: 79px; overflow: hidden; border-bottom: solid 1px #9d9d9d; background: url(../images/corporate/bg-header.jpg) no-repeat; }
		#header h1{width: 327px; margin: 0; padding: 0; }
		#header #pager{ position: relative; float:right; width: 460px; text-align: right; }
		#header #pager h2{ margin-right: 6px; padding-top: 7px; }
		#header ul{ position: absolute; top: 48px; right: 0; list-style: none; margin: 0; padding: 0; height: 23px; overflow: hidden; }
		#header ul li{ display: inline; float: left; background-color: #e94849; padding: 5px 10px; margin-right: 6px; }
		#header ul li a { color: White; font-size: 7.5pt; text-decoration: none; background: url("../images/common/arrow-red.gif") no-repeat left center; font-weight: bold;  padding-left: 11px; }
	#navigator{}
	#content{ position: relative; min-height: 410px; }
	* html #content{ height: 410px; }
	.half{background: url("../images/common/bg-content-half.gif") top left repeat-y; }
		.half .inside { padding-bottom: 2em !important; }
	.third{background: url("../images/common/bg-content-third.gif") top left repeat-y; }
		#clients{ float: left; width: 240px; }
			#clients .thumbs { list-style: none; margin: 0; padding: 0; }
			#clients .thumbs li { float: left; width: 50%; margin-bottom: 4px; height: 79px; background: url("../images/corporate/bg-client-thumb.gif") top center no-repeat; text-align: center; }
			#clients .thumbs li img { margin-top: 6px; }
		#client{ float: left; width: 530px; }
			#client .inside{ padding-right: 0px; }
			#client .photo-thumbs { list-style: none; margin: 0; padding: 0; }
			#client .photo-thumbs li { float: left; }
			#client .photo-thumbs img { display: block; margin: 0 4px 4px 0; }
			#client .photo-thumbs li.last img { margin-right: 0; }
		#left-side{ float: left; width: 50%; }
		#right-side{ float: right; width: 50%; }
		.paging { position: absolute; bottom: 0; left: 0; clear: both; list-style: none; margin: 0; width: 746px; padding: 0 12px;}
		.paging li { display: inline; float: left; margin: 0 2px; padding-left: 6px; background: url("../images/common/bg-tab-left.gif") top left no-repeat; }
		.paging li.opposite { float: right; }
		.paging li a, .paging li span { display: block; padding: 3px 20px 3px 14px; background: url("../images/common/bg-tab-right.gif") top right no-repeat; text-decoration: none; color: White; font-weight: bold; }
		.paging li span { font-weight: normal; }
	#footer{ border-top: solid 1px #9d9d9d; width: 770px; float:left; padding: 8px 0; font-size: 92%; text-align:center; }
		#footer p{ padding: 8px 0 0 0; background: url("../images/common/gradient-red.gif") no-repeat top center; color: #b0b0b0; margin:8px 0 0 0; }
		#footer p a{ color: #d8d8d8; text-decoration: none; }
		#footer ul{ display: inline; margin:0; padding:0; }
		#footer ul li{ display: inline; margin:0; padding:0 0 0 16px; border-left: 1px solid #5d5d5d; }
		#footer ul li.first{ border-left: none; }
		#footer ul li a{ color: #fff; text-decoration: none; background: url("../images/common/arrow-gray.gif") no-repeat left center; margin: 0 16px 0 0; padding-left: 8px; }


.tab {
float: left; width: 169px; height: 29px; margin-right: 2px; background: url(../images/corporate/tab_dark.gif) no-repeat;
}
.tabsel {
float: left; width: 169px; height: 29px; margin-right: 2px; background: url(../images/corporate/tab_light.gif) no-repeat;
}
/* site wide elements */
.inside{ padding:12px; }
.inside-tighter { padding: 5px; }

p{ margin: 0; padding: 5px 0; }

h2{ margin: 0; padding: 0; font-family: "Trebuchet MS", sans-serif; color: White; font-size: 200%; }
h2.grad-left{ padding-bottom: 5px; background: url("../images/common/gradient-dark-left.gif") bottom right no-repeat; }
h2.grad-right{ padding-bottom: 5px; background: url("../images/common/gradient-dark-right.gif") bottom left no-repeat; }

h3{ margin: 0; padding: 0 0 5px; font-size: 152%; }
h4{ margin: 0 0 5px; padding: 2em 0 5px; background: url("../images/common/gradient-dark-right-long.gif") bottom left no-repeat; font-size: 1em; }
h4 span{ float: right; font-weight: normal; }

h5{margin: 0 0 5px; padding: 0 0 5px; background: url("../images/common/gradient-dark-right-longer.gif") bottom left no-repeat; font-size: 122%; color: #e73839; }


/* clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.video_box {
	width: 248px;
	height: 235px;
	background: url(../images/corporate/video_box.gif) no-repeat;
	background-repeat: no-repeat;
}
.photo_box {
	padding-bottom:-10px;
	width: 140px;
	height: 98px;
	background: url(../images/corporate/photo_box.gif) no-repeat;
	background-repeat: no-repeat;
	overflow:hidden;
	margin: 5px;
}
.phb_in {
	height:90px;
	overflow:hidden;
}
	#video_menu{ height: 23px; overflow: hidden; border-bottom: solid 1px #9d9d9d; }
		#video_menu h1{ width: 327px; margin: 0; padding: 0; }
		#video_menu #pager{ position: relative; float: left; background: url(../images/corporate/video_bar.gif) repeat; width: 760px; height: 23px; }
		#video_menu #pager h2{ margin-right: 8px; padding-top: 7px; }
		#video_menu ul{ list-style: none; margin: 0 auto; padding: 0; height: 23px; overflow: hidden; }
		#video_menu ul li{ display: inline; float: left; background-color: #e94849; padding: 5px 10px; margin-right: 8px; }
		#video_menu ul li a { color: White; text-decoration: none; background: url("../images/common/arrow-red.gif") no-repeat left center; font-weight: bold;  padding-left: 14px; }

a {font-family: Verdana; size: 8pt; color: #FFFFFF; font-weight: bold;}

a.link_grey:link {font-family: Verdana; size: 8pt; color: #555555; font-weight: normal; text-decoration: underline;}
a.link_grey:active {font-family: Verdana; size: 8pt; color: #555555; font-weight: normal; text-decoration: underline;}
a.link_grey:visited {font-family: Verdana; size: 8pt; color: #555555; font-weight: normal; text-decoration: underline;}
a.link_grey:hover {font-family: Verdana; size: 8pt; color: #FFFFFF; font-weight: normal; text-decoration: none;}

input {font-family: Verdana; font-size: 8pt; color: #FFFFFF; height: 21px; background-color: #000000; border-style: solid; border-width: 1px; border-color: #F32C2C; margin: 0; margin-bottom: 0; font-weight: normal; }
textarea {font-family: Verdana; font-size: 8pt; color: #FFFFFF; background-color: #000000; border-style: solid; border-width: 1px; border-color: #F32C2C; margin: 0; margin-bottom: 0; font-weight: normal; }
select {font-family: Verdana; font-size: 8pt; color: #FFFFFF; height: 20px; background-color: #000000; border-style: solid; border-width: 1px; border-color: #F32C2C; margin: 0; margin-bottom: 0; font-weight: normal; }

table.entries {
	color : White;
	font-family : Verdana;
	font-size: 8pt;
	BORDER-RIGHT: #F64D4D 1px solid;
	BORDER-LEFT: #F64D4D 1px solid;
	BORDER-TOP: #F64D4D 1px solid;
	BORDER-BOTTOM: #F64D4D 1px solid;
}
body, td {
	color : White;
	background-color: Black; /* NEW IN 1.5 */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left; /* NEW IN 1.5 */
}

td.upper {
	color : #000000;
	background : #F64D4D;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.smaller {/* CHANGED IN 1.5 */
	font-size: 10px;
}


hr {
	color: #B8CFE7;
	height: 1px;
}

/* EVERYTHING BELOW ADDED IN 1.5 */
div.centered {
	text-align: center;
}

div.centered table {
	margin: 0 auto; 
	text-align: left;
}

.commercial{color:#FFFFFF; font-weight:bold; border:1px solid #FFFFFF;}