body { margin:0; padding:0; width:100%; background:#f2f2f2; font: normal 12px Arial, Helvetica, sans-serif; color:#818181; padding:10px 0 15px 24px; margin:0; line-height:1.8em;}
html { padding:0; margin:0;font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */}
.main { margin:0; padding:0;}
.main_resize { margin:0 auto; padding:0 10px; width:958px; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; background:#fff;}
.main_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px; margin:0;}
.main_resize h2 span { font:  italic 11px Arial, Helvetica, sans-serif; color:#b1b1b1;}
.main_resize h3 { font:normal 44px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:20px 5px; margin:0; text-align:right;}
.main_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#606060; line-height:1.8em; padding:5px; margin:0;}
.main_resize p span { color:#b1b1b1; font: italic 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.main_resize a { color:#; text-decoration:none;}
.main_resize img { margin:5px auto; padding:0;}
.main_resize ul.serv { list-style:none; margin:10px 0 10px 5px; padding:0; width:230px; float:left;}
.main_resize li.serv { padding:5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#2d75c0;}
.main_resize img.floated { float:left; margin:5px 10px 5px 0; padding:0;}
.main_left { width:250px; float:left; padding:0 0 0 10px; margin:0;}
.main_right { width:680px; float:right; padding:0; margin:0;}
.blog { width:280px; float:left; padding:0; margin:10px 30px 10px 10px;}
.blog2 { width:215px; float:left; padding:0; margin:10px 10px 30px 0;}
/* header */
.header { padding:0 0 10px 0; margin:0 auto; border-bottom:1px solid #dfdfdf;}
/* logo */
.logo {padding:0; margin:0; width:232px; float:left;}
.logo img { margin:0; padding:0;}
/* click */
.click { width:350px; float:right; padding:0; margin:0; text-align:right;}
.click p { font: normal 12px Arial, Helvetica, sans-serif; color:#959595; padding:0; margin:0;}
/* slider_main */
/*menu*/
.menu { width:555px; padding:10px 0 0 0; margin-top:30px; float:left; }
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { display:inline;  margin:0; padding:0; border:0; background:none;}
.menu ul li a {  display:inline; margin:0; padding:11px; color:#5a5a5a; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { background: #dfdfdf;}
.menu ul li a.active {  background: #dfdfdf;}
/* slider_main */
.slider_main { margin:0 auto; padding:0;position:relative; background:  url(../images/TauWebSolutions.gif) 30px 50px no-repeat;}
.slider_main .leftt { position:absolute;
 top:0;
 right:-170px;
 width:200px;}
.slider_main .leftt h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#616161; padding:71px 0 0 24px; margin:0; line-height:1.2em;}
.slider_main .leftt p { font: normal 12px Arial, Helvetica, sans-serif; color:#818181; padding:10px 0 15px 24px; margin:0; line-height:1.8em;}
.slider_main .leftt img { float:left; margin:0; padding:0 0 0 24px;}
/* search */
.search { padding:0; margin:0 auto 30px auto;}
.search form { display:block; float:left; padding:5px; margin:0; background:#fafafa;}
.search p { font: bold 11px Arial, Helvetica, sans-serif; color:#959595; padding:7px 0; height:16px; margin:0; float:left; line-height:14px;}
.search span { display:block; float:left; background:#f6f6f6; border:1px solid #eaeaea; width:150px; padding:0 5px; height:30px; margin:0 3px;}
.search form .keywords { line-height:16px; float:left; border:0; width:150px; padding:7px 0; height:16px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}
.search form .button { float:left; margin:0; padding:0;}
/* right_text */
.right_text { border-top:1px solid #dadada; background:#ececec; padding:0; margin:0 0 30px 0;}
.right_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:15px; margin:0;}
/*************footer**********/
.footer {padding:5px 0;  margin:0;}
.footer_resize { width:958px; margin:0 auto; padding:10px 10px; background:#202020;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#a2a2a2;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:8px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:8px 0 0 5px; float:left;} 
.blog {width:285px; margin:0; padding:10px 15px; float:left;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {  clear:both; border-top:1px solid #f2f2f2; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#222222; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:290px; border:1px solid #e8e8e8; margin:2px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left; }
#contactform textarea { width:290px; border:1px solid #e8e8e8; margin:2px 0; padding:2px; background:#f8f8f8; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img { 	border:0;  }
address,caption,cite,code,dfn,th,var,strong,em {font-style:normal;font-weight:normal; }
ol,ul {	list-style:none;   }
caption,th {text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;	margin: 0px;padding: 0px;  }
q:before,q:after {	content:'"'; }
abbr,acronym { border:0;}
/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */
strong { font-weight: bold; }
em { font-style: italic; }
a {  color: #aa8000; text-decoration: none;   }
a:focus {   outline: none;   }
h1 {width:180px;height: 50px; text-indent: -9999px;background:transparent url(../images/logo.png) top left no-repeat;margin-top:235px;}
h4 {  font-size: 18px;   font-weight: bold;   margin: 25px 0px 10px;   }  
/* ---------------------------------------------------
=Clearfix
Clears floats within a container.
-------------------------------------------------- */
.clearfix:after,#worldcontainer:after{   content: ".";   clear: both;   display: block;   height: 0;   visibility: hidden;   }
/* ---------------------------------------------------
=Containers
Basic container and structural layout styling.
--------------------------------------------------- */
#worldcontainer {   width:600px;   font-size: 75%;   position: relative;   z-index: 2;   background:  url(../images/metabg.jpg) top left repeat-y;   overflow: hidden;   margin-left:170px;   }
.meta {   width: 180px;   padding: 0px 10px;   float: left;   }
.thumbnails {   float:right;   }
#aboutcontent {   width: 380px;   font-size: 80%;   padding: 10px;   color: #fff;   position: absolute;   top: 0px;   left: 0px;   z-index: 1;   line-height: 140%;   background:  url(../images/website-logo.jpg) top left no-repeat;   }
#aboutcontent p {   margin-bottom: 15px;   }
a.closethis {   display: block;   background-color: #ffc000;   padding: 3px;   font-weight: bold;   color: #000;   float: left;   }
/* ---------------------------------------------------
=Meta
--------------------------------------------------- */
.meta p {   text-indent: -9999px;   margin: 5px 0px 5px -10px;   width: 200px;   height: 100px;   background: #000 transparent url(../images/subtext.png) top left no-repeat;   }
ul.navigation {   margin-left: -10px;   width: 200px;   position: relative;   overflow: hidden;   }
ul.navigation li a {   color: #523100;   width: 185px;   text-transform: uppercase;   padding: 5px 10px;   font-size: 20px;   border-bottom: 1px solid #a77200;   display: block;   }
ul.navigation li a:hover {   color: #000;   }
/* ---------------------------------------------------
=Thumbnails
--------------------------------------------------- */
.thumbnails ul li {   padding: 5px 10px 5px 0px;   clear: both;   position: relative;   overflow: hidden;   }
.thumbnails ul li a {   width: 94px;   height: 80px;   display: block;   background: transparent top left no-repeat;   text-indent: -9999px;   position: relative;   overflow: hidden;   }
.thumbnails span.hoveredprojectname {   background-color: #000;   padding: 3px;   color: #fff;   font-weight: bold;  position: bsolute;
   z-index: 5;   top: 8px;   left: 90px;   white-space: nowrap;   opacity: 0.8;   display: block;   }
/* ---------------------------------------------------
=Gallery
--------------------------------------------------- */
div.gallery {   float: left;   width:600px;   position: relative;   }
h2.selectedworks {   font-size: 80px;   color: #000;   text-transform: uppercase;   letter-spacing: -0.05em;   position: relative;   top: 200px;   left: 50px;   line-height: 20px;   }
ul.projectlist {   position: absolute;   top: 0px;   left: 50px;   width: 600px;   }
ul.projectlist li {   font-size: 80px;   color: #000;   text-transform: uppercase;   letter-spacing: -0.05em;   position: absolute;
   top: -300px;   margin-top: -10px;   }
div.viewport {   height: 200px;   width: 600px;   position: relative;   overflow: hidden;   background: transparent 460px 350px no-repeat;   }
div.showcase {   position: relative;   height: 500px;   width: 600px;   overflow: hidden;   top: 40px;   opacity: 0;   z-index: 2;   }
div.showcase ul {   position: absolute;   left: 0px;   top: 0px;   width: 10000px;   height: 500px;   }
div.showcase ul li {   position: relative;   float: left;   }
ul.projectnav {   opacity: 0;   clear: both;   float:right;   }
div.projectname {   opacity: 0;   margin-top: 5px;   }
ul.projectnav li {   float: left;   padding: 5px 8px;   font-weight: bold;   cursor: pointer;   border: 1px solid #dfdfdf;   color: #ccc;   margin: 5px 5px 0px 0px;   font-size: 16px;   text-align: center;   line-height: 100%;   }

ul.projectnav li.active {   border: 1px solid #fff;   }
ul.projectnav li:hover {   color: #555;   }
ul.projectnav,
div.projectname,
div.showcase {   margin-left: 10px;   }

.projectname p {   color: #000;   font-size: 30px;   display: block;   clear: both;   padding: 5px 2px;   background-color: #000;
   float: left;   font-weight: bold;   }
.projectname p span {   font-size: 16px;   margin-left: 5px;   }
.projecthovername {position: absolute; color: #fff;font-weight: bold;font-size: 14px;background-color: #000;display: block;top: 0px;
left: 90px;z-index: 10;white-space: nowrap;padding: 5px;opacity: 0.8;}
/* styling box*/
.boxgrid{ width: 290px; height: 543px; 	background:#161613; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; 	border: 0; 	}
.boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }				
.boxgrid h2{ padding: 0 10px; color:#fff; font-weight:bold; font:1.5em "Lucida Grande", Arial, sans-serif; 	}
.boxcaption{ float: left; position: absolute; background: #000; height: 205px; width: 100%; opacity: .8; /* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
.captionfull .boxcaption {top: -175;left: 0;}
.caption .boxcaption {top: -175;left: 0;}
h2 a{}