/* MAIN STYLES


-------------------------------------------*/


* { margin: 0; padding: 0; }





body,html {


	font-weight:normal;


	font-family:Arial, Helvetica, sans-serif;


	font-size:12px;


	color:#333;


	margin:0;


	padding:0;


	/*background:url(../images/bk_body.jpg);


	line-height:130%;


}





ul { list-style: none;


	margin-bottom:5px;


 }





ul li {


	padding:5px 0;


	background:url(../images/arrow.jpg) 0 8px no-repeat;


	padding-left:15px;


	position:relative;


	/*text-transform:capitalize;*/


}








a {


	color:#56bae0;


}





a:hover {


	text-decoration:none;


}





h1, h2, h3 {


	font-size:24px;


	letter-spacing:-1px;


	color:#56bae0;


	padding:10px 0 5px;


	/*text-transform:capitalize;*/


}





h1 { 


margin-bottom: 20px


}





h2 {


	font-size:17px;


	/*padding:5px 0 0;*/


}





h3 {


	font-size:19px;


	letter-spacing:0px;


	font-weight: normal;


	line-height: 19px;


	text-transform: none;


	color:#56bae0;


	padding:0 0 5px 0;


	/*text-indent: -999em;*/


}





h4 {


	font-size:15px;


	color:#56bae0;


	padding:20px 0 5px 0;


}





h5 {


	font-size:13px;


	color:#56bae0;


	padding:5px 0 0px 0;


}





/* LAYOUT STRUCTURE


--------------------------------------------------*/


#mainWrapper {


	background:url(../images/bk_mainwrapper2.jpg) 0 0 repeat-x;


}





#wrapper {


	margin:0 auto;


	width:950px;


}





#header {


	height:200px;


	position:relative;


	background:url(../images/bk_header2.jpg) 100% 0 no-repeat;


}





#content {


/* controls inner position of slider*/


    margin-top:0px; 


	padding:0 0 25px;


}





	#footer {


	clear:both;


	padding: 0px 0 0px 0px;


	height: 39px;


	background: url(../../images/silver_bottom2.jpg) 0 0 repeat-x;


	}








#innerFooter {


	width:890px;


	margin:0 auto;


	/*PUT small greyed out datamark logo here*/


	background:url(../) 100% 50% no-repeat;


	height:40px;


	padding-top:20px;


	line-height:25px;


	padding-left:10px;


}





/* HEADER ELEMENTS 


--------------------------------------------------*/


/* -- logo --*/


#logo {


	position:absolute;


	top:82px;


	left:10px;


	


}





#logo h1 {


	padding:0;


}





#logo h1 a, #logo h1 a:hover{





	width:275px;


	height:56px;


	text-indent:-9000px;


	display:block;


	text-decoration:none;


}











#topMenu {


	position:relative;


	top:10px;


	right:0;


	border-left:1px solid #65809A;


}





#topMenu li {


	float:left;


	padding:0 20px;


	border-right:1px solid #65809A;


	background:none;


}





#topMenu li a {


	font-size:11px;


	color:#fff;


	text-decoration:none;


	font-weight:bold;


	text-transform:uppercase;


}





#topMenu li a:hover {


	color:#94CDE2;


}





#topMenu li.selected a{


	color:#94CDE2;


}





/*CONTENT ELEMENTS


--------------------------------------------*/





#content p {


	margin:0.7em 0;





}








#contentmain1 p {


	margin:0.7em 0;





}














#colLeft {


	top:-30px;


	float:left;


	width:625px;


	padding-right:20px;


			/*background: #fff url(../images/content-bg3.jpg) repeat-y 0px 320px;*/


	background:url(../images/bk_vertline.jpg) 100% 0 repeat-y;


	margin-top:0px;


	margin-left:0px;


	padding-left:10px;


}





#colLeftInner1 {


	width:255px;


	float:left;


	padding-right:20px;


}





#colLeftInner2 {


	float:left;


	width:315px;


	margin-left:20px;


	


}





 ul.latestPosts {


	margin-top:10px;


}





 ul.latestPosts li {


 list-style-type: none;


	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;


	padding:0;


}





* html ul.latestPosts li {


list-style-type: none;


	float:left;


	width:100%;


}





ul.latestPosts li a {


list-style-type: none;


	display:block;


	background:url(../images/ico_post.jpg) 0 4px no-repeat;


	padding:2px 0 6px 20px;


	text-decoration:none;


	margin:0;


}





ul.latestPosts li a:hover {


	color:#333;


}





ul.latestPosts li a span.date {


	font-size:10px;


	color:#999;





}





#colRight {


	float:left;


	width:225px;


	margin-left:20px;


	margin-top:0px;


	


}





#colRight p.line {


	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;


	display:block;


	padding:10px 0;


	margin:0;


}





#colRight p img {


	vertical-align:middle;


	padding-right:5px;


}





#colRight .featured {


	margin:10px 0;


}





#colRight .featured img{


	background:#fff;


	padding:6px;


	border:none;


}


.firstparagraph {


	font-size: 1.3em;


	color: 56bae0;


}





/* BLOG 


--------------------------------------------*/


.post {


	padding:0 0 5px;


	position:relative;


}





.post h2 {


	padding-bottom:8px;


}





.post small {


	color:#666;


	display:block;


	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;


	padding-bottom:6px;


}





.postmetadata {


	color:#666;


	font-size:11px;


}





.post .entry {


	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;


	padding-bottom:5px;


}





.post .entry img {


	border:1px solid #ddd;


	background:#fff;


	padding:7px;


}





h2 a{


	text-decoration:none;


	color:#555;


	padding:10px 0;


	


}





h2 a:hover {


	color:#333;


}





.post .ribbonType {


	position:absolute;


	top:58px;


	left:568px;


	width:45px;


	height:43px;


}





*html .post .ribbonType {


	top:71px;


}





#sidebar ul {


	background:url(../images/bk_horizline.jpg) 100% 0 repeat-x;


	margin:10px 0;


}





#sidebar ul li {


	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;


	padding:0;


}





* html #sidebar ul li {


	float:left;


	width:100%;


}





#sidebar ul li a {


	display:block;


	background:url(../images/arrow.jpg) 0 11px no-repeat;


	padding:6px 0 8px 16px;


	text-decoration:none;


	margin:0;


}





#sidebar ul li a:hover {


	color:#333;


}





/* Comments */





h3#comments {


	padding:10px 0 15px;


}





.navigation {


	font-weight:bold;


}





.navigation div {


	float:left;


	margin-right:20px;


}








ul.commentlist {


	border-top:4px solid #e5e5e5;


}





ul.commentlist li {


	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;


	text-transform:none;


}





ul li.comment {


	padding-left:0;


	margin-bottom:5px;


	display:block;


}





.commentmetadata {


	font-size:10px;


}





.comment-author {


	font-style:normal;


	font-size:11px;


	padding-left:16px;


	background:url(../images/ico_comment.jpg) 0 4px no-repeat;


}





.comment-author cite {


	font-weight:bold;


	font-style:normal;


}





#respond h2 {


	clear:left;


	padding-top:15px;


}





*html #respond h2 {


	padding-top:7px;


}





/* CAROUSEL


---------------------------------------------*/





.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 900px; /*Width of Carousel Viewer itself*/
	height: 310px; /*Height should enough to fit largest content's height*/
	margin-top:0px;
	margin-left:-10px;


}





.stepcarousel .belt{


	position: absolute; /*leave this value alone*/


	left:0;


	top: 0;


}





.stepcarousel .panel{


	background:url(../images/bk_featured.png) 0 0 no-repeat;


	float: left; /*leave this value alone*/


	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/


	margin:2px;


	width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */


	height:310px;


	position:relative;


}





.stepcarousel .panel .projectDetails {


	float:left;


	width:230px;


	margin:35px 0 0 25px;


}





.stepcarousel .panel .projectDetails .title {


	font-size:16px;


	font-weight:bold;


}





.stepcarousel .panel .ribbonType {


	position:absolute;


	top:14px;


	left:224px;


	width:45px;


	height:43px;


	background-image: url(../images/ribbon_offers.png);


}





.stepcarousel .panel .projectImg{


	position:absolute;


	top:14px;


	right:14px;


}





.stepcarousel .panel .projectImg img {


	border:none;


}





.list {


	background:url(../images/ribbon_lists.png) 0 0 no-repeat;


}


.offers {


	background:url(../images/ribbon_offers.png) 0 0 no-repeat;


}





.volume {


	background:url(../images/ribbon_volume.png) 0 0 no-repeat;


}


.success {


	background:url(../images/ribbon_success.png) 0 0 no-repeat;


}

















/* FORMS


-------------------------------------------------*/


form label, form#commentform label {


	display:block;


	padding:8px 0 2px;


	font-weight:bold;


}





form input, form#commentform input, form textarea, form#commentform textarea  {


	border:1px solid #E5E5E5;


	padding:5px;


	font-size:12px;


	font-family:Arial, Helvetica, sans-serif;


	color:#666;


	width:300px;


}








form textarea, form#commentform textarea {


	width:500px;


}





form input#submit, form#commentform input#submit, form input#searchsubmit{


	border:none;


	width:103px;


	height:24px;


	text-align:center;


	padding-top:4px;


	color:#fff;


	font-weight:bold;


	text-transform:uppercase;


	margin-top:15px;


	background:url(../images/bk_submit.jpg) 0 0 no-repeat;


	font-size:11px;


}





form input#searchsubmit {


	background:url(../images/bk_search.jpg) 0 0 no-repeat;


	width:60px;


	margin:0;


}





form#searchform input#s {


	width:143px;


	margin:0;


}





form#searchform div {


	padding:0 0 10px;


}





form#searchform label {


	padding:0;


	margin:0;


}











/* CLEARING


---------------------------------------------------*/


.clearfix:after {


    content: "."; 


    display:block; 


    height: 0; 


    clear: both; 


    visibility: hidden;





}


.clearfix {


	display: block;


}


/* Hides from IE-mac \*/


* html .clearfix {height: 1%;}


.clearfix {display: block;}


/* End hide from IE-mac */





.clear {


	clear: both;


}





.noclear {


	clear: none;


}




















/* Top Navigation Styles


----------------------------------------------- */








#subhead {


	top:139px;


	position: relative;


	margin-top:0px;


	margin: 0;


	padding: 0px 0 0 20px;


	width: 950px;


	height: 50px;


	background: url(../images/subhead-bg6.jpg) no-repeat;


}





#level-1-rollover{


	position:absolute;


	height:35px;


	background-repeat:no-repeat;


	background-position:left;


	left: 6px;


	top: 59px;


	width: auto;


}











#menu2{


	/*Menu navigatinon*/





position:absolute;


	top:-53px;


	left:387px;


	margin-left:0px;


	margin-top:0px;


	padding-top:0px;


	height:35px;


	padding-left:0px;


	width: 576px;


}











/*End menu style */





/*Start nav style */


#nav2{


/*header home button */


width:800px;height:70px;display: inline;overflow: hidden;}


/*End menu style */








/*Start nav li style */


#nav2 li{list-style: none;display: inline;}


/*End nav li style */








#nav2 a{


	float: left;


	overflow: hidden;


	height:35px !important;


	height :35px;


}





#nav2 a:hover {background-position:0 -35px;}





/*	Home button rollover starts from here*/


#thome a{width:60px;background:url(../images/home1.jpg) top left no-repeat;}





	





#thome_active a {width:60px;background:url(../images/home1.jpg) top left no-repeat;


background-position: 0 -35px;}








/*	Aboutus button rollover starts from here*/


#taboutmillfield a  {width:86px;background:url(../images/company1.jpg) top left no-repeat;}











#taboutmillfield_active a{width:86px;background: url(../images/company1.jpg) top left no-repeat;


background-position: 0 -35px;}


		


		


/*	Services button rollover starts from here*/


#tservices a  {width: 85px;background:url(../images/services1.jpg) top left no-repeat;}





#tservices_active a{width:85px;background: url(../images/services1.jpg) top left no-repeat;


background-position: 0 -35px;}


		


		





		


/*	Testimonials button rollover starts from here*/


#ttestimonials a  {width:115px;background:url(../images/casestudies1.jpg) top left no-repeat;}





#ttestimonials_active a{width:115px;background:url(../images/casestudies1.jpg) top left no-repeat;


background-position: 0 -35px;}


		





/*	Contact button rollover starts from here*/


#ttech a {


width:120px;background:url(../images/technologies1.jpg) top left no-repeat;}





#ttech_active a{width: 120px;background:url(../images/technologies1.jpg) top left no-repeat;


background-position: 0 -35px;}











/*	Contact button rollover starts from here*/


#tcontactus a {


width:85px;background:url(../images/contact1.jpg) top left no-repeat;}





#tcontactus_active a{width: 85px;background:url(../images/contact1.jpg) top left no-repeat;


background-position: 0 -35px;}














#content2, #home {


	position: relative;


	margin-top:0px;


	/*margin-top:-15px;


	/*margin: 0;*/


	padding: 20px 205px 0px 30px;


	width: 950px;


	text-align: justify;


	background: #fff url(../images/content-bg3.jpg) repeat-y 0px 320px;


}














#content3, #home {


	position: relative;


	margin-top:-15px;


	/*margin-top:-15px;


	/*margin: 0;*/


    padding: 20px 205px 15px 30px;


	width: 950px;


	text-align: left;


	background: #fff url(../images/content-bg3.jpg) repeat-y 0px 320px;


}








	#telephonenos {


	position: relative;


	margin: 0;


	padding: 5;


	font-size: 10px;


	line-height: 11px;


	width: 520px;


	height: 15px;


	right: 0px;


	top: 8px;


	left: 15px;


}














#subhead2 {


	top:0px;


	left:0px;


	margin:0;


	padding: 0px 0 0 20px;


	display:block;


	width: 950px;


	height:248px;


	background:url(../images/bottom_blank.jpg) no-repeat;


	position:relative;








}





#subhead3 {


	top:0px;


	left:0px;


	margin:0;


	padding: 0px 0 0 20px;


	display:block;


	width: 950px;


	height:200px;


	background:url(../images/bottom_blank.jpg) no-repeat;


	position:relative;








}








.style24 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }


#level-1-rollover{


	position:absolute;


	height:35px;


	background-repeat:no-repeat;


	background-position:left;


	left: 15px;


	top: 6px;


	width: auto;


	padding: 0px 0px 0px 19px;


}











START LAVALAMP AREA








        .lavaLampWithImage {


            position: relative;


            height: 29px;


            width: 421px;


            left: 50px;


            padding: 15px;


            margin: 10px 0;


            overflow: hidden;


        }


                .lavaLampWithImage li {


                    float: left;


                    list-style: none;


                }


                    .lavaLampWithImage li.back {


                        background: url("../images/lava.gif") no-repeat right -30px;


                        width: 9px; height: 30px;


                        z-index: 8;


						top: 2px;


                        position: absolute;


                    }


                        .lavaLampWithImage li.back .left {


                            background: url("../images/lava.gif") no-repeat top left;


                            height: 30px;





                            margin-right: 9px; /* 7px is the width of the rounded shape */


                        }


                    .lavaLampWithImage li a {


                        font: bold 12px arial;


                        text-decoration: none;


                        color: #000;


                        outline: none;


                        text-align: center;


                        top: 11px;


                        text-transform: uppercase;


                        letter-spacing: 0;


                        z-index: 10;


                        display: block;


                        float: left;


                        height: 30px;


                        position: relative;


                        overflow: hidden;


                        margin: auto 10px;    


                    }


                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {


                            border: none;


                        }





        .lavaLampNoImage {


            position: relative;


            height: 29px;


            width: 421px;


            background-color: white;


            padding: 15px;


            margin: 10px 0;


            overflow: hidden;


            border: 1px solid gray;


        }


                .lavaLampNoImage li {


                    float: left;


                    list-style: none;


                }


                    .lavaLampNoImage li.back {


                        border: 1px solid #000;


                        background-color: #e6e8ea;


                        width: 9px;


                        height: 30px;


                        z-index: 8;


                        position: absolute;


                    }


                    .lavaLampNoImage li a {


                        font: bold 14px arial;


                        text-decoration: none;


                        color: #000;


                        outline: none;


                        text-align: center;


                        top: 2px;


                        text-transform: uppercase;


                        letter-spacing: 0;


                        z-index: 10;


                        display: block;


                        float: left;


                        height: 30px;


                        position: relative;


                        overflow: hidden;


                        margin: auto 10px;


                    }


                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {


                            border: none;


                        }                    





        .lavaLampBottomStyle {


            position: relative;


            height: 29px;


            width: 421px;


            background-color: white;


            padding: 15px;


            margin: 10px 0;


            overflow: hidden;


            border: 1px solid gray;


        }


                .lavaLampBottomStyle li {


                    float: left;


                    list-style: none;


                }


                    .lavaLampBottomStyle li.back {


                        border-bottom: 5px solid blue;


                        width: 9px;


                        height: 30px;


                        z-index: 8;


                        position: absolute;


                    }


                    .lavaLampBottomStyle li a {


                        font: bold 14px arial;


                        text-decoration: none;


                        color: #000;


                        outline: none;


                        text-align: center;


                        top: 7px;


                        text-transform: uppercase;


                        letter-spacing: 0;


                        z-index: 10;


                        display: block;


                        float: left;


                        height: 30px;


                        position: relative;


                        overflow: hidden;


                        margin: auto 10px;


                    }   


                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {


                            border: none;


                        } 











END LAVALAMP AREA











#apDiv1 {


	position:absolute;


	width:900px;


	height:42px;


	z-index:1;


	padding: 6px 0px 0px 8px;


}





























/* NAVIGATION-START---------------------------------------------- */














	#menu2 {


	padding: 0px 0px 29px 0px;


	height:40px;


	top: 6px;


	left: 7px;








	}











	#menu2 ul{


		margin:0;


		padding:0;


		list-style:none;


	}








	#menu2 li{


		display:inline;


		margin:0;


		padding:0;


	}








	#menu2 a {


	padding: 0px 0px 0px 0px;


	text-decoration: none;


	font-size: 12px;


	font-weight: bold;


	color: #000000;


	height: 37px;


}








.transMenu {


 position:absolute; 


 overflow:hidden; 


 left:-1000px; 


 top:-1000px; 


}








.transMenu .content {


 position:absolute; 


}





/*PUTS BORDER AROUND DROPDOWN CONTROLS STATE OF SQUARES THAT APPEAR WHEN YOU ROLL OVER TITLES*/





.transMenu .items {


 padding: 3px 3px 3px 3px;


 border: 1px solid #000000; 


 position:relative; 


 left:0px; top:0px; 


 z-index:2; 


}








.transMenu  td





{





 padding: 5px 13px 5px 13px;  


 font-size: 11px; 


 font-family: Arial, Helvetica, sans-serif; 


 text-align: left; 


 font-weight: normal; 


 color: #000000; 


} 

















.transMenu  .item.hover td








{ 








 color: #00FFFF; 








}








.transMenu .item { 


 text-decoration: none; 


 cursor:pointer; 


}








.transMenu .background {


 background-color: #00FFFF; 


 position:absolute; 


 left:0px; top:0px; 


 z-index:1; 


 opacity:0.85; 


}








.transMenu .shadowRight { 


 position:absolute; 


 z-index:3; 


 top:-3000px; width:2px; 


 opacity:0.85; 


}








.transMenu .shadowBottom { 


 position:absolute; 


 z-index:1; 


 left:-3000px; height:2px; 


 opacity:0.85; 


}








.transMenu .item.hover {


 background-color: ##00FFFF; 


}








.transMenu .item img { 


 margin-left:20px; 


}








table.menu2 {


 top: 0px; 


 left: 0px; 


 position:relative; 


 margin:0px; 


 border: 0px solid #FF0000 ; 


 z-index: 1; 


}








table.menu2 a{


 margin:0px; 


 padding: 8px 13px 5px 13px; 


 display:block; 


 position:relative; 


}








div.menu2 a,








div.menu2 a:visited,








div.menu2 a:link {


	font-size: 12px;


	font-family: Arial, Helvetica, sans-serif;


	text-align: left;


	font-weight: normal;


	color: #000000;


	text-decoration: none;


	margin-bottom:0px;


	display:block;


	white-space:nowrap;


}








div.menu2 td {


 border-bottom: 0px dashed #FFC819; 


 border-top: 0px dashed #FFC819; 


 border-left: 0px dashed #FFC819; 





} 








div.menu2 td.last {


 border-right: 0px dashed #FF0000; 


} 








#trans-active a{


 color: #FFFFFF; 


} 








#menu2 a.hover   { 


 color: #FFFFFF; 


}








#menu2 span {


 display:none; 


}











/* NAVIGATION-END---------------------------------------------- */