@charset "utf-8";
/* CSS Document */

/*----------------------------------- Floats and clear -----------------------------------*/

.left { float: left; }
.right { float: right; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/*----------------------------------- General Style -----------------------------------*/

body { color:#333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#container { width: 959px; margin: 0 auto; }

/*----------------------------------- H E A D E R -----------------------------------*/

#header { height: 147px; }

	#header h1 {
		float: left;
		margin: 30px 0 0 22px; }
		
	#header h1 a {
		display: block;
		padding: 87px 0 0 0;
		overflow: hidden;
		background-image: url(../graphics/logo.gif);
		background-repeat: no-repeat;
		height: 0px !important;
		height /**/:87px;
		width: 220px; }
		
	#header .navi {
		background: url(../graphics/navBox.gif) left top no-repeat;
		float: right;
		margin-top: 71px;
		height: 50px;
		width: 662px; }
		
	#header .navi ul { margin-top: 18px; }
	#header .navi ul li { display: inline; }
	#header .navi li { margin-left: 23px; }
	
	#header .navi a { color: #333; text-decoration: none; }
	#header .navi a:hover { color: #3095bc; }
	
	#header .spaceOne { padding-left: 10px; }
	#header .spaceTwo { padding-left: 13px; }
	#header .spaceThree { padding-left: 11px; }
	#header .spaceFour { padding-left: 11px; }
	
/*----------------------------------- P H O T O B O X -----------------------------------*/
	
#photoBox { background:url(../graphics/photoHeader.jpg) left top no-repeat; height: 293px; }

#photoBox .titleBox { padding: 40px 0 0 40px; width: 565px; height: 250px; }

	#photoBox h2 { font-size: 36px; margin-bottom: 12px; }
	#photoBox h3 { font-size: 18px; font-weight: normal; line-height: 25px; }
	
	#photoBox .photoButton {
		background: url(../graphics/buttonPNG.png) left top no-repeat;
		position: relative;
		left: -5px;
		top: 68px;
		height: 38px;
		width: 124px;
		padding: 15px 0 0 16px; }
	
	#photoBox .photoButton a { color: #FFF; font-size: 14px; font-weight: bold; text-decoration: none; }
	
#photoShadow { background:url(../graphics/photoShadow.jpg) center top no-repeat; height: 20px; }

/*----------------------------------- C O N T E N T -----------------------------------*/
#content { margin-top: 10px; }

	#content .boxLeft {
		background:url(../graphics/boxLeft.jpg) left top no-repeat;
		padding-top: 14px;
		padding-left: 19px;
		height: 142px;
		width: 171px; }
	#content .boxCenter {
		background:url(../graphics/boxCenter.jpg) left top no-repeat;
		padding-top: 14px;
		padding-left: 19px;
		height: 142px;
		width: 171px; }
	#content .boxRight {
		background:url(../graphics/boxRight.jpg) left top no-repeat;
		padding-top: 14px;
		padding-left: 19px;
		height: 142px;
		width: 180px; }
	
	#content h4 { font-size: 14px; font-weight: bold; }
	#content h5 {
		border-bottom: 1px solid #444444; color: #444444;
		font-size: 36px; font-weight: bold;
		margin-bottom: 10px; padding-bottom: 10px; }
	#content h6 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
		
	#content p { color: #888888; font-size: 12px; line-height: 18px; margin-bottom: 10px; }
	#content p span { color: #444444; font-size: 14px; }
	#content a { color: #888888; font-size: 12px; }
	#content a:hover { color: #666; }
	
	#content ul li { display: block; padding-bottom: 5px; padding-right:10px; }
	#content li { padding-left: 15px; }
	#content .listStyling { background: url(../graphics/bullet.gif) 0 7px no-repeat;
		color: #888888; line-height: 18px; }
	#content .listStyleingLast { margin-bottom: 10px; }
	
	#content .divider { border-bottom: 1px solid #444444; margin: 20px 0; }
	
	#content .listMargin { margin-top: 20px; }
	#content .listpadding { padding: 5px 0 5px 24px; }
	#content .listpadLast { padding: 5px 0 0 24px; }
	
	#content .arrowBlue { background: url(../graphics/arrowBlue.gif) 0 2px no-repeat; }
	#content .arrowGreen { background: url(../graphics/arrowGreen.gif) 0 2px no-repeat; }
	#content .arrowOrange { background: url(../graphics/arrowOrange.gif) 0 2px no-repeat; }
	#content .arrowPink { background: url(../graphics/arrowPink.gif) 0 2px no-repeat; }
	#content .arrowViolet { background: url(../graphics/arrowViolet.gif) 0 2px no-repeat; }
	
	#content .titleBlue { color: #1681c5; text-decoration: none; }
	#content .titleGreen { color: #5eab15; text-decoration: none; }
	#content .titleOrange { color: #e47a20; text-decoration: none; }
	#content .titlePink { color: #bf154d; text-decoration: none; }
	#content .titleViolet { color: #792fa3; text-decoration: none; }
	
	#content .backgroundBlue { background: #dcecf6 url(../graphics/gradientBG.png) left top repeat-x; padding: 10px; }
	#content .backgroundGreen { background: #dfeed0 url(../graphics/gradientBG.png) left top repeat-x; padding: 10px; }
	#content .backgroundOrange { background: #fae4d2 url(../graphics/gradientBG.png) left top repeat-x; padding: 10px; }
	#content .backgroundPink { background: #f2d0db url(../graphics/gradientBG.png) left top repeat-x; padding: 10px; }
	#content .backgroundViolet { background: #e4d5ed url(../graphics/gradientBG.png) left top repeat-x; padding: 10px; }
	
	#content .leftnav { float: left; margin-left: 15px; width: 232px; }
	#content .leftnavTop { background: url(../graphics/leftNavTop.gif) left top no-repeat; height: 18px; padding: 11px 0 0 23px; }
	#content .leftnavShadowTop { background: url(../graphics/leftNavTopShadow.gif) left top no-repeat; height: 8px; }
	#content .leftnavShadowBottom { background: url(../graphics/leftNavBottomShadow.gif) left top no-repeat; height: 8px; }
	#content .leftnavcontentBG { background: url(../graphics/leftNavBG.gif) left top repeat-y; }
	#content .leftnavTitle { background: url(../graphics/leftNavBG.gif) left top repeat-y; height: 22px; padding: 7px 0 0 23px; }
	#content .leftnavBottom { background: url(../graphics/leftNavBottom.gif) left top no-repeat; height: 18px; margin-bottom: 10px; }
	
	#content .rightNav { float: right; width: 650px; margin-right: 10px; }
	#content .email { color: #1681c5; text-decoration: none; }
	
	#content .footer { color: #666666; text-decoration: none; padding-bottom: 10px; font-size:11px; }
	#content .janeInfo { color: #888888; text-decoration: none; padding-bottom: 10px; font-size:11px; float: right;
	                     margin-right:11px; margin-top:-24px; }
	#content .janeInfo a { color: #888888; text-decoration:none; padding-bottom: 10px; font-size:11px; margin-right:1px; }
	#content .janeInfo a:hover { color: #666666; text-decoration:underline; padding-bottom: 10px; font-size:11px; }
	
	.janeInfo {
		color: #888888; text-decoration: none; padding-bottom: 10px; font-size:11px;
		float: right; margin-right:11px; margin-top: -10px; }
	.janeInfo a { color: #888888; text-decoration:none; padding-bottom: 10px; font-size:11px; }
	.janeInfo a:hover { color: #666666; text-decoration:underline; padding-bottom: 10px; font-size:11px; }
		
	#content .channelLink {
		background: url(../graphics/channelink.gif) left top no-repeat;
		height: 42px; width: 151px; margin: 35px 50px 0 0; }
	#content .mirage {
		background: url(../graphics/mirage.gif) left top no-repeat;
		height: 42px; width: 153px; margin: 35px 50px 0 0; }
	#content .swikert {
		background: url(../graphics/swikert.gif) left top no-repeat;
		height: 28px; width: 151px; margin: 47px 50px 0 0; }
	#content .ingram {
		background: url(../graphics/ingram2.gif) left top no-repeat;
		height: 59px; width: 153px; margin: 35px 50px 0 0; }
	#content .idf {
		background: url(../graphics/idf.gif) left top no-repeat;
		height: 44px; width: 153px; margin: 35px 50px 0 0; }
	#content .kemp {
		background: url(../graphics/kemp.gif) left top no-repeat;
		height: 42px; width: 153px; margin: 35px 50px 0 0; }
	#content .sonic {
		background: url(../graphics/sonic.gif) left top no-repeat;
		height: 42px; width: 153px; margin: 47px 50px 0 0; }
	#content .Lenovo {
		background: url(../graphics/lenovo.gif) left top no-repeat;
		height: 42px; width: 130px; margin: 47px 50px 0 0; }
	#content .intel {
		background: url(../graphics/intel02.gif) left top no-repeat;
		height: 60px; width: 153px; margin: 35px 50px 0 25px; }
	#content .tomtom {
		background: url(../graphics/tomtom_logo.gif) left top no-repeat;
		height: 42px; width: 153px; margin: 47px 50px 0 0; }
		
	#content .photoBox { width: 202px; }
	#content .photoBoxMid { width: 202px; margin: 0 21px; }
		
/*----------------------------------- F O O T E R -----------------------------------*/

#footer { margin: 10px 0 20px 0; }
	#footer ul { margin: 10px 0 0 8px; }
	#footer ul li { display: inline; }
	#footer li { float: left; border-right: 1px #666 dotted; }
	#footer a {
		color: #666; font-size: 11px;
		padding: 0 10px; text-decoration: none;
		display: block; float: left; }
	#footer a:hover { color: #3095bc; }
	#footer .last { border: none; }
	
	#footer p { color: #666; font-size: 11px; float: right; margin-right: 10px; }
	#footer p a { color: #3095bc; font-size: 11px; float: right; margin-right: 10px; }
	
/*----------------------------------- S L I D E R -----------------------------------*/

#slider-frame {
	height: 196px;
	margin: 53px 56px 0 0;
	float: right;
	position: relative;
	left: 0; top: 0px; }	
	
.sliderImages { margin: 0; position:absolute; left: 0; top: 0; }
	
.sliderImages li {
	margin:0px;
	list-style:none;
	z-index:1;
	position:relative; }

.sliderImages li img {
	z-index:1;
	position:relative; }
	
.arrows {}
.prev {
	position: absolute;
	top: 80px;
	left: -28px;
	z-index:12; }
.next {
	position: absolute;
	top: 80px;
	right: -28px;
	z-index: 12; }
	
/*----------------------------------- widgets -----------------------------------*/

#twitit{
  background:#fff url(images/twitit.jpg) no-repeat top left;
  height:120px;
  position:relative;
  width:320px;
}
 
#twitit a{
  font-size:18px;
  font-weight:bold;
  position:absolute;
  top:30px;
  right:25px;
}