/*  
Client: CLARKE Commerce
Client URL: /
Description: CSS For CLARKECommerce
Version: 2.0
Date: 08/07/2010
*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	About us
	
*/

/* 1.0	Reset CSS */
*{margin: 0;padding: 0;	border: 0; font-weight: normal;	font-style: normal;	font-size: 100%;	text-align: left;}
a{ text-decoration:none; color:#333333}
a.link{color:#FFCC00; text-decoration:underline;}
table {border-collapse: collapse;border-spacing: 0;}
ol,ul {list-style: none;}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* 2.0	Global Formatting */
html, body { border:0; 	margin:0 0 0 0; padding:0;	}
/* 3.0	Common Formatting */
a img  { border:none}
em{ font-style:italic}
/* 4.0	Links */
a:link {color: #ff9900; text-decoration:none}
a:hover {color: #9accff; text-decoration:underline;}
a:focus {color: #9accff; text-decoration:underline;}
a:active{outline: none; color:#336699; text-decoration:underline}
a:visited {color: #9accff; text-decoration: none; }
/* 5.0	Fonts */
.Walkway_Black{ font-family:"Walkway Black"; font-style:normal; }
.arial{ font-family:Arial, Helvetica, sans-serif}
/* 6.0	Global Classes */
body {	font-size:62.5%; color:#333333;	font-family:"Georgia" ; background:#FFFFFF}
.clear {	clear:both;}
.error, div.error a{    color: Red;}
.hide {	display:none;}
.fl {	float:left;}
.fr {	float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {	text-align:center;}
.text-justify {	text-align:justify;}
.norightmargin {	margin-right:0!important;}
.nopadding{ padding-bottom:0px!important}
.size_10{ font-size:10px}
.size_12{ font-size:12px}
.size_14{ font-size:14px}
.size_16{ font-size:16px}
.size_18{ font-size:18px}
.size_20{ font-size:20px}
.color_999{ color:#999999}
.bold{ font-weight:bold}
/* 7.0	Wrapper */
.body_img{ background:url(../images/main_bg.png) center top no-repeat; padding-bottom:25px}
#wrapper{ width: 976px; margin:auto; position:relative; background:url(../images/wrapper.jpg) 0 0 repeat-x; padding:35px 0 0 0  }
/******* Header css class***************/
.header{ height:80px}
.emain_address{ padding:10px 12px 0 0;}
.emain_address p, .emain_address p a{ font-style:italic}
/**** 8.0 Logo**/
.logo{}
/****Menu*********/
.menu{}
.menu ul{}
.menu ul li{ display:block}
.menu ul li{ display:block}
.menu ul li a{ line-height:30px; font-size:28px; color:#FFFFFF; font-style:italic; font-weight:normal}
.menu ul li a:hover, .menu ul li a.act{color:#6699cc; line-height:30px; font-size:28px; font-style:italic; font-weight:normal; text-decoration:none}
/**** footer**********/
#footer{ padding:0px 0 20px 0; background:url(../images/footer.jpg) bottom repeat-x}
.footer_menu{  }
.footer_menu a{ height:24px; float:left; display:block; font-size:12px}
.newsletter{width:700px; padding:5px 10px 0 0px}
.follow{ width:200px; padding:5px 0px 0 10px}
.mce_inline_error{ float:left; color:#FF0000; padding:0 5px; }
#mce_inline_error{color:green}
#mce-success-response{ width:450px; margin:-5px 0 0 0 }
#mce-error-response{width:450px; margin:-5px 0 0 0 }
.response{padding:0 5px; color:green; float:left}
.newssupscribe{ width:166px; padding:2px 3px;  border:1px solid #6d6e71; float:left; margin-right:5px}
.newssupscribe_go{ background:#818285; border:1px solid #6d6e71; color:#ffffff; padding:1px 3px; float:left; cursor:pointer}
.padding{ padding:8px 0 24px 0; _padding:0px 0 24px 0}
.f_menu a{background:url(../images/arrow.jpg) right 7px no-repeat; float:left; display:block; padding:0 5px 0 5px; color:#333; font-size:12px!important }
.f_menu a.nopadd{padding:0 5px 0 0px}
.follows{ float:right; padding:18px 0 0 0}
.follows a{ background:url(../images/follow.jpg) 0 0 no-repeat; height:24px; float:left; display:block; }
.follows a.phone{ background-position:0 0; width:36px;}
.follows a.facebook{ background-position:-36px 0;width:24px}
.follows a.in{ background-position:-60px 0; width:24px}
.follows a.twitter{ background-position:-84px 0px; width:24px}
p.copyright{  }
.padding_left{ padding:5px 0 0 10px;}
.padding_right{ padding:5px 10px 0 0px;}
.news_txt{ padding-bottom:4px}
/****************Home page css*************************/
.container{ border:1px solid #333333; border-width:1px 0; padding:11px}
.home{ background:url(../images/container.jpg) no-repeat; min-height:429px}
.home .left_container{ width:650px;}
.home .right_container{ width:288px;}
.home .right_container p{ color:#FFFFFF; font-size:15px; text-align:justify}
p.spot{ padding:0 0 10px 0}
h1{ font-size:50px; line-height:52px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0 0; font-weight: bold; letter-spacing: -3px ; line-height: 85%}

/****About Us page css****************/
.about .left_container{ width:174px;}
.about .right_container{ width:768px; padding:0 0 0 11px}
.about .right_container p{ color:#FFFFFF; font-size:15px; text-align:justify}
.about{ background:url(../images/about.jpg) no-repeat; height:429px}

/****Contact Us page css****************/
.Contact .left_container{ width:205px;}
.Contact .right_container{ width:741px; padding-top:125px }
.Contact .right_container p{ color:#FFFFFF; font-size:15px; text-align:justify}
.Contact{ background:url(../images/contact_img.jpg) no-repeat; height:429px}
.Contact_input{ background:#FFFFFF; color:#333333; width:510px; height:224px; border:1px solid #333; padding:5px}
.Contact_btn{ width:70px; height:33px; cursor:pointer; border:none; background:url(../images/send.jpg) no-repeat; margin:8px 0 0 0}
.form{ width:523px}
.contact_info{ width:200px}
.contact_info p{ color:#FFFFFF; font-weight:normal!important; font-size:16px!important; text-align:right!important; font-style:italic; padding-bottom:12px}

/*************Partner***************/
.partner { background:url(../images/partner.jpg) no-repeat; height:auto}
.partner p a{ font-style:italic}
/******************Approch*************************/
.approch{ background:url(../images/approch_bg.jpg) no-repeat}
.approch_footer{ background:url(../images/approch_footer.jpg) bottom no-repeat; padding-bottom:15px }
.container_approch{ border:1px solid #333333; border-width:1px 0; padding:11px 11px 0px 11px}
/***************Case study***************/
.case_main .right_container{ width:738px; padding:0 0 0 11px!important; text-align:justify!important}
.case_study{ padding-bottom:25px}
.case_menu{ width:60px; background:url(../images/circle.jpg) 0 0 no-repeat; height:61px; font-family:Arial, Helvetica, sans-serif; font-size:50px; padding:0 0 0 15px; line-height:60px}
.case_description{ width:655px}
.case_description p{ padding:0px!important; font-style:normal!important;}
.case_description a{ font-weight:bold; font-style:italic}
/**************layout****************/
.common .left_container{ width:210px;}
.common .right_container{ width:733px; padding:130px 0 0 11px; text-align:justify!important}
.common .right_container p{ color:#333; font-size:17px; padding-bottom:20px; text-align:justify ; font-style:italic}
.common .menu ul li a{ color:#333333!important}
.common .menu ul li a:hover{ color:#6699cc!important}
.common h1{ color:#333; }
/**************Ecommerce**************************/
.ecommerce{ background:url(../images/ecommerce.jpg) repeat-y}
.ecommerce .txt{ width:320px; padding:30px 0 0 12px;}
.ecommerce .images{width:309px}
.ecommerce .images p{ text-align:right!important; padding:5px 10px 5px 0px!important}
.trans{ background:url(../images/ecommerce_transperent.png) 0 0 repeat}
.container_ecommerce{ border:1px solid #333333; border-width:1px 0; padding-bottom:11px  }
.container_ecommerce .left_container{ width:311px; padding:11px 0 0 0px}
.container_ecommerce .right_container{ width:643px; padding:0px 0px 11px 11px!important; text-align:justify!important; margin-right:11px}
.container_ecommerce .right_container p{ font-style:italic; color:#000000; font-size:13px; line-height:18px; padding-bottom:15px; text-align:justify}
.container_ecommerce .menu ul li{ display:block; padding-left:11px;}
.container_ecommerce .menu ul li a{ color:#333333!important}
.container_ecommerce .menu ul li a:hover{ color:#6699cc!important}
.container_ecommerce h1{ color:#333; padding-bottom:5px }
.container_ecommerce p.spot{ padding-left:11px}
.f_menu{ margin-left:-5px;}
.newssupscribepage{ width:300px; padding:2px 5px;  border:1px solid #6d6e71; float:left; margin-right:5px; font-family:"Georgia"}
#footer .padding_left{ padding:5px 0 0 0px!important;}
#footer .padding_right{ padding:5px 0px 0 0px!important;}
.newssupscribe_go2{ background:#818285; border:1px solid #6d6e71; color:#ffffff; padding:5px; float:left; cursor:pointer}