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

@import url("product_dev.css");
@import url("company.css");
@import url("products.css");
@import url("reviews.css");
@import url("downloads.css");
@import url("contact_us.css");
@import url("signage.css");
 
.white {color:#ffffff;}
.light_blue {color:#0c3fb3;}
.dark_blue {color:#052b50;}

body {  
	margin:0 auto;
    padding-left: 10px;
    padding-right: 10px;
	background: #f0f0f0 url('../images/inner-page-subheader-bg_r1_c1.jpg') top left repeat-x; /* for all inner pages not the home page */
	text-align:center;
	font-family:Helvetica, Arial;
	color:#444;
    overflow-x:hidden;
 	}

img {
    border: 0px;
}

#wrapper {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
	background-color:#f0f0f0;
	}
	
#header {
	height:80px;
	width:960px;
	background:#052b50 url('../images/header_bg.jpg') top left no-repeat;
	}
	
#header #logo {
	position:absolute;
	top:30px;
	}
	
#nav {
	float:right;
	padding-top:25px;
	margin-right:53px;
	}	
	
#cartIcon {
	display:block;
	position:absolute;
	right:5px;top:33px;
	color:#eee;
	font-size:11px;
	font-weight:normal;
	}
	
/* START HOME PAGE STYLES */

#subheader {  
	height:329px;
 	width:960px;
	background:#0c3fb3 url('../images/subheader_bg.jpg') top left no-repeat;
	padding:0px;
	position:relative;
	float:left;
	border-bottom:1px solid #fff;
	}

#right-bg {  
	position:absolute;
	top:0px;
	left:960px;
	}
	
.key_message {
	width:400px;
	height:200px;
 	text-align:left;
	padding:20px 0;
	float:left;
	margin-right:35px;
	}

.key_message h1 {
	font-size:27px;
	margin-bottom:0;padding:0;
	line-height:140%;
	letter-spacing:.03em;
	color:#eee;
	font-weight:bold;
	text-shadow: #333 1px 1px 0.1em	;
	}

.key_message p {
	font-size:18px;
 	line-height:170%;
	margin-bottom:33px;
	color:#eee;
	letter-spacing:.01em;
	text-align:left;
	}

/***** STYLES FOR  TOOL TIP (what_can_we_make.html) ****/
#tool_tip {
	border:0px solid #003366;
	overflow:hidden; 
	background-color:#003366;
	text-align:left;
	}
	
#tip_inner ul li {
	display:block;
	margin:5px 5px 5px 0;
	font-weight:normal;
	}
	
#tip_inner li a {font-size:14px;color:#009933;font-weight:bold;}

#tip_inner {
	padding:1em; 
	background-color:#f2f2f2;
	}

#tip_inner p {
	margin:0 0 15px 0;
	font:13px Helvetica, Arial, sans-serif;
	line-height:150%;
	color:#444;
	}
	
#tip_header { 
	background-color:#003366;
	width:300px;
	height:30px;
	padding:0;
	}
	
#tip_header h2{ 
 	color:#fff;
	font-family:Helvetica, Arial;
	font-weight:normal;
	font-size:18px;
	margin:14px 0 0px 13px;
	}

 #cluetip-close {visibility:visible !important ; }

/* HOME PAGE SLIDESHOW STYLES */

#slideshow {
	float:right;
	margin:30px 0 0 0;
	}	

#slideshow img {
	border:0;
	}

#slide_nav_box {
	position:absolute;
	top:290px;
	right:-5px;
	}
	
#slide_nav { 
	position:absolute;
	top:280px;
	right:-5px;
	}
	
#slide_nav li { float: left; list-style: none;}
#slide_nav a {font-size:11px; margin: 5px; padding: 3px 5px; border: 1px solid #fff; background: #fff; text-decoration: none;color: #0077bf;}
#slide_nav a.activeSlide { background: #fdbb30; color: 0077bf; }
#slide_nav a:focus { outline: none; }

/* END SLIDESHOW STYLES */

/* HOME PAGE PODS */

#pods a.podBgLink {
	height:135px;
	width:302px;
	float:left;
	}

#pods { 
	clear:both;
	position:relative;
	padding-top:15px;
	margin-bottom:20px;
	}

#pods p {
	padding:167px 15px 0 29px;
	line-height:140%;
	font-size:13px;
	}
		
#pods a:link, #pods a:visited {
	color:#009933;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:right;
	padding:12px;
	}

#pods a:hover, #pods a:active {
	color:#009933;
	text-decoration:underline;
 	}
	
#pod-1 {
	width:323px;
	height:317px;
 	background: url('../images/pod_graphics/consumer-electronics.jpg') top left no-repeat;
	float:left;
	margin-left:-10px;
 	}
	 
#pod-2 {
	width:323px;
	height:317px;
	float:left;
    background: url('../images/pod_graphics/prod-dev-pod.jpg') top left no-repeat;
	margin-left:-1px;
	}

#pod-3 {
	width:323px;
	height:317px;
    background: url('../images/pod_graphics/digital-retailing-pod.jpg') top left no-repeat;
	float:right;
	}

/* END HOME PAGE STYLES */	

/* INNER PAGE STYLES */


#subheader-inner {
	height:97px;
	width:960px;
	background:url('../images/inner-page-subheader-bg.jpg') top left no-repeat;
	}

#subheader-inner h1 {
	font:32px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:15px 0 5px 0;
	text-shadow: #333 1px 1px 0.1em	;
 	}

#subheader-inner p {	
	color:#eee;
	margin:0;
	text-shadow: #333 1px 1px 0.1em;
	font-size:14px;
	}
	
#subheader-inner span {	
	font-size:18px;
 	}
	
#inner-right-bg {
	position:absolute;
	top:0px;
	left:960px;
	}
	
#main {
	padding:1em 0;
	float:left;
	margin-top:10px;
	}

#left-col {
	width:620px;
	float:left;
	margin-right:20px;
	}

#right-col {
 	width:250px;
	float:right;
	}


.side_bar_t {
 	background:url('/images/pod_graphics/bg_middle.jpg') top center repeat-y;width:328px;
	}
	
.side_bar_content {
	padding:  0 20px 0 22px;
	}
			
.side_bar_b {
	background:url('/images/pod_graphics/bg_bottom.jpg') bottom center no-repeat;height:27px;
	}


#footer {
	clear:both;
	padding:5px 0;
	text-align:center;
	font-size:11px;
	color:#666;
	border-top:1px solid #999;
 	margin-top:10px;
	}


	
	
/* DON'T TOUCH THIS */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/****** FONT STYLING ******/

#main h1{
	font-size:22px; 
	font-weight:normal;
	color:#052b50;
	border-bottom:1px solid #052b50;
	padding-bottom:5px;
	margin:0 0 15px 0;
	}
	
h2 {
	font-weight:normal;
	font-size:18px;
	margin:9px 0 3px 0;
	color:#0c3fb3;
	}

h3, h4, h5 , h6{
	font-size:14px;
	margin:20px 0 0 0;
	padding:0;
	color:#052b50;
	}
	
h4, h6 { color:#0c3fb3;}

ul, {padding:5px 0 5px 25px;margin:5px 0;}

ul li {
	list-style-type:square;
	font-size:13px;
	margin:7px 0; 
	color:#444;
 	}

ol li {
 	font-size:13px;
	margin:7px 0;
	line-height:130%;
	}

a:link, a:visited {color:#0c3fb3;font-weight:normal;text-decoration:underline;}
a:hover, a:focus {color:#009900;text-decoration:underline;}

#main p {
	margin:0 0 15px 0;
	font:13px Helvetica, Arial, sans-serif;
	line-height:150%;
	color:#444;
	}

#left-col p.warn {
	margin: 10px auto;
	padding: 10px 20px;
	width: 90%;
	border: 1px solid #999;
	}

#left-col .warning {
	color:#CC3300;
	font-size: 14px;
	font-weight: bold;
	}

#footer p {
	font-size:10px;
	margin:5px auto;
	}
	

.bottom_rounded {
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px; 
	-webkit-border-bottom-right-radius:7px;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
	}
	
.rounded_corners {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
 	}