/*
Display Group
Last Update: Tue, 9th May, 2007.
Second Pass.
*/

#load {
	position:absolute;
	margin: 5px;
	padding: 5px;

	width:100px;
	height:20px;
	/*background-color:red;*/
	color:white;
	display:none;
}

/*
body
*/

html {
	margin: 0;
}
body {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	color: #666;
	background-color: #FFF;
	margin: 0 auto; 
}
html, body {
	padding: 0;
}
img {
	border: 0;
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}

/* header */

#header {
	width: 870px;
	height: 90px;
	margin: 0px 0px 0px 10px;
	padding: 0;
	padding: 5px;
	border: 1px solid #CCC;
}

/* layout */

#content {
	width: 880px;
	min-height: 345px;
	margin: 0px;
	padding: 10px;
	text-align: left;
}
#clientbg {
	background-color: #EEE;
	float: left;
	width: 325px;
	margin: 0px;
	padding: 10px;
	color: #666;
	text-align: left;
}
#clientbg_right {
	background-color: #EEE;
	float: right;
	width: 325px;
	margin: 0px;
	padding: 10px;
	color: #666;
	text-align: left;
}
#client {
	background-color: #FFF;
	width: 313px;
	height: 313px;
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCC;
}
#select_clientbg {
	background-color: #FFF;
	float: left;
	width: 320px;
	height: 335px;
	margin: 0px;
	padding: 0px 0px 10px 1px ;
	text-align: left;
	font-family: 'Lucida Grande','Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	color: #999;
}
.client_thumb {
	background-color: #FFF;
	float: left;
	width: 88px;
	height: 88px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	text-align: left;
	border: 1px solid #CCC;
}
#copy_left {
	float: left;
	width: 281px;
	height: 285px;
	margin: 0;
	padding: 50px 20px 20px 20px;
}
#copy_services {
	float: left;
	width: 281px;
	height: 305px;
	margin: 0;
	padding: 30px 20px 20px 20px;
}
#copy_whypop {
	float: left;
	width: 495px;
	height: 305px;
	margin: 0;
	padding: 30px 20px 20px 0px;
}
#copy_right {
	float: right;
	width: 281px;
	height: 305px;
	margin: 0;
	padding: 30px 20px 20px 20px;
}
td {
	height: 30px;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 400;
	color: #666;
}
input {
	width: 400px;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 400;
	color: #666;
}
textarea {
	width: 400px;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 400;
	color: #666;
}
#subnav_left {
	float: left;
	width: 194px;
	height: 340px;
	padding: 25px 0px 0px 0px;
}
#subnav_right {
	float: right;
	width: 214px;
	height: 340px;
	padding: 25px 0px 0px 0px;
}
#client_right {
	float: right;
	width: 204px;
	height: 340px;
	padding: 25px 0px 0px 10px;
}
#subnav_shadow {
	display: block;
	background: url(../images/subnav_shadow.gif) repeat-x;
	border-top: 1px solid #CCC;
	min-height: 100px;
	padding: 10px;
	line-height: 18px;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 400;
	color: #666;
}
#subnav_shadow_products {
	display: block;
	background: url(../images/subnav_shadow.gif) repeat-x;
	border-top: 1px solid #CCC;
	min-height: 100px;
	padding: 10px;
	line-height: 18px;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 400;
	color: #666;
}
#subnav_right a.subnav, #subnav_right a.subnav:link, #subnav_right a.subnav:visited {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 800;
	line-height: 18px;
	color: #867971;
	background-color: #EFEEED;
	text-decoration: none;
	padding: 3px;
}
#subnav_right a.subnav:active, #subnav_right a.subnav:hover {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 800;
	line-height: 18px;
	color: #867971;
	background-color: #dddad8;
	text-decoration: none;
	padding: 3px;
}

#subnav_left a.subnav, #subnav_left a.subnav:link, #subnav_left a.subnav:visited {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 800;
	color: #867971;
	background-color: #EFEEED;
	text-decoration: none;
	padding: 3px;
}
#subnav_left a.subnav:active, #subnav_left a.subnav:hover {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 800;
	color: #867971;
	background-color: #dddad8;
	text-decoration: none;
	padding: 3px;
}

#subnav_left a.subnav_on, #subnav_left a.subnav_on:link, #subnav_left a.subnav_on:visited {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 800;
	color: #e86d20;
	background-color: #f7e8df;
	text-decoration: none;
	padding: 3px;
}
#subnav_left a.subnav_on:active, #subnav_left a.subnav_on:hover {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 10px;
	font-weight: 800;
	color: #e86d20;
	background-color: #f7e8df;
	text-decoration: none;
	padding: 3px;
}

a.home_services, a.home_services:link, a.home_services:visited {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 14px;
	color: #867971;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	border-bottom: 1px solid #867971;
}
a.home_services:active, a.home_services:hover {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
	color: #867971;
	text-decoration: none;
	border-bottom: 1px dotted #867971;
}

/* navigation */

#navbg {
	width: 880px;
	height: 35px;
	margin: 0px 0px 0px 10px;
	padding: 0;
	color: #666;
	text-align: left;
	border-bottom: 1px solid #CCC;
}
#nav {
	margin: 0;
	padding: 0;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
#nav a.nav_home, #nav a.nav_home:link, #nav a.nav_home:visited {
	display: block;
	width: 52px;
	height: 35px;
	background: url(../images/home_off.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_home:active, #nav a.nav_home:hover {
	display: block;
	width: 52px;
	height: 35px;
	background: url(../images/home_over.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_whypop, #nav a.nav_whypop:link, #nav a.nav_whypop:visited {
	display: block;
	width: 78px;
	height: 35px;
	background: url(../images/whypop_off.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_whypop:active, #nav a.nav_whypop:hover {
	display: block;
	width: 78px;
	height: 35px;
	background: url(../images/whypop_over.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_services, #nav a.nav_services:link, #nav a.nav_services:visited {
	display: block;
	width: 68px;
	height: 35px;
	background: url(../images/services_off.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_services:active, #nav a.nav_services:hover {
	display: block;
	width: 68px;
	height: 35px;
	background: url(../images/services_over.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_products, #nav a.nav_products:link, #nav a.nav_products:visited {
	display: block;
	width: 136px;
	height: 35px;
	background: url(../images/featureproducts_off.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_products:active, #nav a.nav_products:hover {
	display: block;
	width: 136px;
	height: 35px;
	background: url(../images/featureproducts_over.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_clients, #nav a.nav_clients:link, #nav a.nav_clients:visited {
	display: block;
	width: 65px;
	height: 35px;
	background: url(../images/clients_off.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_clients:active, #nav a.nav_clients:hover {
	display: block;
	width: 65px;
	height: 35px;
	background: url(../images/clients_over.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_contact, #nav a.nav_contact:link, #nav a.nav_contact:visited {
	display: block;
	width: 96px;
	height: 35px;
	background: url(../images/contact_off.gif) no-repeat 50% 50%;
	text-decoration: none;
}
#nav a.nav_contact:active, #nav a.nav_contact:hover {
	display: block;
	width: 96px;
	height: 35px;
	background: url(../images/contact_over.gif) no-repeat 50% 50%;
	text-decoration: none;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#nav a {
	float: none;
}

/* End IE5-Mac hack */

/*
 text & headings
*/

p { 
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height:110%;
	text-transform:uppercase;
	color: #666;
	margin: 0;
	padding-bottom: 20px;
}
h2 {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999;
	margin: 0;
	padding-bottom: 10px;
}
h3 {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0;
}
h4 {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0px;
}

/* footer */

#footer {
	background: url(../images/footerbg.gif) repeat-x;
	width: 880px;
	height: 15px;
	margin: 0;
	padding: 10px;
	color: #999;
	font-size: 9px;
	font-weight: normal;
	border-top: 1px solid #CCC;
}
#footer_left {
	float: left;
	width: 430px;
	text-align: left;
	color: #999;
}
#footer_right {
	float: right;
	width: 430px;
	text-align: right;
}

/* popai */

#popai {
	background: url(../images/footerbreak.gif) no-repeat bottom;
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 9px;
	font-weight: 800;
	color: #606b74;
	padding: 10px 0px 0px 0px;
	text-align: center;
	height: 30px;
}

/* copyright */

#copyright {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 9px;
	font-weight: 800;
	color: #CCC;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/* cosine */

#cosine {
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	font-size: 9px;
	color: #CCC;
	padding: 0;
	text-align: center;
}

/*
Links
*/

a, a:link, a:visited {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	/*font-size: 10px;*/
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:active, a:hover {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	/*font-size: 10px;*/
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a.footer, a.footer:link, a.footer:visited {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999;
	border-bottom: 1px solid #999;
}
a.footer:active, a.footer:hover {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
a.copyright, a.copyright:link, a.copyright:visited {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #BBB;
	border-bottom: 1px solid #BBB;
}
a.copyright:active, a.copyright:hover {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #BBB;
	text-decoration: none;
	border-bottom: 1px dotted #BBB;
}
a.cosine, a.cosine:link, a.cosine:visited {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #BBB;
	background-color: #EEE;
	padding: 3px;
	
}
a.cosine:active, a.cosine:hover {
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #BBB;
	text-decoration: none;
	background-color: #EEE;
	padding: 3px;
}