/*
CSS Credit: http://www.templatemo.com/
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

a:link, a:visited { color: #008000; text-decoration: none;} 
a:active, a:hover { color: #686868; text-decoration: underline;}

h1 {
	margin: 0 0 5px 0;
	padding: 10px 0 10px 10px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	background: #008000;
}

h2 {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	color: #ffffff;
	background: #008000;
}


h3 {
	letter-spacing: 2px;
	margin: 0;
	padding: 3px 0 3px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background: #333333;
}

h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

p{
	margin: 0 0 15px 0;
}

img {
	border: none;
	margin: 0;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
}

#templatemo_container {
	margin: auto;
	width: 960px;
}

/* top panel */
#templatemo_top_panel {
	width: 960px;
	height: 120px;
	margin: 0;
	padding: 0;
	background: #fff url('images/templatemo_top_panel_background.jpg') no-repeat;
}

#templatemo_header {
	float: left;
	display: inline;
	margin: 40px 0 0 30px;
}

#templatemo_header #site_title{
	padding: 10px 0 8px 0;
	margin: 0;
	color: #008000;
	font-family: Arial narrow;
	font-size: 38px;
	font-weight: bold;
	background: none;
}

#templatemo_header #slogan{
	padding-left: 100px;
	margin: 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.templatemo_ad_468x60 {
	float: right;
	color: #FFFFFF;
	margin: 40px 15px 0 0;
	width: 468px;
	height: 60px;
}

.templatemo_ad_468x60 img{
	border: none;
}
/* end of top panel */

/*------------- Menu ------------------*/
#templatemo_menu {
	width: 960px;
	height: 35px;
	background: #000;
	border-bottom: 0px solid #333;
}

#templatemo_menu ul {
	float: left;
	width: 750px;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#templatemo_menu ul li{
	display: inline;
}

#templatemo_menu ul li a{
	float: left;
	padding: 0 25px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#templatemo_menu ul li .lastmenu{
	border-right: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
	color: #008000;
}

#templatemo_menu form{
	float: right;
	width: 170px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: left;	
}

#templatemo_menu form input{
	width: 120px;
	color: #FFFFFF;
	background: #000;
	height: 20px;
	border: 1px solid #666;
}

#templatemo_menu form .button{
	border: none;
	background: none;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	width: 40px;
}
/* ----------------- end of menu----------------*/

#templatemo_content {
	width: 960px;
	margin-bottom: 25px;
}

#templatemo_content #templatemo_content_left {
	float:left;
	width: 640px;
	padding: 0 10px 0 0;	
	border-right: 1px solid #CCCCCC;
}

#templatemo_content #templatemo_content_right {
	float: right;
	width: 300px;
}

#templatemo_content_left .tempaltemo_content_left_section_01 {
	clear: both;
	width: 640px;
}

.tempaltemo_content_left_section_01  .section_01_two_col {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}

.section_01_two_col .section_01_box {
	clear: both;
	width: 100%;
	height: 149px;
	padding: 15px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.section_01_box .section_01_box_title{
	font-weight: bold;
	font-size: 14px;
}

.section_01_box img{
	float: left;
	margin: 3px 15px 0 0;
}

#templatemo_content_left .tempaltemo_content_left_section_02{
	clear: both;
	width: 640px;
}

.tempaltemo_content_left_section_02  .section_02_box {
	float: left;
	width: 298px;
	border: 1px solid #CCCCCC;
	margin: 0 20px 0 0px;
}

.section_02_box .section_02_box_content{
	float: left;
	padding: 15px;
}

.section_02_box_content .section_02_box_content_title {
	font-weight: bold;
}

.section_02_box_content ul{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

.section_02_box_content ul li{
	margin: 0;	
	background: url('images/templatemo_listicon.gif') no-repeat top left;; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:5px
}

.section_02_box img {
	float: left;
	margin: 3px 15px 0 0;
}

#templatemo_content_left .tempaltemo_content_left_section_03 {
	clear: both;
	width: 640px;
	background: #d2d6db;
}

.tempaltemo_content_left_section_03 .section_03_box {
	float: left;
	width: 140px;
	margin: 0 10px;
}

#templatemo_content_right .content_right_section_01 {
	width: 300px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-top: 2px;
	border-bottom: 1px solid #CCCCCC;
}

.content_right_section_01 .blog_box {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dddddd;
}

.content_right_section_01 .blog_box h5 a{
	color: #195fff;	
}

.content_right_section_01 .blog_box span{
	color: #ff366f;
}


.content_right_section_01 .sister_links_box {
	float: left;
	width: 140px;
	padding-right: 10px;
}

.title{color:#008000; font-size:15px}

}

#result_report {
	text-align:center ;
	padding:3px;
	background-color:#EAEAEA; 
	font-weight: bold;
	margin-bottom:14px;
}

#did_you_mean {
	font-size: 14px; 
	text-align:center ;
	margin:10px;

}

/* ----- Footer ----- */

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #ccc;
opacity: .99;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #cccccc;
opacity: .75;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}

#templatemo_footer {
	clear: both;
	padding: 10px 25px;
	width: 910px;
	text-align: center;
	background: #DDD;
	text-align: center;
	font-size: 11px;
	color: #666;
}

#templatemo_footer p{
	margin-bottom: 10px;
	padding: 0;
	text-align: justify;
}

#templatemo_footer a{
	font-weight: normal;
}

.panel {
position: absolute;
top: 50px;
left: 0;
display: none;
background: #fff;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 625px;
height: auto;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=85);
opacity: .95;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 30px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
background:#333333 url('../images/plus.png') no-repeat 10% 50%;
border:1px solid #444444;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
display: block; padding-left:15px; padding-right:40px; padding-top:20px; padding-bottom:20px
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 30px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
background:#222222 url('../images/plus.png') no-repeat 10% 50%;
border:1px solid #444444;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
display: block; padding-left:20px; padding-right:40px; padding-top:20px; padding-bottom:20px
}

a.active.trigger {
background:#222222 url('../images/minus.png') no-repeat 10% 50%;
}

#contact-container {width:450px; opacity: .90; font-family:'Trebuchet MS', Verdana, Arial; font-size:14px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url('../img/contact/loading.gif') no-repeat; z-index:8000; height:55px; width:54px; padding:0; margin-left:170px; margin-right:0; margin-top:-14px; margin-bottom:0}
#contact-container .contact-message {text-align:left;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:normal;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url('../img/contact/form_top.gif') no-repeat; padding:0; margin:0}
#contact-container .contact-bottom {height:13px; background:url('../img/contact/form_bottom.gif') no-repeat; font-size:.7em; text-align:center}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {cursor:pointer; height:24px; border:0px none; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; margin-left:4px; margin-right:0; margin-top:4px; margin-bottom:0}
#contact-container .contact-send {width:50px; background:url('../img/contact/send.png') no-repeat;}
#contact-container .contact-cancel {width:65px; background:url('../img/contact/cancel.png') no-repeat;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modal-close:hover {color:#9bb3b3;}




/* ----- End of Footer ----- */