/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px Trebuchet MS,verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% verdana,helvetica,clean,sans-serif;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.text-indent {text-indent:-32697px;}

/* =elements ***************************** */
a:link		{color: #4f0781;}
a:active	{color: #4f0781;}
a:visited	{color: #4f0781;}
a:hover		{color: #4f0781;text-decoration:none;}

/* =grids ***************************** */

html {text-align:center;}
body {text-align:left;margin:0 auto; width:1050px;}

#header {background: url(/assets/images/header.jpg) no-repeat; widht:1050px; height:90px; }
#header ul {list-style:none;}
#blocks {padding:100px 0 0 0; text-align:center;}
.home-link {position:absolute;left:358px;top:16px;width:310px;height:50px;text-indent: -9999px;outline:none;background:transparent url(/assets/images/spacer.gif) repeat;}


.home-cta {float:right;}
#cta-home ul li {list-style-type:none!important; margin-left:-30px;position:relative; }
.tech-page-cta {margin: 0 0 0 5px }
#cta-main-01 {background:transparent url(/assets/images/spacer.gif) repeat;height:28px;left:428px;position:absolute;top:210px;width:248px;outline:none; } 
#cta-main-02 { background:transparent url(/assets/images/spacer.gif) repeat;height:28px;left:313px;;position:absolute;top:210px;width:364px;outline:none; } 
#cta-main-03 {background:transparent url(/assets/images/spacer.gif) repeat;height:28px;left:306px;position:absolute;top:210px;width:370px;outline:none;} 

#sidedaily img {margin: 20px 0 20px 0}

#nav {padding-left: 60px;}
#nav ul {float:left; list-style:none;}
#nav ul li {padding-right:1px;height:30px; font-size:116%; text-transform: uppercase; color:#eee; float:left; display:inline;}
#nav ul li a {padding: 5px 18px 7px 19px; background: url(/assets/images/bg-nav-off.gif) repeat-x; color:#eee; text-decoration:none;display:block;}
#nav ul li.first {padding: 5px 30px 1px 25px; background: url(/assets/images/bg-nav-off.gif) repeat-x; border-right:#fff 1px solid;}
#nav ul li a:hover {background: url(/assets/images/bg-nav-on.gif) repeat-x;}

#body {float:right;}

#main-content {float:right; width:700px; padding: 4px 70px 0 5px;}
#main-content h1 {font-size:152%; color:#333333; margin: 10px 0 10px 20px;}
#main-content h2 {font-size:122%; color:#333333; margin: 10px 0 10px 20px;}
#main-content h3 {font-size:107%; color:#333333; margin: 10px 0 10px 20px;}
#main-content p {color:#333333; margin: 10px 0 10px 20px; line-height:140%;}
#main-content ul {color:#333333; margin: 10px 0 10px 40px;}
#main-content ul li {line-height:140%;}

#main-content p.faq {margin-left:40px;}

#main-content .testimonial {margin-left:20px; padding-bottom:50px; padding-top:10px; border-bottom: 1px solid;}
#main-content .testimonial .t1 {font-style:italic;}
#main-content .testimonial .t2 {font-weight:bold;float:right; padding-right: 20px;text-align:right;}

#sub-content {}

#side-content {width:215px; float:right; border-right:1px solid #ccc; margin-top:-4px;}

#sidenav {padding-bottom:10px; background: url(/assets/images/bg-nav.gif) no-repeat; width:215px; height:185px;}
#sidenav ul {list-style:none; text-align:center; text-transform: uppercase;}
#sidenav ul li {padding-top:5px;padding-bottom:6px;}
#sidenav a {text-decoration:none; color:#666; font-size:123.1%; font-weight:bold;}
#sidenav a:hover {text-decoration:underline; color:#4f0781;}

#info {padding: 50px 0 20px 0; text-align:center;}
#info p {color:#4f0781; font-weight:bold;}
#info h3 {font-size:14px; color:#4f0781;}

#footer {clear:both; width:1050px; height:123px; background: url(/assets/images/footer.gif) no-repeat; position:relative;}
#footer p {color:#333; line-height:26px; padding-top:40px;}
#footer p.copy {float:right; text-align:right; padding-top:66px; padding-right:80px;}
#footer p.member {padding-left:58px;}
#footer p a {text-decoration:none; color:#333;}
#footer p a:hover {color:#4f0781;}

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

#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(../images/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(/assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 */
	}	

#twitter {width:30px; height:30px; position:absolute; right:180px; top:11px; }
#facebook {width:30px; height:30px; position:absolute; right:143px; top:11px; }
#linkedin {width:30px; height:30px; position:absolute; right:106px; top:11px; }
#youtube {width:30px; height:30px; position:absolute; right:70px; top:11px; background:url(/assets/images/blank.gif) ;}