@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/body_bg.gif) 0 0 repeat-x #535353;
	color:#DEDEDE;
	font-size:14px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
	margin:0;
	padding:0;
}
h1 {
	color:#A4BA34;
	font-size:20px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
h2 {
	width:97%;
	color:#A4BA34;
	font-size:20px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #717171;
	margin-bottom:10px;
}
.description {
	font-family: Arial, Helvetica, sans-serif;
	color:#DEDEDE;
	text-align:center;
}
.description1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#DEDEDE;
	text-align:left;
}
.logoimg_white {
	margin:0px auto;
	text-align:center;
	width:380px;
	height:245px;
	background:#ffffff url(images/logo_bg1.png) no-repeat 0px 0px;
}
.logoimg_white img, .logoimg_white object {
	padding:0px;
	margin:0px 5px;
	margin-top:45px;
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain {
	width:100%;
	background:url(images/top_color.gif) left top repeat-x;
	padding:0 0 20px 0;
}
#body {
	width:959px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg.gif);
	background-repeat: repeat-y;
	background-position: -25px;
}
/*------------------------------------------------left--------------------*/
#left {
	width:300px;
	float:left;
	margin:0 14px 0 0;
	padding:8px 0 0 0;
}
#left img {
	display:block;
	font-size:0;
	line-height:0;
	margin:0px auto;
	border:none;
}
#left form {
	width:251px;
	padding:0px;
	text-align:center;
	margin:0px auto;
	padding-bottom:5px;
}
#left form input.txtBox {
	width:172px;
	height:21px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	float:left;
	padding:0 0 0 15px;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#0D0D0D;
	background-color:#ffffff;
	margin:5px 0 5px 0;
}
#left form input.serch {
	width:56px;
	height:23px;
	background:url(images/btn_serch.gif) 0 0 no-repeat #515151;
	font:normal 12px/23px Georgia, "Times New Roman", Times, serif;
	color:#CBCBCB;
	float:right;
	border:none;
	cursor:pointer;
	margin:5px 0 0 0;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------mid--------------------*/
#mid {
	width:148px;
	float:left;
	background-color:#7C806B;
	color:#fff;
	margin:5px 0 0 0;
	padding:0 0 112px 0;
}
.category_title{
background:url(images/member_login_icon.gif) 5px 8px no-repeat black;
padding-left:37px;
height:37px;
line-height:37px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
#web {
	width:117px;
	height:130px;
	padding:0 0 0 31px;
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	background:#323232 url(images/web_special.gif) center center no-repeat;
}
#web a {
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	background:url(images/web_special.gif) 0 0 no-repeat;
	width:96px;
	height:122px;
}
/*#web a:hover {
	background:url(images/web_special_hover.gif) 0 0 no-repeat;
}
*/
#mid ul.nav {
	width:148px;
	padding:0 0 0px 0;
}
#mid ul.nav li {
	height:21px;
	border-bottom:#535353 solid 1px;
	background:#323232;
}
#mid ul.nav li.noBdr {
	border:none;
	padding-bottom:5px;
}
#mid ul.nav li a {
	display:block;
	background:url(images/bullet.gif) 11px 6px no-repeat #323232;
	padding:0 0 0 26px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#DBDFCC;
	text-decoration:none;
}
#mid ul.nav li a:hover {
	background-color:#BD3535;
	color:#fff;
}
#mid ul.nav li a.hover {
	display:block;
	background:url(images/bullet.gif) 11px 6px no-repeat #BD3535;
	padding:0 0 0 26px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#mid ul.nav1 {
	width:148px;
	padding:0 0 0px 0;
}
#mid ul.nav1 li {
	height:21px;
	border-bottom:#535353 solid 1px;
	background:#323232;
}
#mid ul.nav1 li.noBdr {
	border:none;
	padding-bottom:5px;
}
#mid ul.nav1 li a {
	display:block;
	background:url(images/bullet.gif) 11px 6px no-repeat #5C6F22;
	padding:0 0 0 26px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#DBDFCC;
	text-decoration:none;
}
#mid ul.nav1 li a:hover {
	background-color:#BF7217 !important;
	color:#fff;
}


/*------------------------------------------------mid--------------------*/

/*------------------------------------------------right--------------------*/
#right {
	width:482px;
	float:left;
	background:url(images/right_panel_bg.jpg) 0 0 no-repeat;
	margin:5px 0 0 0;
	padding:0 0 0 14px;
}
#right ul {
	width:377px;
	margin:95px 0 0 62px;
	display:block;
	height:64px;
}
#right ul li {
	float:left;
}
#right ul li a {
	font:bold 12px/25px Georgia, "Times New Roman", Times, serif;
	color:#9E0680;
	background-color:inherit;
	text-decoration:none;
}
#right ul li a:hover {
	color:#000;
	background-color:inherit;
}
#right ul li.service {
	display:block;
	background:url(images/service_bg.gif) 0 0 no-repeat;
	width:62px;
	height:25px;
	margin:0 21px 0 0;
	padding:0 0 0 15px;
}
#right ul li.support {
	display:block;
	background:url(images/service_bg.gif) 0 0 no-repeat;
	width:62px;
	height:25px;
	margin:39px 29px 0 0;
	padding:0 0 0 15px;
}
#right ul li.blog {
	display:block;
	background:url(images/service_bg.gif) 0 0 no-repeat;
	width:62px;
	height:25px;
	margin:0 19px 0 0;
	padding:0 0 0 15px;
}
#right ul li.contact {
	display:block;
	background:url(images/service_bg.gif) 0 0 no-repeat;
	width:62px;
	height:25px;
	margin:39px 0 0 0;
	padding:0 0 0 15px;
}
#right p.quote {
	display:block;
	width:480px;
	padding:0 0 47px 0;
	font: italic 18px/24px Georgia, "Times New Roman", Times, serif;
	color:#DEDEDE;
	background-color:inherit;
	float:left;
}
#right p.quote img.coma {
	display:block;
	margin:0 18px 0 0;
	float:left;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain {
	width:100%;
	height:100px;
	background-color:#353535;
	color:#fff;
}
#footer {
	width:959px;
	margin:0 auto;
	height:100px;
	position:relative;
}
#footer ul {
	width:700px;
	position:absolute;
	left:13px;
	top:23px;
}
#footer ul li {
	float:left;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#9A9A9A;
	background-color:inherit;
}
#footer ul li a {
	padding:0 5px;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#9A9A9A;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer p.copyright {
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	position:absolute;
	left:13px;
	top:43px;
	color:#BBC1A0;
	background-color:inherit;
	clear:both;
	padding-left:5px;
}
#footer p.design {
	display:block;
	width:245px;
	height:12px;
	position:absolute;
	left:13px;
	top:59px;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:2px;
	padding-left:5px;
}
#footer p.design a.link {
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a.link:hover {
	color:#fff;
	background-color:#BD3535;
}
#footer a.xhtml {
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:81px;
	height:19px;
	position:absolute;
	left:752px;
	top:21px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#8A1414;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 7px;
}
#footer a.xhtml:hover {
	color:#000;
	background-color:inherit;
}
#footer a.css {
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:81px;
	height:19px;
	position:absolute;
	left:848px;
	top:21px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#8A1414;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 7px;
}
#footer a.css:hover {
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/


.view_portfolio_btn {
	text-align:center;
	clear:both;
}
.view_portfolio_btn img {
	margin-bottom:5px;
	border:0px;
}
.price_box {
	border:1px solid #888;
	width:475px;
	height:200px;
	clear:both;
	margin-bottom:10px;
	background:url(images/price_bg.png) top right no-repeat;
}
.gradient_bg {
	border:1px solid #888;
	width:475px;
	padding-bottom:10px;
	clear:both;
	margin-bottom:10px;
	background:url(images/gradient_bg.png) top right no-repeat;
	margin-top:15px;
}
.gradient_bg p {
	margin-left:10px;
	display:block;
	background:url(images/bullet.gif) 11px 6px no-repeat;
	padding:0 0 0 26px;
	font:bold 14px/21px Arial, Helvetica, sans-serif;
	color:#DBDFCC;
	text-decoration:none;
}
.gradient_bg h3 {
	color:#A4BA34;
	font-size:20px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	padding:10px 0px 5px 15px;
}
.price_box h3 {
	color:#A4BA34;
	font-size:20px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	padding:10px 0px 5px 15px;
}
.price_box p {
	margin-left:10px;
	display:block;
	background:url(images/bullet.gif) 11px 6px no-repeat;
	padding:0 0 0 26px;
	font:bold 14px/21px Arial, Helvetica, sans-serif;
	color:#DBDFCC;
	text-decoration:none;
}
.buyitnow {
	height:25px;
	background:url(images/buyitnow.png) top right no-repeat;
	margin-top:-35px;
	margin-bottom:10px;
}
.contact_form {
	text-align:center;
}
.message_sent {
	background-color:green;
	color:white;
	padding:5px 10px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.right_side {
	margin-top:43px;
}
a {
	color:orange;
}
a:hover {
	color:#D9E021;
}
.more {
	background-color:#BD3535;
	color:#fff;
	font:bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	padding:1px 3px;
}
.more:hover {
	background-color:white;
	color:red;
}
.title {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #999;
	margin:10px 0px;
}
strong {
	color:orange;
	text-transform: uppercase
}
.order_button {
	text-align:center;
	margin:10px 0px;
	height:85px;
}
/* 
form
*/

.contactform .notification_error {
	height: auto;
	width: 90%;
	padding: 4px;
	background: red;
	text-align: left;
	margin:0px auto;
	margin-bottom:10px;
}
.contactform .notification_ok {
	border: 1px #555 solid;
	padding:10px;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #3A5F12;
	text-align: center;
	color:white;
	margin-bottom:10px;
}
.contactform .info_fieldset {
	border: 1px #666 solid;
	width:460px;
	padding:15px 0px;
	margin-top:0px;
	padding-top:0px;
}
.contactform .info_fieldset legend {
	border: 1px #ccc solid;
	color: white;
	font: 13px Verdana;
	padding: 2px 5px 2px 5px;
	margin-left:10px;
	margin-bottom:10px;
}
.contactform .button {
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #222222;
	color: white;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}
.contactform label {
	width: 100px;
	padding-left: 10px;
	margin: 5px;
	float: left;
	text-align: left;
}
.contactform input, .contactform textarea {
	margin: 5px;
	padding: 0px;
	float: left;
	border: 1px solid #ccc;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
	background-color:#444444;
	color: #fff;
	font-weight:bold;
	padding:3px;
}
.contactform .color1 {
	line-height:25px;
}
.contactform br {
	clear: left;
}
hr{
color:#555555;
width:95%;
}
.quick_contact_title{
font-size:16px;
font-weight:bold;
margin:0px 10px;
margin-bottom:10px;
display:block;
border-bottom:1px solid #555555;
clear:both;
text-align:center;
color:#C9CA91;
}