/*** Standard Tags ***/
body { margin:0; padding:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#746a6a; }

h1 { font-size:20px; color:#d5222c; margin:0 0 0 0; letter-spacing:0px;/**/ font-family:"Arial Narrow", Arial, Helvetica, sans-serif; }
h2 { font-size:20px; color:#b4b5b5; margin:0 0 10px 0; letter-spacing:0px;/**/ font-family:"Arial Narrow", Arial, Helvetica, sans-serif; }
h3 { font-size:17px; color:#b4b5b5; margin:0 0 0 0; letter-spacing:0px;/**/ font-family:"Arial Narrow", Arial, Helvetica, sans-serif; }
h4 { font-size:14px; color:#d5222c; margin:0 0 0 0; letter-spacing:0px;/**/ font-family:Arial, Helvetica, sans-serif; }
h5 { font-size:20px; color:#d5222c; margin:0 0 0 0; letter-spacing:0px;/**/ font-family:"Arial Narrow", Arial, Helvetica, sans-serif; }
h6 { font-size:13px; color:#746a6a; margin:25px 0 0 0; letter-spacing:0px;/**/ font-family: Arial, Helvetica, sans-serif; }
.letterspacing { letter-spacing:-1px !important; }

p,td,li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#746a6a; }

a:link, a:visited { color: #ce000c; text-decoration:none; }
a:hover, a:focus { color: #ce000c; text-decoration:underline; }

img { border:0; }
.notVisible { display:none; }
.bold { font-weight:bold; }
.red { color:#ce000c; }
.left { float:left; }
.right { float:right; }
.accesibility, #mySpamTrap { display:none; }
.seperatortitle {border-bottom: 1px dotted #cbcbcb; margin-right:20px; margin-top:10px;}

.size_20 { font-size:20px; }
.size_18 { font-size:18px; }
.size_16 { font-size:16px; }

form { margin:0; padding:0; }

/*** Clear ***/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	/* Hides from IE-mac */
	* html .clearfix { height:1%; }
	.clearfix { display:block; }
.clearer { clear:both; height:0; font-size:px; }


/*** Template Tags ***/

/* container */
div.container { position:relative; width:943px; margin:0 auto; }

	/* header */
	div.header { width:943px; margin:0 auto; background-color:#f4f4f4; }
		
		/* homepage */
		div.home { height:461px; }
		div.home a.logo { position:relative; float:left; display:block; width:145px; height:82px; left:23px; top:25px; }
			div.home a.logo span { display:none; }
		div.home div.flash { width:943px; height:347px; float:left; margin:25px 0 0 0; /*background:url(../images/header/flash_temp.png) no-repeat;*/ }
		
		/* internal */	
		div.content {width:943px; float:left;}
		div.content a.logo { position:relative; float:left; display:block; width:145px; height:82px; left:23px; top:25px; }
			div.content a.logo span { display:none; }
		div.content div.flash { width:943px; height:141px; float:left; margin:40px 0 0 0; background:url(../images/header/banner.png) no-repeat;}

		
	/* top nav */
	div.topnav { position:absolute; top:44px; right:21px; height:34px; }
		div.topnav div.first { width:9px; height:34px; float:left; background:url(../images/header/topnav_left.gif) no-repeat; }
		div.topnav ul { margin:0; padding:0; float:left; list-style:none;  }
			div.topnav ul li { float:left; margin:0; background:url(../images/header/topnav_sep.gif) top right no-repeat; }
			div.topnav ul li a { font-size:12px; color:#ffffff !important;background:url(../images/header/topnav_bg.gif) repeat-x;  display:block; height:34px; padding: 0 15px 0 15px; line-height: 34px; margin:0; }
			div.topnav ul li a:hover, div.topnav ul li a.on { color:#ffffff;background:url(../images/header/topnav_bg_on.gif) repeat-x; text-decoration: none; }
			div.topnav ul li.last { background:none; }			
		div.topnav div.last { float:left; width:9px; height:34px; background:url(../images/header/topnav_right.gif) no-repeat; }
	
	/* body home*/
	div.body { width:943px; margin:auto; }
		div.body div.col_1 { float:left; width:278px; margin-top:40px; min-height:511px; padding:27px 10px 0 0; background:url(../images/layout/home_shadow_left.gif) no-repeat top right; }
			div.body div.col_1 h2 { color:#35424b; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:0px;/**/ text-transform:uppercase; }
			div.body div.col_1 ul { margin:40px 0 0 0; padding:0; width:250px; list-style:none; }
				div.body div.col_1 ul li { width:250px; border-top:1px dotted #cbcbcb; padding:12px 5px 16px 5px; }
				div.body div.col_1 ul li img { margin-right:5px; float:left; }
				div.body div.col_1 ul li div.content { float:left; width:165px; }
					div.body div.col_1 ul li div.content h3 { font-size:16px; color:#35424b; margin:0 0 0 0; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing:0px;/**/ text-transform:uppercase; }										
					div.body div.col_1 ul li div.content p { margin:0; }
		div.body div.col_2 { float:left; width:430px; margin-top:40px; margin-left:30px; min-height:511px; padding:27px 30px 0 0; background:url(../images/layout/home_shadow_right.gif) no-repeat top right; }
			div.body div.col_2 div.homeBanners { width:403px; margin-top:20px; }
				div.body div.col_2 div.homeBanners img { width:403px; margin-top:10px; }
			div.body div.col_2 div.news { width:403px; margin:15px 0 10px 0; padding:0 0 2px 20px; background-color:#f5f5f5; }
				div.body div.col_2 div.news h2 { text-transform:uppercase; margin-left:-20px; padding:8px 10px 6px 10px; display:block; background-color:#ececec; }
				div.body div.col_2 div.news ul li { margin-bottom:7px; }
				div.body div.col_2 div.news ul li a { color:#868686; }
		div.body div.col_3 { float:left; width:131px; margin-top:40px; margin-left:30px; min-height:511px; padding:27px 0 0 0; }	
			div.body div.col_3 ul { margin:20px 0 0 0; padding:0; list-style:none; }
				div.body div.col_3 ul li { border-bottom:1px dotted #cbcbcb; padding:14px 0px 14px 0px; margin:0; }
				div.body div.col_3 ul li.last { border:none; }
			div.body div.col_3 a.btReadTestimonials { display:block; margin-top:28px; width:112px; height:71px; background:url(../images/buttons/bt_read_testimonials.gif) no-repeat; }
			div.body div.col_3 a.btReadTestimonials span { display:none; }
		
	/* body content*/
		div.body div.col_1_of_2 { float:left; width:147px; margin-top:10px; min-height:511px; padding:27px 19px 0 22px; background:url(../images/layout/home_shadow_left.gif) no-repeat top right; }
		div.body div.col_2_of_2 {width:700px;float:left;margin-top:10px; margin-left:25px;min-height:511px; padding:27px 22px 0 0;}
		div.body div.col_1_of_1 { float:left; width:943px; margin-top:10px; padding:27px 0px 0 0px; }
		
		/* for IE */
		* html div.body div.col_1_of_2 {height: 511px;}
		div.body div.col_2_of_2 h3 { color:#746a6a; font-size:1.4em; margin:0; font-family:Arial, Helvetica, sans-serif; }		
		h3.caseList a { color:#746a6a; margin:0; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; font-size:17px !important; }
		
		div.body div.col_1_of_3 { float:left; width:147px; margin-top:10px; min-height:511px; padding:27px 19px 0 22px; background:url(../images/layout/home_shadow_left.gif) no-repeat top right; height:100% }
		
		/* for IE */
		* html div.body div.col_1_of_3 {height: 511px;}
				
		div.body div.col_2_of_3 {width:460px;float:left;margin-top:10px; margin-left:20px;min-height:511px; padding:27px 42px 0 0; background:url(../images/layout/home_shadow_left.gif) no-repeat top right; }
		div.body div.col_3_of_3 { float:left; width:178px; margin-top:10px; min-height:511px; padding:27px 19px 0 14px; }
		div.body div.newclass { width:648px; }
		
		
		div.col_1_of_2_noleft {width:700px;float:left;margin-top:10px; min-height:511px; padding:27px 5px 0 5px; background:url(../images/layout/home_shadow_left.gif) no-repeat top right;  }
		div.col_2_of_2_noleft {float:left; width:178px; margin-top:10px; min-height:511px; padding:27px 19px 0 14px;}
		div.col_1_of_2_noleft {*width: 700px;}
		
		.contactus {margin-left: 10px;}

		.dropshadow {background:url(../images/dropshadow.gif) no-repeat; width:188px; height:121px; }
		.dropshadow img  {margin:8px 0 0 8px;}	
		.float {float:left;}
		div.case_col1 .casestudyitem_left { float:left; width:300px; margin:10px 0 0 0; border-right:1px dotted #cbcbcb; padding-right:15px; }
		div.case_col1 .casestudyitem_left h3 a, div.case_col1 .casestudyitem_right h3 a { color:#746a6a; font-size:14px; margin:0 0 0 0; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}
		div.case_col1 .casestudyitem_right { float:left; width:300px; margin:10px 0 0 40px; padding-right:15px; }
		div.case_col1 .casestudyitem_left p, div.case_col1 .casestudyitem_right p { margin:9px 0 9px 0; }
		
		
		a.more:link, a.more:visited { color:#c00000; font-weight:bold; padding-bottom:10px; display:block; margin:0px; }
		a.more:hover, a.more:focus {color:#c00000; font-weight:bold; padding-bottom:10px; display:block; margin:0px; }
		div.rhs_case a.more:link, div.rhs_case a.more:visited { color:#c00000;font-weight: bold; display:block; margin:0; border-bottom: 1px dotted #ccc;}
		div.rhs_case a.more:hover, div.rhs_case a.more:focus {color:#c00000;font-weight: bold; display:block; margin:0; border-bottom: 1px dotted #ccc;}
		
		div.casestudy_col1 {width:328px; padding:0 15px 0 0; maargin:0; float:left;}
			div.casestudy_col1 h1 { font-size:13px; color:#746a6a; margin:0 0 0 0; font-family: Arial, Helvetica, sans-serif; }
			div.casestudy_col1 h2 { font-size:12px; font-weight:bold; color:#a8a8a8; margin:25px 0 0 0; padding:0; letter-spacing:0; font-family: Arial, Helvetica, sans-serif; }
			
		h3.featuredBlog { font-size:13px; color:#746a6a; margin:0 0 0 0; font-family: Arial, Helvetica, sans-serif; }
		
		div.casestudy_col2 {width:350px; padding:0; margin:0 -29px 0 0; float:right;}
		
		/* for IE6 */
		* html div.casestudy_col2 {margin-right: -11px;}
		
		ul.numbered li {list-style-type:none; list-style-position: outside;display: block; min-height:30px; border-bottom: 1px dotted #cbcbcb;padding: 10px 0 5px 0;}
		.number   {margin-left:-30px; font-size: 1.8em;width:20px;  float:left; color:#b3b4b7;}
		
		div.case_col1 {width:700px; float:left; }
		
		a.homeSpotlight:hover { text-decoration:none;  }
		/*
		div.case_col1 {width: 290px; float:left; border:1px solid blue; }
		div.case_col2 {width: 200px; float:left; padding-left: 80px;}
		*/
				
		/* blog */
		.bloglistimg {float:left; background:url(../images/blogs/background.gif) no-repeat; padding:5px 10px 10px 7px; width: 105px; margin-right: 5px;}
		.blogitem {margin-bottom:15px; }
		.blogitem h6 { margin:0; }
		.blogitem p { margin:8px 0 0 0; }
		.blogdetail {float:left; margin-right: 20px; margin-bottom:20px; background:url(../images/blogs/blogdetailbg.gif) no-repeat; padding: 8px 10px 10px 8px;}
		p.first {font-weight:bold;}
		p.authorsname {padding:0 0 20px 0; margin:0;}
		a.blogRSS { color:#746a6a; }
		h2.blogNews { font-size:16px; }
		h6.blogDate { margin:0; }
			
		/* contactus */
		h2.contactus {margin:8px 0 2px 0;}
		table.contactus { border-collapse:collapse;}		
		table.contactus th {background:#efefef; width:143px; text-align:right; vertical-align:top; border-right:1px solid #fff;padding:10px 13px 3px 3px; font-weight:normal;}
		table.contactus td {background:#f4f4f4; width:277px; padding:6px; vertical-align:top;}		
		table.contactus th.first {height:50px; vertical-align:bottom; padding:3px 13px 8px 3px;}
		table.contactus td.first {height:50px; vertical-align:bottom;}		
		table.contactus th.last {border-top: 1px solid #fff; height: 30px;}
		table.contactus td.last {border-top: 1px solid #fff; height:30px}
		table.contactus td input { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#58595b; padding:2px; border:1px solid #d8d8d8; width:200px; }
		table.contactus td textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#58595b; padding:2px; border:1px solid #d8d8d8; width:200px; height:70px; }
		input.contactsend {background:url(../images/buttons/send.gif) no-repeat; outline:none; width:112px !important; height:24px; border:none !important; padding:0; cursor:pointer; }
		
		.casevideo { width:344px; margin:0 auto; padding:2px; background-color:#000; }
		.casestestimonial {background:url(../images/cases/cases_bg.gif) no-repeat; width:286px; height:143px; padding: 30px; margin:auto; margin-top:20px; }
		
		/* cast study */
		.casestudytitle {color:#a8a8a8; font-weight:bold; margin:10px 0 0 0; padding:0;}
		
		/* our model */
		.our_model { margin:0 auto; width:800px; height:600px; }
		
	/* leftnav */
		ul.leftnav li {background:url(../images/leftnav/bg.gif) repeat-x; line-height:29px; list-style-type:none; width: 127px;margin-left: -40px; /*padding-left: 20px;*/}	
		ul.leftnav li.category { background:none; padding-left:0px; font-weight:bold; margin-top:10px; color:#d5222c; }
		ul.leftnav li a:link, ul.leftnav li a:visited { color: #746a6a; text-decoration:none; font-weight:bold; padding-left:10px;display:block;  }
		ul.leftnav li a:hover, ul.leftnav li a:focus, ul.leftnav li a.on { background:url(../images/leftnav/bg-on.gif) repeat-x; color: #746a6a; text-decoration:underline;font-weight:bold; display:block; padding-left: 10px;}
			
	/* rhs */		
	.rhs_case {width:190px; margin:15px 0 0 0; padding:0 0 10px 0;}
	.rhs_case p {margin:10px 0 10px 0; padding:0;}	
	h2.rhs {font-size:20px;margin-bottom: -5px;}
	ul.nostyle {list-style-type:none; padding:10px 0 10px 0; margin:0;}
	ul.nostyle li {padding: 10px 0 0 0;}
	ul.nostyle li a.on {text-decoration:underline;}
	.rssblog {line-height:35px; margin-top:20px;}
	.rssblog img { vertical-align:middle;}
			
	ul.basic {color:#868686; list-style-position:outside; padding:1em; margin:0;}
	ul.basic li {margin:0 0 4px 0;}
	ul.basic a {color:#868686;}
	ul.basic a.on {text-decoration:underline;}

	/* footer */
	ul.footer { width:893px; margin:0 auto; padding:22px 25px 0 25px; height:74px; border-top:1px dotted #cbcbcb; background:url(../images/layout/footer_bg.gif) repeat-x top left; list-style:none; margin-top: 30px;}
		ul.footer li { float:left; color:#000; margin:0 22px 0 0; padding:0; }
		ul.footer li.last { float:right;/*margin:0; padding:11px 95px 15px 0; background:url(../images/layout/wiliam_logo.gif) no-repeat top right;*/ }
		ul.footer li.last a { color:#000000; }
		ul.footer li.last a span { display:none; }
		.footer a.willogo {padding:0 76px 0 0;line-height:38px;display:block;width:125px;background:url(../images/layout/wiliam_logo.gif) no-repeat right top;}
	