@charset "UTF-8";
/*
Basic styles for Canvera.com - Portfolio
Editor: Mayur Chaudhary
created on: 01.02.2010
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0;}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 {}

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Basic Properties */
.floatL
{
	float:left;
	}
.floatR
{
	float:right;
	}
.clear
{
	clear:both;
	}
/* Common Styles */
.textblack8pt
{
	font-size:8pt;
	}
.textblack9pt
{
	font-size:9pt;
	}
.textblack10pt
{
	font-size:10pt;
	}
.textblack11pt
{
	font-size:11pt;
	}
.textcolor333
{
	color: #333;
	}
.textcolor666
{
	color: #666;
	}
	
.text1em
{
	font-size: 1em;
	}
.text75em
{
	font-size: .75em;
	}
.text7em
{
	font-size: .7em;
	}
.text8em
{
	font-size: .8em;
	}
.text6em
{
	font-size: .6em;
	}

.aligntop
{
	vertical-align:top;
	}
.textalignleft
{
	text-align:left;
	}
.textaligncenter
{
	text-align:center;
	}	
.padding2left
{
	padding-left: 2px;
	}
.padding2right
{
	padding-right: 2px;
	}
.padding2top
{
	padding-top: 2px;
	}
.padding2bottom
{
	padding-bottom: 2px;
	}
.padding5left
{
	padding-left: 5px;
	}
.padding5right
{
	padding-right: 5px;
	}
.padding5bottom
{
	padding-bottom: 5px;
	}
.padding10left
{
	padding-left: 10px;
	}
.padding10right
{
	padding-right: 10px;
	}		
.padding10top
{
	padding-top: 10px;
	}
.padding16left
{
	padding-left: 16px;
	}
.padding16right
{
	padding-right: 16px;
	}
.padding20left
{
	padding-left: 20px;
	}
.padding20right
{
	padding-right: 20px;
	}
	
.text333p85
{
	color: #333;
	font-family: sans, "Trebuchet MS", Arial, Helvetica;
	font-size: .85em;
	}
.text999p9
{
	color: #999;
	font-family: sans, "Trebuchet MS", Arial, Helvetica;
	font-size: .9em;
	letter-spacing: .03em;
	}
.theme1
{
	background-image:url(../images/canveratheme1.gif);
	background-repeat:repeat;
	}
/* FOR HOME PAGE */
.container1
{
	background-image:url(../images/homepage_main_bg.jpg);
	background-repeat:no-repeat;
	border-left: 1px solid #4d85bd;
	border-right: 1px solid #4d85bd;	
	width: 978px;
	height: 316px;
	text-align:left;
	
	}
.container2
{
	border-left: 1px solid #4d85bd;
	border-right: 1px solid #4d85bd;	
	width: 978px;
	height: 3px;	
	}
.container2 div.green
{
	background-color: #73a342;
	width: 326px;
	height: 3px;	
	}
.container2 div.blue
{
	background-color: #0e577f;
	width: 326px;
	height: 3px;	
	}
.container2 div.orange
{
	background-color: #f28a41;
	width: 326px;
	height: 3px;	
	}
.container3
{
	border-top: 1px solid #7eb2e6;
	border-right: 1px solid #4d85bd;	
	border-bottom: 1px solid #316497;		
	border-left: 1px solid #4d85bd;
	width: 978px;
	height: 92px;	
	background-image:url(../images/conatiner3_bg.png);
	background-repeat:repeat;
	}
.container4
{
	border-right: 1px solid #4d85bd;	
	border-bottom: 1px solid #316497;		
	border-left: 1px solid #4d85bd;
	width: 978px;
	height: 32px;	
	background-image: url(../images/conatiner4_bg);
	background-repeat:repeat;
	}
.container4content
{
	color:#9cf;
	line-height: 32px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 11pt;
	font-weight:bold;
	text-align:center;
	}
.container5
{
	border-right: 1px solid #babcbf;	
	border-bottom: 1px solid #babcbf;		
	border-left: 1px solid #babcbf;
	width: 938px;
	height: 142px;	
	background-image: url(../images/conatiner5_bg.png);
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft: 10px;
/*	-khtml-border-radius: 10px;*/
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
/*	-khtml-border-radius: 10px;*/
	-webkit-border-bottom-right-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	}	
/* Global Nav */
.globalnav
{
	width: 566px;
	height: 26px;
	line-height: 26px;	
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: .73em;
	font-weight:bold;
	color: #fff;
	}
.globalnav ul li
{
	margin-top:2px;
	float:right;
	height: 18px;
	line-height: 18px;
	padding: 0 8px 0 10px;
	text-align:left;
	}
.globalnavhover
{
	float:right;
	padding: 5px 10px 1px 10px;
	vertical-align:middle;
	height: 18px;
	text-align:left;
	background-color: #719bc6;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	cursor: hand;
	}
.messagingcontainer
{
	padding-top: 148px;
	padding-left: 70px;
	width: 270px;
	}
.messagingheader
{
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: .9em;
	font-weight:bold;
	color: #5a7fa2;
	text-align:center;
	}
.messagingcontent
{
	padding-top: 12px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 8pt;
	letter-spacing: .03em;
	color: #666;
	text-align:center;
	line-height: 16px;
	}
.messagingcontent2
{
	padding-top: 18px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 14px;
	letter-spacing: .03em;
	color: #666;
	text-align:center;
	line-height: 21px;
	}





.bluemessageheader1
{
	padding-top: 8px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 1em;
	font-weight:bold;
	letter-spacing: .03em;
	color: #fff;
	padding-left: 20px;
	width: 306px;
	height: 84px;
	text-align:left;
	background-image:url(../images/v_seperator.jpg);
	background-position: right;
	background-repeat:no-repeat;
	}
.bluemessageheader1hover
{
	padding-top: 8px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 1em;
	font-weight:bold;
	letter-spacing: .03em;
	color: #fff;
	padding-left: 20px;
	width: 306px;
	height: 84px;
	text-align:left;
	background-image:url(../images/v_seperator.jpg);
	background-position: right;
	background-repeat:repeat;
/*	background-color: #039;
	opacity: .5;*/
	cursor:pointer;
	cursor:hand;
	}	
.bluemessageheader1content
{
	color: #aed5fd;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 1em;	
	padding-top: 5px;
	margin-right: 5px;
	font-weight:normal;
	background-image:url(../images/img_arrow_blue.gif);
	background-position:top right;
	background-repeat:no-repeat;
	}	
.bluemessageheader2
{
	padding-top: 8px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 1em;
	font-weight:bold;
	letter-spacing: .03em;
	color: #fff;
	padding-left: 20px;
	width: 300px;
	width: 303px;
	height: 84px;
	text-align:left;
	background-image:url(../images/v_seperator.jpg);
	background-position: right;
	background-repeat:no-repeat;

	}	
.bluemessageheader3
{
	padding-top: 8px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 1em;
	font-weight:bold;
	letter-spacing: .03em;
	color: #fff;
	padding-left: 20px;
	width: 300px;
	text-align:left;
	}
.homepagebanner
{
	padding-left: 28px;
	padding-right: 28px;
	}
/* FOR INNER PAGES */
.innerpageglobalnavContainer
{
	background-image:url(../images/globalnav_innerpages_bg.jpg);
	background-repeat:no-repeat;
	width: 972px;
	height: 68px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	margin: 0px;
	padding:0px;
	overflow: hidden;
	
	}
.innerpagelogo
{
	width: 210px;
	width: 70px;
	padding-left: 16px;
	}
.innerglobalnavcontainer
{
	width: 752px;
	height: 70px;
	text-align:right;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 9pt;
	color: #fff;
	}
.innerglobalnav
{
	background-image:url(../images/inner_globalnav_bg.jpg);
	background-repeat:repeat-x;
	height: 26px;
	}
.innerglobalnavcorner
{
	background-image:url(../images/nav_corner);
	background-repeat:no-repeat;
	height: 26px;
	padding: 0px;
	margin: 0px;
	}
.innerglobalnav ul li
{
	float:left;
	height: 21px;
	line-height: 21px;
	padding: 0 7px 0 7px;
	text-align:left;
	}
.welcoemessage
{
	color: #369;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 11px;
	padding: 8px 8px 0 0;
	text-align:center;
	}
.secondarynavnew
{
	color: #666;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 1em;
	padding-right: 5px;

	}
.secondarynavhover
{
	height: 26px;
	color: #666;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 9pt;
	background-image:url(../images/secondarynav_hover_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}
.secondarynavnew ul li
{
	float:left;
	height: 22px;
	line-height: 22px;
	padding: 20px 5px 0 5px;
	text-align:right;
	color: #666;
	}
.headerbar
{
	background-color: #162c44;
	width: 958px;
	height: 30px;
	line-height: 30px;	
	padding-left: 16px;
	color: #fff;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 12pt;
	}
.headerbar p.main
{
	text-transform:uppercase;
	}
.headerbar p.secondary
{
	font-size: .8em;
	color: #999;
	}
/* Main Content */
.innercontainer
{
	width: 972px;
	}
.innercontainer div.maincontent
{
	width: 805px;
	}
.innercontainer div.maincontentPC
{
	width: 790px;
	height: 358px;
	background-image:url(../images/img_main_productcatalog.jpg);
	background-repeat:no-repeat;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
.pccontentheaderLeft
{
	padding-left: 218px;
	padding-top: 40px;
	width:170px;
	}
.pcheadertLeft
{
	color: #369;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 12pt;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: .1em;
	text-align:left;

	}
.pccontentLeft
{
	color: #666;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 8pt;
	text-transform:none;
	text-align:left;
	line-height: 18px;
	}
.pccontentheaderRight
{
	padding-left: 190px;
	padding-top: 40px;
	}
.pccontentheaderRightNew
{
	padding-left: 170px;
	padding-top: 40px;
	}	
.pcheadertRight
{
	color: #369;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 12pt;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: .1em;
	text-align:left;

	}
.pccontentRight
{
	color: #666;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 8pt;
	text-transform:none;
	text-align:left;
	line-height: 18px;
	}
	

	
.innercontainer div.rightcontent
{
	width: 168px;
	padding: 5px 0 0 5px;
	margin-left: 2px;
	}
.btnicon
{
	width: 27px;
	height: 27px;
	line-height: 29px;
	background-color: #69c;
	border: 1px solid #5182b7;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 4px;
	}
.btntext
{
	width: 133px;
	height: 27px;
	line-height: 29px;	
	background-color: #69c;
	border: 1px solid #5182b7;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 10pt;
	font-weight:bold;
	color: #fff;
	}
.bluerightbox
{
	width: 166px;	
	background-color: #b9dbfc;
	border: 1px solid #97bce1;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 10pt;
	font-weight:bold;
	color: #fff;
	text-align: left;
	margin-top: 5px;

/*	padding: 0px 3px 0px 3px;*/
	}
.bluerightbox p.header
{
	width: 166px;
	height: 29px;	
	line-height: 29px;	
	background-color: #69c;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 10pt;
	font-weight:bold;
	color: #fff;
	text-align: left;
	padding-bottom: 1px;
	}
.bluerightbox ul li
{
	line-height: 18px;
	padding: 2px 2px 5px 2px;
	color: #666;
	}





.canverafooter
{
	width: 958px;
	height: 35px;
	line-height: 35px;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;	
	color: #999;
	font-family: "Trebuchet MS",sans,  Arial, Helvetica;
	font-size: 8pt;
	
	}
/*	Links */
A.globalnav {
	COLOR: #fff; TEXT-DECORATION: none; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 9pt;
	}
A.globalnav:visited {
	COLOR: #fff; TEXT-DECORATION: none; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 9pt;
}
A.globalnav:hover {
	COLOR: #fff; TEXT-DECORATION: none;
}
A.globalnav:active {
	COLOR: #fff; TEXT-DECORATION: none; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 9pt;
}
A.secondaryglobalnav {
	COLOR: #666; TEXT-DECORATION: none; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 9pt;
	}
A.secondaryglobalnav:visited {
	COLOR: #666; TEXT-DECORATION: none; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 9pt;
}
A.secondaryglobalnav:hover {
	COLOR: #F60; TEXT-DECORATION: none;
}
A.secondaryglobalnav:active {
	COLOR: #666; TEXT-DECORATION: none; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 9pt;
}
A.footerlink {
	COLOR: #666; TEXT-DECORATION: underline; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 8pt;
	}
A.footerlink:visited {
	COLOR: #666; TEXT-DECORATION: underline; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 8pt;
}
A.footerlink:hover {
	COLOR: #F60; TEXT-DECORATION: underline;
}
A.footerlink:active {
	COLOR: #666; TEXT-DECORATION: underline; font-family: "Trebuchet MS",sans,  Arial, Helvetica; font-size: 8pt;
}
/* Testimonial CSS starts here */

.commentdiv {
	 width: 965px;
	 margin: 10px 5px;
	 height: 100px;

}

.comment_speaker {
	width: 220px;
	margin: 20px 30px 20px 10px;
	color: #005094;
	font: bold 11px verdana, sans-serif;
	line-height: 21px;
	float: left;
	text-align: left;
}

.comment_seperator {
	border: 1px solid #E5E5E5;
	height: 80px;
	float: left;
}

.comment_italics {
	font: italic 10px verdana, sans-serif;
}

.comment_comment {
	width: 600px;
	margin: 5px 10px;
	padding: 15px 0px;
	color: #666666;
	font: 12px verdana, sans-serif;
	line-height: 21px;
	float: left;
	text-align: left;
	padding-left: 25px;
}
/* Testimonial CSS starts here */

.contentboxnoheight
{
    width:778px;
    text-align:left;
    margin:0;
    padding:0 10px 20px 10px;
    border: 1px solid #ccc;

}
A.whiteblue {
	COLOR: #fff; TEXT-DECORATION: none;
	}
A.whiteblue:visited {
	COLOR: #fff; TEXT-DECORATION: none;
}
A.whiteblue:hover {
	COLOR: #036; TEXT-DECORATION: none;
}
A.whiteblue:active {
	COLOR: #fff; TEXT-DECORATION: none;
}
