/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */



/* Purpose: undo some of the default styling of common (X)HTML browsers */



/* link underlines tend to make hypertext less readable, 

   because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }



/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }



/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }



/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }



/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }


/* de-italicize address */

address { font-style:normal }



/* this adds a vertical scrollbar to all pages in non IE browsers, stopping the jumping as page lengths vary and scroll bars come and go */

html{
	height: 100%;
	margin-bottom: 1px;
}

/* finish undo html */


body  {
	margin:0;
	padding:0;
	font-family:verdana, arial, times, georgia, sans-serif;
}

.left_img {
	float:left;
	padding:3px;
	margin-right:12px;
	margin-top: 10px;
	border: 1px solid #c4c4c4;
}

.left_img div {
	font-family: verdana, arial, times, georgia, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}

.right_img {
	float:right;
	padding:3px;
	margin-left:12px;
	margin-top: 10px;
	border: 1px solid #c4c4c4;
}

.right_img div {
	font-family: verdana, arial, times, georgia, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}


img.left {
	float:left;
	padding:3px;
	margin-right:6px;
	border:1px solid #c4c4c4;
}
img.leftlogo {
	float:left;
	padding:3px;
	margin-right:6px;

}

img.right {
	float:right;
	padding:3px;
	margin-left:6px;
	border:1px solid #c4c4c4;
}

img:hover {
   color: #fff;
	background-color: #EbF1F5;
}

#wrapper {
	height:100%;
	margin:auto;
	overflow:auto;
	width:950px;
}

	
/***************** TEXT IN THE HEADER **************************/
#top h1 {
	font-family:"Century Gothic", georgia, helvetica, times, sans-serif;
	float: right;
	color: #fff;
	font-weight: normal;
	font-size:35px;
	text-transform:uppercase;
	margin-top:120px;
	margin-left:2%;
	}
/*************************** HEADER PROPERTIES ************************/
#top {
	margin:0 auto;
	padding:0px;
	height:200px;
	width:950px;
	background-color:#758279;
	}
	
	
	
/********************* horizontal main nav  ***********************/
#nav {
	width: 950px;
	background-color: #758279;
	color: #000;
	height: 28px;
	margin:0px 0 5px 0px; 
   padding:1px 0 1px 0;
	position:relative;  
	z-index:100;
}	
	





/************************** MAIN CONTENT PRODUCTS ******************/

#middle_products {
	float:right;
	width:655px;
	line-height:16px;
	padding-left:20px;
	padding-right:15px;
}

#middle_products a {
	color: #404040;
	background-color: #fff;
}
	
#middle_products p, p {
text-align: right;
	font-size:13px;
	line-height: 20px;
	margin-bottom: 22px;
	color:#404040;
	background-color: transparent;
	
}

#middle_products ul, li {
	font-size:11px;
	color:#404040;
	background-color: transparent;
	text-decoration: none;
	
}

#middle_products li {
	font-weight: bold;
	font-size:13px;
	line-height: 20px;
}

#middle_products ul {
	padding: 0px 0px 22px 0px;
	text-align: right;
}

#middle_products ul {
 list-style-type: disc;
 margin-left: 15px;
}

#middle_products h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	font-weight:bold;
	/* border-bottom:1px solid #c4c4c4;	 */
	background-image: url(../title_rule_mirror.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom:21px;
	margin-bottom: 7px;
	margin-top:30px;
	text-align: right;
}

#middle_products h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-bottom:7px;
	margin-top:14px;
	text-align: right;
}

#middle_products h4 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-bottom:7px;
	text-align: right;
}

.pullbox_left {
float: left;
background-color: #C7E5ED;
font-size: 12px;
font-family:"Century Gothic", verdana, arial, times, sans-serif;
width: 180px;
margin: 5px;
padding: 5px;
border: 1pt solid #000;
}

.pullbox_right {
float: right;
background-color: #C7E5ED;
font-size: 12px;
font-family:"Century Gothic", verdana, arial, times, sans-serif;
width: 180px;
margin: 5px;
padding: 5px;
border: 1pt solid #000;
}

#logo {
font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	font-weight: bold;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:15px;
	margin-top:40px;
}




#prod_name h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	border-bottom-width:0px;
	float: left;
	margin: 0px 0px 0px 0px;	
}

#prod_name {
padding: 10px 0px 10px 0px;
margin-bottom: 20px;
line-height: 18px;
}

#prod_name .line {
	padding-bottom: 7px;
}

#prod_name p {
float: left;
font-weight: bold;
margin-bottom: 0px;
}

/***************************  RIGHT COLUMN PRODUCTS *********************/

#right_products {
	float:left;
	padding:10px 0 10px 14px;
	width:241px;
	}
	
#right_products ul {
	padding: 0px 0px 10px 10px;
}	
	
#right_products h1 {
	font-size:15px;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
}

#right_products h3 {
	font-size:12px;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;

}

#right_products p {
	font-size:11px;
	padding-bottom:10px;
	color:#404040;
	background-color: #fff;
}	

#right_products a {
   font-size: 11px;
	
   text-decoration: none;
	color: #404040;
	background-color: #fff;
}


.features {
	background-color: #000193;
	color: #fff;
	padding: 5px 5px 5px 15px;
	margin-bottom: 10px;
	font-variant: small-caps;
	font-size: 12px;
	font-family: century gothic, verdana, arial, times, sans-serif;
	letter-spacing: 2px;
}



.casestudies {
	background-color: #FFD700;
	color: #000;
	padding: 5px 5px 5px 15px;
	margin-bottom: 10px;
	font-variant: small-caps;
	font-size: 12px;
	font-family: century gothic, verdana, arial, times, sans-serif;
	letter-spacing: 2px;
}

#glance {
	font-size: 10px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	padding-left:  15px;
}




/********************************************    FOOTER  *****************/
#footer {
	border-top:1px solid #c4c4c4;
	padding-top:5px;
	text-align:center;
	width:950px;
	margin:0 auto;
	clear:both;
	
}

#footer p {
	text-align: center;
}

.footer {
	margin-top:-2px;
}	


/*****************************  product table styling *****************************/
/* 
	Plain old table styles
	written by Chris Heilmann http://wait-till-i.com
*/


#product table,td,th{
	border:1px solid #000;
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size: 10px;
}

#product tbody tr {
	border:1px solid #000;
}

#product tbody td {
	border:1px solid #000;
}

td,th{
	padding:.2em .5em;
	vertical-align:top;
	font-weight:normal;
	text-align: center;
}
thead th{
	text-transform:uppercase;
	background:#666;
	color:#fff;
}
 tbody td{
	background:#ccc;
}

tbody th{
	background:#999;
	
}
tbody tr.odd td{
	background:#eee;
	
}
tbody tr.odd th{
	background:#ccc;
}
caption{
	text-align:left;
	text-transform:uppercase;
}
table th a:link{
	color:#030;
}
table th a:visited{
	color:#003;
}
table td a:link{
	color:#369;
}
table td a:visited{
	color:#000;
}
table a:hover{
	text-decoration:none;
}
table a:active{
	color:#000;
}

	.flags{
		padding: 5px 7px 0px 0px;
		margin: 0px;
		float: left;
	}
	
	.contact {
		font-size: 11px;
		margin-bottom: 20px;
		width: 300px;
	}
	
	h5 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	/* css for js gallery */
	
	#gallery {
		padding: 0px 0px 7px 15px;
		font-size:10px;
	}
	
	#gallery img {
		padding-bottom:3px;
	}
	
	/* styling the news on the fron page */
	
	#news {
	font-family:verdana, arial, times, georgia, sans-serif;
	font-size:11px;
	color:#404040;
	background-color: #fff;
	}
	
	#news h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	line-height: 25px;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:7px;
	margin-bottom: 7px;
	margin-top:10px;
   }
	
	#news tbody td{
	background:#fff;
}

#news img {
	padding:3px;
	border:1px solid #c4c4c4;
}

#news .readmore {
	width:485px;
        padding: 2px 10px 2px 0;
        margin: 10px 0 10px 0;
	background-color:#fff;
        text-align: right;
	float: right;
}

#news .searchtitle {
	color:#0000ff;
   font-weight: bold;
	font-size:12px;
	background-color: #fff;
	}

	#news .searchtext {
	color:#000;
	background-color: #fff;
	}

	#news .searchurl {
	color:#008000;
	background-color: #fff;
	}