.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.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;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */


/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}
.clearer{
	clear:both;
}
.logoarea{
	width:235px;
	float:left;
	display:block;
	margin-top:5px;
}
.contactarea{
	width:350px;
	float:left;
	display:block;
	text-align:right;
	margin-top:20px;
}

.leftcontent{
	float:left;
	width:440px;
	padding-right:5px;
}
.latestprojects{
	width:477px;
}
.latestprojects h2{
	margin:0px;
		padding:0px;
		padding-left:17px;
		padding-top:3px;
	margin-bottom:5px;
}
.orangebigtitle{
	margin:0px;
	padding:0px;
	padding-top:3px;
	margin-bottom:5px;
	color:#ff9900;
	font-family:"Arial";
	letter-spacing:-1px;
	font-size:20px;
}
.blackbigtitle{
	margin:0px;
	padding:0px;
	padding-top:3px;
	margin-bottom:5px;
	color:#333333;
	font-family:"Arial";
	letter-spacing:-1px;
	font-size:20px;
	font-weight:lighter;
}
.greentitle{
	margin:0px;
	padding:0px;
	padding-top:3px;
	margin-bottom:5px;
	color:#4a6e6e;
	font-family:"Arial";
	letter-spacing:-1px;
	font-size:20px;
	font-weight:lighter;
}
.blackbigtitle2{
	margin:0px;
	padding:0px;
	padding-top:3px;
	margin-bottom:5px;
	color:#333333;
	font-size:15px;
	font-weight:bold;
}
.greentitle2{
	margin:0px;
	padding:0px;
	padding-top:3px;
	margin-bottom:5px;
	color:#4a6e6e;
	font-size:13px;
	font-weight:bold;
}
.boldtitle{
	color:#5c8b8b;
	font-weight:bold;
}
.projectstitle{
	margin:0px;
	padding:0px;
	padding-left:17px;
	padding-top:3px;
	margin-bottom:5px;
	color:#666666;
	font-family:"Arial";
	letter-spacing:-1px;
	font-size:20px;
	font-weight:bold;
	background:url(../images/content/gray-arrow.png) no-repeat left;
}
.quotearearight{
	width:242px;
	float:left;
	/*background:url(../images/content/instant-quotation-bg.gif) left 55px no-repeat;*/

}
.quotearea{
	float:left;
	background:url(../images/content/instant-quotation-bg.png) right top no-repeat;
	margin-right:0px;
	padding-left:5px;
	width:217px;
	background-color: #e7effa;
}

.quotearea div, .quotearearight div, .blogentryarea div{
	padding:5px;
	padding-right:10px;
	width:200px;
	
}
.quotearea div input,.quotearearight div input {
	border:#999999 1px solid;
	height:18px;
	width:200px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.quotearea div textarea, .quotearearight div textarea{
	border:#999999 1px solid;
	height:16px;
	width:200px;
	height:53px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.quotearea div select, .quotearearight div select{
	border:#999999 1px solid;
	width:200px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.standerdfeaturesarea{
	font-size:11px;
	width:208px;
	float:left;
	background:url(../images/content/standerd-features-bg-blue.png) right top no-repeat;
	padding-left:5px;
	background-color: #e7effa;
}
.boxdiv{
	padding-right:5px;
	padding-left:0px;
}
.boxdivnews{
	padding:10px;
	padding-left:35px;
	padding-right:15px;
}
.testimonialsarea{
	width:208px;
	float:left;
	background:url(../images/content/testimonials-bg-blue.png) right top no-repeat;
	padding-left:5px;
}
.icon1{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-1.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon2{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-2.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon3{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-3.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon4{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-4.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon5{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-5.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon6{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-6.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon7{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-7.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon8{
	border-bottom:dashed #CCCCCC 1px;
	background:url(../images/content/icone-8.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.icon9{
	background:url(../images/content/icone-9.png) no-repeat left center;
	padding:8px 2px 8px 50px;
}
.bulletpoints{
	display:block;
	margin-left:10px;
}
.bulletpoints p{
	background:url(../images/content/gray-bullet-small.gif) left 8px no-repeat;
	margin:1px 0px 0px 0px;
	padding:3px 2px 3px 20px;
	display:block;
}
.bulletpoints2{
	display:block;
	margin-left:0px;
}
.bulletpoints2 p{
	background:url(../images/content/orange-bullet.gif) left 4px no-repeat;
	margin:1px 0px 0px 0px;
	padding:5px 2px 5px 20px;
	display:block;
}
.bulletpoints2 .devider{
	background:url(../images/content/ecom-devider.gif) no-repeat left top;
	display:block;
	height:1px;
}
.buttonarea1{
	width:210px;
	float:left;
	padding-right:25px;
	text-align:right;
}
.buttonareagallery{
	width:200px;
	text-align:center;
}

.buttonarea2{
	width:100%;
	float:left;
	text-align:right;
}

.buttonarea1 a, .buttonarea2 a, .fieldset label.button a{
	text-decoration:none;
	color:#333333;
	font-size:13px;
	font-family:"Arial";
	font-weight:lighter;
	display:inline-block;
	padding:2px;
	background:url(../images/content/black-arrow.png) no-repeat left;
	padding-left:15px;
	border:1px solid #ffffff;
}
.buttonarea1 a:hover, .buttonarea2 a:hover, .fieldset label.button a:hover {
	text-decoration:none;
	color:#ff9900;
	font-size:13px;
	font-family:"Arial";
	font-weight:lighter;
	display:inline-block;
	padding:2px;
	background:url(../images/content/black-arrow.png) no-repeat left;
	padding-left:15px;
	border:1px solid #ffffff;
}
.leftarea{
	width:680px;
	float:left;
}
.rightarea{
	width:242px;
	margin-left:16px;
	float:right;
}
.leftareasmall{
	width:242px;
	float:left;
}
.rightarealarge{
	width:705px;
	margin-left:10px;
	float:right;
	margin-top:10px;
}
.fieldset{
	clear: both;
	padding: 0px 10px 4px 10px;
	margin-bottom: 10px;
	margin-top:0px;
	border: 1px dashed #cccccc;
	background-color: #f5f5f5;
}
.fieldset legend{
padding-top:15px;
}
.fieldset h2{
	margin:0px;
	padding:0px;
	padding-left:60px;
	padding-top:3px;
	margin-bottom:5px;
	color:#666666;
	font-family:"Arial";
	font-size:18px;
	position:relative;
	top:-25px;
}.fieldcontent{
	position:relative;
	top:-15px;
}

.fieldset input{
	background:#FFFFFF;
	border:1px solid #999999;
	height:18px;
	width:180px;
}
.fieldset input.getquote{
	background:#FFFFFF;
	border:1px solid #999999;
	height:18px;
	width:300px;
	margin:4px;
	margin-bottom:2px;
}
.fieldset textarea.getquote{
	background:#FFFFFF;
	border:1px solid #999999;
	height:100px;
	width:300px;
	margin:4px;
	margin-bottom:2px;
}
.fieldset select.getquote{
	width:305px;
	margin:4px;
	border:1px solid #999999;
	margin-bottom:2px;
}
.fieldset label{
	width:180px;
	float:left;
	margin-right:15px;
}
.fieldset label.getquote{
	width:180px;
	float:left;
	margin-right:15px;
	margin:4px;
	margin-bottom:2px;
}
.fieldset label.button{
	width:50px;
	float:left;
	margin-right:0px;
}
.footerarea{
	padding-top:1px;
	padding-bottom:1px;
}
.footer{
	width:990px;
	margin:0 auto;
	text-align:center;
	font-size:11px;
}
.footer a{
	color:#333333;
}
.footer a:hover{
	color:#ff9900;
}
.galleryframe{
	width:200px;
	float:left;
	margin-right:35px;
}
.galleryframe .galleryimage{
	margin:2px 0px 2px 0px;
}
.galleryframe h3{
	background:#ffffff;
	color:#333333;
	margin:0px;
	padding:2px;
	font-weight:normal;
	text-align:center;
	font-size:12px;
}
.graybox{
	background:#f5f5f5;
	padding:9px;
	border:1px #cccccc dashed;
	padding-right:2px;
}
.graybox h2{
	margin:0px;
	color:#4a6f6f;
	font-size:18px;
	padding-bottom:10px;
	font-weight:normal;
}

.pricetitle{
	float:left;
	padding:3px;
	padding-top:9px;
	width:auto;
	font-size:20px;
	color:#ffffff;
	display:block;
}
.price{
	float:right;
	padding:3px;
	padding-top:9px;
	width:auto;
	font-size:20px;
	color:#ffffff;
	display:block;
}
.price span{
	font-size:12px;
	font-weight:bold;
}
.moreinfo{
	clear:both;
	text-align:right;
	padding-right:35px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	margin-bottom:4px;
}
.pricecontent{
	padding:9px;
	height:150px;
}
.radioarea{
margin-bottom:10px;
margin-top:5px;}
input.radio{
	width:auto !important;
	border:none !important;
	height:auto !important;
	background:none !important;
}
.smallfont{
color:#666666;
font-size:11px;
}
.orange{
color:#ff9900;
}
/*------------ new css -----*/
.columnleft{
	float:left;
	width:250px;
	display:block;
	margin-right:7px;
	background:#FFFFFF;
}
.columncenter{
	float:left;
	width:auto;
	display:block;
	margin-right:7px;
	background:#FFFFFF;
	padding:10px;
	width: 479px;
}
.columncenter ul li {
	list-style-type: disc;
}
.Pricecolumncenter{
	float:left;
	width:479px;
	display:block;
	margin-right:7px;
	background:#FFFFFF;
	padding:10px;
}
.Pricecolumncenter p{
	margin:0px;
	padding:0px;
}
.columncenter img {
	border: none;
}
.columnright{
	float:left;
	width:213px;
	display:block;
	background:#FFFFFF;
}
h2.whitetile{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0px;
	padding:17px 0px 15px 0px;
	white-space:nowrap;
}
h3.whitetile{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0px;
	padding:17px 0px 15px 0px;
	white-space:nowrap;
}
h3.blackwhitetile{
	color:#FFFFFF;
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	margin:0px;
	padding:17px 0px 15px 0px;
	white-space:nowrap;
}
.borderbox{
	background:#f5f5f5;
	border:#cccccc dashed 1px;
	padding:5px;
}
.borderboxwhite{
	background:#ffffff;
	border:#cccccc dashed 1px;
	padding:5px;
}
.borderbox label{
	float:left;
	width:225px;
	margin-left:7px;
}
.borderbox input{
	margin:2px;
	margin-left:0px;
	width:215px;
	height:16px;
	padding:2px;
	font-size:12px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
}
.borderbox select{
	margin:2px;
	margin-left:0px;
	width:215px;
	height:22px;
	padding:2px;
	font-size:12px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
}
.borderbox textarea{
	margin:2px;
	margin-left:0px;
	width:440px;
	height:150px;
	padding:2px;
	font-size:12px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
}
.bodyareabg{
	background:#f2f2f2;
	border:1px solid #ff0000;
	display:block;
}
.tabcontent{
	padding:10px;
}
.contactbottomline{
font-size:11px;
text-align:center;
margin-top:270px;}
.iconbox{
	background:url(../images/content/iconbox-bg.gif) no-repeat left top #f5f5f5;
	padding:5px;	
	border-bottom: 1px dashed #999999;
	padding-bottom:10px;
	width:470px;
}
.iconbox h2{
	margin:0px;
	padding:0px;
	margin-left:55px; margin-top:15px;
	font-size:18px;
	font-weight:normal;
	color:#666666;
}
.iconbox label{
	float:left;
	width:225px;
	margin-left:7px;
}
.iconbox .content{
margin-left:8px;
margin-top:10px;
}
.iconbox input{
	margin:2px;
	margin-left:0px;
	width:215px;
	height:16px;
	padding:2px;
	font-size:12px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
}
.dotteddevider{
border-top:1px dashed #999999;
height:15px;
clear:both;
margin-right:20px;
}
/*----- slider latest projects css ----*/

fieldset, img { border: 0; }

div#container1 {margin:0 auto; padding:0px; background-color:#fff; border:0px dotted #888; width:240px; text-align:left;}

div#container_bd ul {list-style-type: circle;}

div#container_bd ul li {margin: 0 0 5px 30px;}

/* example_6 css */
#example_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 230px; /* important */
	height: 373px; /* important */
	margin: 0;
	background: #fff;
}

#example_6_content {
position: absolute;
top: 0;
margin-left: 0;
}

#example_6_content
#example_6_content li {
list-style: none;
margin: 0;
padding: 0;
}
#example_6_content {
width: 13440px;
}
#container_bd #example_6 ul li {
display: block;
float: left;
margin: 0;
padding: 0;
border: none;
background-color: #fff;
}

#container_bd #example_6 ul li img {
display: block;
}

#example_6_frame {
	position: relative;
	margin: 260px 0px 0px 14px;
}
#container_bd #example_6_frame ul li {
margin: 2px 2px;
}
#container_bd #example_6_frame ul li img{
border: 1px solid #ccc;
padding: 0px;
}
#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}
/*----- slider latest projects css end ----*/
.breadcrumb {
	font-size: 11px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#bookmarks {
	text-align:center;
	font-size:11px;
	padding-top: 10px;
}