/*
STYLESHEET FOR: Polymer Technology Group
AUTHOR: Rick Khanna, Mopdog Creative + Strategy
*/
/*
Contents:
1. Structure
2. Navigation
3. Header
4. Content
5. Footer  */

* {margin:0; padding:0; outline:none}
img {border:none}

/*
Colors:
Dark Blue: #335681
Yellow: #fcc940
Inactive tab: #99aac0

*/



/*====================================================================
=======================  1. STRUCTURE=================================
=====================================================================*/
body {background:#fff url(../images/gradientbg.jpg) repeat-x left top; font-family:Arial, Helvetica, sans-serif}

#wrapper {width:866px; margin:0 auto; height:auto;}
	
#header {
	position:relative;
	width:891px; 
	height:150px;
	}
	
#content {
	width:866px;
	min-height:400px;
	height:auto !important;
	height:400px;
	background-color:#335681;
	position:relative;
	overflow:visible;
	padding-bottom:12px;
	}
	
#footer {
	width:866px; 
	clear:both; 
	height:100px;	
	position:relative;
	}

#content #bottom {
	position:absolute;
	background:url(../images/side_bottom.gif) left top no-repeat;
	left:0;
	bottom:0;
	width:891px;
	height:12px;
	}
	
#content #topright {
	position:absolute;
	background:url(../images/corner_topright.gif) left top no-repeat;
	right:0;
	top:0;
	width:15px;
	height:22px;
	}
	
#content #shadowright {
	position:absolute;
	background:url(../images/shadowright.jpg) left top no-repeat;
	width:25px;
	height:372px;
	right:-25px;
	top:0;
	}

/*====================================================================
=======================  2. NAVIGATION  ==============================
=====================================================================*/

#nav_bar {position:absolute; bottom:0; left:0}

#tab_ourservices {
	float:left;
	display:block;
	text-indent:-9999px;
	height:33px;
	width:209px;
	overflow:hidden;
	background:transparent url(../images/tab_ourservices.png) 0 0 no-repeat;
	z-index:1;
	}
	
	#tab_ourservices:hover, #ourservices .ourservices {
	background:transparent url(../images/tab_ourservices.png) 0 -33px no-repeat;
	z-index:100;
	}
	
#tab_ourmarketsegments {
	float:left;
	display:block;
	text-indent:-9999px;
	height:33px;
	width:244px;
	margin-left:-10px;
	overflow:hidden;
	background:transparent url(../images/tab_ourmarketsegments.png) 0 0 no-repeat;
	z-index:1;
	}
	
	#tab_ourmarketsegments:hover, #ourmarketsegments .ourmarketsegments {
	background:transparent url(../images/tab_ourmarketsegments.png) 0 -33px no-repeat;
	z-index:100;
	}
	
#tab_yourapplications {
	float:left;
	display:block;
	text-indent:-9999px;
	height:33px;
	width:209px;
	margin-left:-10px;
	overflow:hidden;
	background:transparent url(../images/tab_yourapplications.png) 0 0 no-repeat;
	z-index:1;
	}
	
	#tab_yourapplications:hover, #yourapplications .yourapplications {
	background:transparent url(../images/tab_yourapplications.png) 0 -33px no-repeat;
	z-index:100;
	}



/*====================================================================
=======================  3. HEADER  ==================================
=====================================================================*/

.logo {
	position:absolute;
	top:20px;
	left:20px;
	}
	
#aboutus {
	position:absolute;
	bottom:0;
	left:655px;
	width:84px;
	height:30px;
	background:url(../images/link_aboutus.gif) left top no-repeat;
	text-indent:-9999px;
	}
	
#contactus {
	position:absolute;
	bottom:0;
	left:752px;
	width:93px;
	height:30px;
	background:url(../images/link_contactus.gif) left top no-repeat;
	text-indent:-9999px;
	}
	


/*====================================================================
=======================  4. CONTENT ==================================
=====================================================================*/

#homeimage {
	display:block;
	padding:20px 25px 10px 25px;
	left:15px;
	}
	
#content .hometext {
	font-size:14px;
	line-height:22px;
	color:#fff;
	margin:0 25px 10px;
	}

h1 {
	color:#fcc940;
	font-size:16px;
	margin:0 35px 5px;
	font-variant:small-caps;
	letter-spacing:1px;
	}
	
#content p {
	font-size:12px;
	line-height:22px;
	color:#fff;
	margin:0 35px 20px;
	}
	
#content ul {
	padding-left:10px;
	}

#content li {
	font-size:12px;
	line-height:22px;
	color:#fff;
	margin:0 35px 10px;
	}
#content strong {color:#fcc940;}
#content em {color:#fff; font-style:normal; font-weight:bold}

.headline {
	display:block;
	height:29px;
	margin:0 27px;
	padding:18px 0;
	}
	
#product_table {
	margin:0 15px 25px;
	}
	
	#product_table td {
		width:250px;
		padding:0 8px;
		}
		
h2 {
	font-size:16px;
	color:#fcc940;
	font-variant:small-caps;
	margin:0 0 5px 5px;
	}
	
.product_photo {
	float:left;
	width:250px;
	}
	
.contactinfo {
	font-size:18px; 
	margin:0 25px 10px;
	color:#fff;
	display:block;
	letter-spacing:1px;
	}
	
#contactform label {
	display:block;
	color:#fff;
	font-size:12px;
	margin:0 25px 5px;
	}
	
	#contactform input, #contactform textarea {
		margin:0 25px 10px;
		}
	
/*============PRODUCT TOOLTIPS=============*/
/*.hotspot {cursor:pointer}*/
#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:10px; margin-left:5px; background:#22374F; color:#FFF; font-size:11px; line-height:16px;}
#ttcont strong {color:#fcc940;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}
/*=========================================*/	

	

	
.googlemaps {font-size:11px; color:#fcc940; text-decoration:none}
.googlemaps:hover {text-decoration:none; color:#fff}


/*====================================================================
=======================  5. FOOTER  ==================================
=====================================================================*/

#footer_wrapper {
	position:absolute;
	top:25px;
	left:25px;
	width:400px;
	border-left:6px solid #999;
	padding-left:10px;
	line-height:20px;
	}
	
	.locationphone {font-size:12px; color:#666; font-weight:bold;}
	a.footerlinks {font-size:12px; color:#666; font-weight:bold; text-decoration:none;}
	a.footerlinks:hover {color:#fcc940}
	.copyright {font-size:10px; color:#999999}
	.red {color:#e82400}