/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/
html {overflow-y: scroll;} 
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

p { font-size:12px; color:#666666; margin:0; padding:0; font-weight:normal; line-height:1.6em; padding-bottom:10px}
p a:link, p a:visited {color:#666666; text-decoration:none}
p a:hover {color:#000; text-decoration: none}

h1 { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:32px; color:#6FBE44; margin:0; padding:0; font-weight:normal; letter-spacing:1px;}
h2 { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:20px; color:#6FBE44; margin:0; padding:0; font-weight:normal; padding-top:15px; padding-bottom:10px;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; margin:0; padding:0; font-weight:bold; padding-top:15px; padding-bottom:10px;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0; padding:0; font-weight:bold; padding-top:10px; padding-bottom:10px;}


/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:953px; margin:0 auto}

/*
---------------------------------------------
03. TOPBAR STYLES
---------------------------------------------
*/

#topbar { width:953px; padding-top:7px; height:83px}
.logo { float:left; margin:0; padding:0}

.topnav { width:570px; font-size:11px; font-weight: normal;margin: 0; padding: 0; list-style: none; float: right; margin-top:30px; background:url(../images/border_nav.gif) no-repeat bottom left; padding-bottom:5px}
.topnav li { float: left; margin: 0; padding:0; list-style: none; background:url(../images/bullet.gif) no-repeat center left;}
.topnav a { float: left; margin:0; padding: 2px 22px;text-decoration: none; color:#7A7A7A; font-size:11px; font-weight:bold; letter-spacing:1px;}
.topnav .nodivider { background-image:none}
.topnav a:hover { color:#000;}


/*
---------------------------------------------
04. HEADER
---------------------------------------------
*/

.headerTable 
{
	width:941px; height:135px; background:url(../images/headerbackg.gif) no-repeat center left;	
}
.headerTable h1 { padding-left:32px; padding-bottom:10px;}

.headerTableTD1 { width:596px; vertical-align:bottom; text-align:left;}
.headerTableTD2 { width:345px; vertical-align:middle; text-align:right;}


#header { float:left; width:941px; height:133px; background:url(../images/headerbackg.gif) no-repeat center left;}
#header .headerimage { float:left; width:941px; height:135px; margin:0; padding:0}
#header h1 { padding-left:32px; margin-top:-50px; float:left}

#splash {
	margin: 0px auto;	
	width: 941px;	
	height: 135px;
	display: block;
}
/*
---------------------------------------------
05. SUBLINKS
---------------------------------------------
*/

.sublink { padding-bottom:0; color:#999999; font-size:11px; margin:0; padding:0;margin-top:20px; padding-left:32px; float:left; width:910px }
.sublink a:link, .sublink a:visited {color:#999999; text-decoration:none; padding-left:2px; padding-right:2px}
.sublink a:hover {color:#666; text-decoration: none}


/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#content { width:910px; float:left; padding-left:32px; background:url(../images/divider_content.gif) repeat-y; margin-top:20px}
#contentHome { width:953px; float:left;}
/*
---------------------------------------------
07. LEFT PANEL
---------------------------------------------
*/

#panel-left { width:600px; float:left}
#splash { width:588px; height:325px; border:2px solid #CCCCCC; margin-bottom:10px}


/*
---------------------------------------------
08. RIGHT PANEL
---------------------------------------------
*/

#panel-right { width:227px; float:left; padding-left:80px}
#panel-right p { font-size:14px; color:#666666; margin:0; padding:0; font-weight:normal; line-height:1.6em; padding-bottom:10px}
#panel-right p a:link, p a:visited {color:#666666; text-decoration:none}
#panel-right p a:hover {color:#000; text-decoration: none}	

#nav {width:227px; color: #6A6965; margin:0; padding:0; float:left; margin-bottom:40px }
#nav ul { list-style:none; margin:0; padding:0;}
#nav li {margin: 0; width:227px; background:#EAEAEA url(../images/bg_sidelink.gif) no-repeat center left; height:27px; margin-bottom:2px }
#nav li a {display: block; color: #666666;text-decoration: none; width:192px; padding-left:35px; padding-top:5px;font-size:14px; }
#nav li a:hover {color: #000; text-decoration:none}


#testimonial { width:227px; margin:0; padding:0; float:left}
#testimonial .img {width:40px; height:28px;}
#testimonial .img2 {width:40px; height:28px; float:right; margin-top:0px;}
#testimonial p { font-size:12px; line-height:1.8em; text-indent:45px; margin-top:-25px}

#testimonial .photo { float:left; width:27px; height:27px; margin-right:10px}
#testimonial .name { float:left; width:180px; font-size:12px; color:#666666; margin-top:-2px}
#testimonial .company {color:#CCCCCC}


/*
---------------------------------------------
09. FOOTER STYLES
---------------------------------------------
*/


#footer { width:913px; height:30px; float:left; margin-top:20px; background: url(../images/border_footer.gif) no-repeat top left; padding-top:10px; padding-left:20px; padding-right:20px}

#footer p { font-size:11px; color:#999999; position:relative}
#footer p a:link, #footer p a:visited {color:#999; text-decoration:none}
#footer p a:hover {color:#000; text-decoration: none}

#footer .space { padding-left:4px; padding-right:4px}

#footer .contactinfo { float:left; width:700px;}
#footer .copyrights { float: right; width:200px; text-align:right}


#footer2 { width:913px; height:30px; float:left; padding-left:20px; padding-right:20px}

#footer2 p { font-size:11px; color:#999999; position:relative}
#footer2 p a:link, #footer p a:visited {color:#999; text-decoration:none}
#footer2 p a:hover {color:#000; text-decoration: none}

#footer2 .space { padding-left:4px; padding-right:4px}

#footer2 .contactinfo { float:left; width:700px;}
#footer2 .copyrights { float: right; width:200px; text-align:right}


/*
---------------------------------------------
10. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}
.rightimg { float: right; padding-left: 35px; padding-bottom: 45px; }
.caseimg { float: right; margin-top: -10px; padding-left: 10px; padding-bottom: 0px; }

.Label {font-size:12px; font-weight:bold; color:#666666; vertical-align:top;}

.video { border:6px solid #e0e0e0; margin-bottom:15px; }
/*
---------------------------------------------
11. CLIENTS LOGOS SPECIFIC
---------------------------------------------
*/
.clientLogos {
	float: left;
	margin: 5px 0;
	padding: 0;
	}
	
.clientLogos li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #e1e1e1;
	background: none;
	display: block; 
	width: 135px;
	height: 98px;
	}

.clientLogos li a {
	padding: 0;
	border: 0px solid #e1e1e1;
	background: none;
	}


/*
---------------------------------------------
12. CASE STUDY LOGOS SPECIFIC
---------------------------------------------
*/
.caseStub a {
	float: left;
	margin: 15px 0 5px 0;
	padding-right: 10px;
	display: block;
	border: none;
	text-decoration:none;
	}
	
.caseStub a:hover {
	background-color: #f8f8f8;
	border: none;
}

.caseStub img {
	height: 100px;
	width: 100px;
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #e1e1e1;
	}
	
.caseStub h3 {
	margin: 0 0 2px 0;
	}
	
.caseStudyHeading {
	margin: 0 0 2px 0;
	color: #6FBE44;
	display: block;
	font-size:14px;
	}
	
	
.caseStub p {
	font-size:12px;
	}
	
.caseStudyBody {
	font-size:12px;
	color: #403925;
	}
	
.caseStudyBy {
	font-size:10px;
	color: #403925;
	text-align:right;
	}
.caseStudyBy2 {
	font-size:10px;
	color: #bfbfbf;
	text-align:right;
	}	
	
	
/*
---------------------------------------------
13. CONTENT BLOCK WITH IMAGE
---------------------------------------------
*/
.contentImgStub {
	float: left;
	margin: 15px 0 5px 0;
	padding-right: 10px;
	display: block;
	border: none;
	text-decoration:none;
	}
	
.contentImgStub img {
	float: left;
	margin: 5px 30px 15px 0;
	}

/*
---------------------------------------------
14. PRODUCTS LOGOS SPECIFIC
---------------------------------------------
*/
.productLogos {
	float: left;
	margin: 5px 0;
	padding: 0;
	}
	
.productLogos li {
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
	border: 1px solid #e1e1e1;
	background: none;
	display: block; 
	width: 170px;
	height: 75px;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	}

.productLogos li a {
	padding: 0;
	border: 0px solid #e1e1e1;
	background: none;
	}