/* CSS Document */

/*-------------------Global class------------------------*/

body {margin:0; padding:0 0 24px 0; font:14px/18px Arial, Helvetica, sans-serif; color:#484848;}

div, p, h1, h2, h3 {margin:0; padding:0;}

ul {margin:0; padding:0; list-style-type:none;}

.spacer {font-size:0; line-height:0; clear:both;}


.mainPanel { width:967px; margin:0 auto;}

/*--------------------header panel start here---------------------------------------*/

.header { width:967px; padding:14px 0 10px 0; float:left;}

.header img.logo {float:left; margin:0;}

.header img {float:right; margin:32px 0 0 7px;}


/*------------------Menu panel start hhere----------------------------------*/


.menubg {background:url(images/menubg.jpg) left top no-repeat; width:967px; float:left;}

.menubg ul { padding:0 0 0 21px;}

.menubg ul li { font:bold 13px/40px Arial, Helvetica, sans-serif; color:#676767; text-transform:uppercase; float:left; padding:0 18px;}

.menubg ul li a{ font:bold 13px/40px Arial, Helvetica, sans-serif; color:#676767; text-decoration:none;}

.menubg ul li a:hover, .menubg ul li.current_page_item a {color:#64009d;}


/*--------------Body Panel start here-----------------------------------*/

.bodyPanel { padding:11px 0 36px 0; font:14px/18px Arial, Helvetica, sans-serif; color:#484848; float:left; width:967px;}

.bodyIn {float:left; padding:31px 0 0 0;}

/*----------------Left panel start here---------------------------------*/

.leftPanel { width:689px; padding:0 11px 0 0; float:left;}

.leftPanel h2 { font:22px/26px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding:0 0 11px 0;}

.leftPanel p {padding:0 0 23px 0;}

.leftPanel a { font:14px/18px Arial, Helvetica, sans-serif; color:#484848; text-decoration:underline;}

.leftPanel a:hover {text-decoration:none;}

.leftPanel .banner {background:url(images/headerbg.jpg) left top no-repeat; height:206px; padding:0 0 0 20px/*40px*/; margin:0;}

.leftPanel .banner .bannerLft{ float:left; width:/*433px*/404px; padding-top:34px;}

.leftPanel .banner h1 {font:20px/24px Helvetica, Arial, Helvetica, sans-serif; color:#FDFDFD; text-transform:uppercase;}

.leftPanel .banner ul { padding:12px 0 0 0;}

.leftPanel .banner ul li { background:url(images/bullet.gif) left 7px no-repeat; padding:0 0 0 21px; font:14px/28px Arial, Helvetica, sans-serif; color:#FDFDFD;}

.leftPanel .banner ul li a {  font:14px/28px Arial, Helvetica, sans-serif; color:#FDFDFD; text-decoration:none;}

.leftPanel .banner ul li a:hover { color:#DCFAFF;}

.leftPanel .banner .bannerRht{  /*float:right; width:186px;padding-right:28px;*/ float:left; width:264px; text-align:center;}
/*.bannerRht img { width:186px; height:199px;}*/

/*------------------------Right panel start here--------------------------------------*/

.rightPanel { width:267px; float:left; }

.rightPanel h2 { background:url(images/rightheadbg.jpg) left top no-repeat; width:253px; font:17px/33px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 0 0 14px; margin:0 0 8px 0; float:left;}

.rightPanel ul { float:left;}

.rightPanel ul li { padding:0 0 8px 0;}

.rightPanel ul li a.rightLink, .widget_pages li a, .flexipages_widget li a {background:url(images/rightlink.jpg) left top no-repeat; display:block; text-decoration:none; width:248px; font:12px/39px Arial, Helvetica, sans-serif; padding:0 0 0 19px; color:#484848;}

.rightPanel ul li a.rightLink:hover, .widget_pages li a:hover,  .widget_pages li.current_page_item a, 
.flexipages_widget li a:hover, .flexipages_widget li.current_page_item a {background:url(images/rightlink.jpg) left 100% no-repeat;}





/*---------------------Footer start here---------------------------------------*/

.footer { border-top:1px solid #E2E2E2; padding:10px 0 0px 10px; font:11px/14px Arial, Helvetica, sans-serif; color:#333333; float:left; width:957px;}

.footer a { font:11px/14px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; padding:0 5px;}

.footer a:hover {text-decoration:underline;}

.footer img {float:left;}

.footer div {float:right; width:290px; text-align:right;}

.footer div p {padding:0 0 4px 0;}

.footer div p.copyRight { color:#7E7E7E;}



/* Calendar */

#calendar_wrap{ clear:both;}

#wp-calendar caption{
	text-align:center !important;
	font-weight:bold;
	line-height:30px;
}

#wp-calendar tr{
	background:#F2F3F4 !important;
	color:#444 !important;
	padding:6px 12px 10px 14px !important;
	}
	
#wp-calendar td, #wp-calendar th{
	font-size:12px !important;
	line-height:22px !important;
	width:39px !important;
	text-align:center !important;
	}
	
#wp-calendar tbody td a{
	background-color:#F9F9F9 !important;
	text-decoration:none !important;
	padding:0 5px !important;
	font-weight:bold !important;
}	

#wp-calendar tbody td a:hover{
	background-color:#F9F9F9 !important;
	text-decoration:none !important;
}
	
/* Calendar */


#respond{
	float:left;
	width:652px;
	background-color: #F4F8F9;
 	margin-top: 1px;
  	overflow: hidden;
 	padding: 18px;
}

#respond fieldset{ border:0;}
#respond h2{
	margin-bottom:10px;
}

#respond label{
	width:71px;
	float:left;
	font-size:12px;
	display: block; 
	margin: 3px 0 3px 1px;
	height:24px;
}

#respond label span{
	color:#C70000;
}

.respond-left{
	float:left;
	width:40%;
	margin-right:25px;
}

.respond-right{
	float:left;
	width:50%;
	margin-right:20px;
}

#comment{
	margin-bottom:5px;
}

#author, #email, #url{
	width:250px;
	float:left;
}
#s{ float:left; margin:2px 4px 10px 0; width:200px;}
#searchsubmit, #submit{
	background:#000;
	border:1px solid #000;
	color:#fff;
	font-size:11px;
	float:left;
	padding:1px 0;
	cursor:pointer;
	width:auto;
	height:24px;
}

#submit{
	height:25px;
}
.screen-reader-text{ display:none}

/* Comments */
ol.commentlist{ margin:0; padding:0}
.commentlist li{
	list-style:none !important;
	margin:10px 0 0 0;  
	padding:10px;
	font-style:normal;
	float:left; width:668px;
	border-bottom:1px solid #D5D5D5;
}
.commentlist li img{ border:1px solid #D5D5D5; float:left; display:block; margin:3px 10px 3px 3px; padding:2px;}
.commentlist li p{ 
	position:relative;
	padding:5px 0; 
	color:#000 !important;
	clear:both !important;
	line-height:18px;
}
.commentlist li a{color:#3288b7;}
.cancel-comment-reply small{ font-size:11px}

#commentform input, #commentform label, #commentform p{margin:0 0 1px 0; padding:0}
/* Comments */


.navigation .alignleft, .navigation .alignright{ width:auto; float:left; font-weight:bold; font-size:11px; padding:10px 0}
.navigation .alignright{float:right}

/* blog */

#content{float:left; width:660px;}

.blogPost{
	float:left;
	width:660px;
	margin:0 0 10px 0;
	background:transparent url(images/newsletter-bg.gif) repeat-x scroll 0 100%;
	border-bottom:1px solid #D4D4D4;
	padding:10px;
}

.blogPost h3, #respond h3{
	font:normal 22px/30px Arial, Helvetica, sans-serif;
	color:#4285BB;
	background-color:inherit;
}

.blogPost h3 a{
	font:normal 22px/30px Arial, Helvetica, sans-serif;
	color:#64009D;
	background-color:inherit;
	text-decoration:none;
}
.blogPost h3 a:hover{
	text-decoration:none;
	color:#CF080F;
	background-color:inherit;
}
.postmetadata{
	padding:0 5px 10px 5px;
	margin:15px 0 0 0;
}

.blogPost a{
	font-weight:bold;
}

.blogPost small{
	font-size:11px;
	font-weight:bold;
	padding-bottom:10px;
	color:#AE0000;
}

.blogPost p{
	padding-top:5px;
	font-size:12px;
}



/* Contact Form */
.wpcf7 form {
			margin:0;
			text-align:left;
			width:450px;
		}
		.wpcf7 form label{
			float:left;
			width:140px;
			padding-right:10px;
		}
			.wpcf7 form label span{ color:red;}
		.wpcf7 form input, .wpcf7 form textarea{
			width:225px;
			font-size:12px;
			color:#1D1C1B;
			background-color:#fff;
			margin-bottom:10px;
		}
				
		.wpcf7 form input.btn{
			float:left;
			width:auto;
			margin-left:150px;
			background:#63009b;
			border:1px solid #63009b;
			color:#fff;
			text-align:center;
			height:26px;
			cursor:pointer;
		}
/* Contact Form */

#post-3 h2.pagetitle{ display:none;}


.listStyle01 {
			font-family:Arial, Helvetica, sans-serif;
			padding-bottom:16px;
			}
			.listStyle01 li {
				background:url(images/bullet2.gif) 0 0 no-repeat;
				padding:0 0 7px 30px;
				line-height:20px;
			}
			.listStyle01 li a{ text-decoration:none;}


/*------------------------ portfolio gallery ----------------------------------------*/

img{
	border:0;
	}
	
a{
	outline:none;
	}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}

#gallery{
	width:690px;
	padding:10px 0;
	margin:0 auto;
	}
	
#gallery img{
	padding:5px;
	border:solid 1px #DFDFDF;
	background:#FFF;
	}
	
#gallery .thumb{
	float:left;
	margin:0 7px;
	padding-bottom:10px;
	}
	
#gallery .thumb img{
	margin-bottom:5px;
	width:312px;
	height:209px;
	}
	
#gallery .thumb p{
	font:normal 12px/17px Tahoma, Geneva, sans-serif;
	color:#000;
	padding-left:5px;
	}

#gallery .thumb p a{
		text-decoration:none;
		color:#000;
	}
	
#gallery .thumb p a:hover{
	text-decoration:underline;
	}
	
#gallery .thumb p span{
	background:url(http://www.razormicro.com/images/arrow.gif) no-repeat 100% 50%;
	padding-right:15px; padding-bottom: 0px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	
.ddimgtooltip{
display:none;
position:absolute;
border:1px solid #DFDFDF;
background:white;
color: black;
z-index:2000;
padding: 10px;
}