body
{
margin: 0;
padding: 0;
background: #f5f5f5 url(images/back.jpg) repeat-x;
text-align: center;
}
#logo{
float: left;
width: 527px;
height: 71px;
padding: 0 0 0 25px;
}
#topbar{
float: left;
width: 950px;
height: 71px;
text-align: left;
background: url(images/top-bar.jpg) no-repeat;
}
#rss{
float: left;
width: 28px;
height: 38px;
padding: 17px 0 0 30px;
text-align: left;
}
#topnav{
float: left;
width: 950px;
height: 55px;
text-align: left;
padding: 0 0 0 10px;
background: url(images/nav-bar.jpg) no-repeat;
}
#topnav img{
border:0;
vertical-align: middle;
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/arrown.png',sizingMethod='scale');*/
}
#head_project{
float: left;
width: 204px;
height: 54px;
padding: 17px 0 5px 73px;
}

#blurb-content{
float: left;
width: 416px;
height: auto;
text-align: left;
padding: 102px 15px 15px 90px;
font-family: Verdana,Arial,Georgia,Tahoma;color: #201d1a; font-size: 12px; line-height: 18px;
}
#blurb{
float: left;
width: 416px;
height: auto;
text-align: left;
padding: 105px 15px 15px 90px;
font-family: Verdana,Arial,Georgia,Tahoma;color: #201d1a; font-size: 12px; line-height: 18px;
}
#blurb a{
color:#201d1a;
text-decoration:underline;
}
#blurb a:hover{
color:#201d1a;
text-decoration:none;
}
#btn_q{
float: left;
width: 193px;
height: 53px;
padding: 0;
text-align: left;
background: url(images/btn-estimate.png) no-repeat;
background-position:bottom;
text-align:left;
margin: 10px 0 0 0;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/btn-estimate.png',sizingMethod='scale');*/
}
#btn_q:hover{
float: left;
width: 193px;
height: 53px;
padding: 0;
text-align: left;
background: url(images/btn-estimate-over.png) no-repeat;
background-position:bottom;
text-align:left;
margin: 10px 0 0 0;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/btn-estimate-over.png',sizingMethod='scale');*/
cursor: pointer;
}
/*quote end*/
#blurb_portfolio{
float: left;
width: 220px;
height: auto;
text-align: left;
padding: 105px 15px 15px 155px;
font-family: Verdana,Arial,Georgia,Tahoma;color: #ffffff; font-size: 12px; line-height: 18px;
}
#btn{
float: left;
width: 193px;
height: 53px;
padding: 0;
text-align: left;
background: url(images/btn-portf.png) no-repeat;
background-position:bottom;
text-align:left;
margin: 10px 0 0 0;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/btn-portf.png',sizingMethod='scale');*/
}
#btn:hover{
float: left;
width: 193px;
height: 53px;
padding: 0;
text-align: left;
background: url(images/btn-portf-over.png) no-repeat;
background-position:bottom;
text-align:left;
margin: 10px 0 0 0;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/btn-portf-over.png',sizingMethod='scale');*/
cursor: pointer;
}
#front_portfolio{
float: left;
width: 950px;
height: 274px;
background: url(images/banner2.jpg) no-repeat;
padding: 20px 25px 0 50px;
}
#front_portfolio_content{
float: left;
width: 870px;
height: 274px;
background-color:#eceeed;
border: 3px solid #FFFFFF;
padding: 20px 25px 0 50px;
margin: 0 0 30px 0;
}
#testimonial{
float: left;
width: 900px;
height: auto;
text-align: left;
padding: 33px 25px 33px 25px;
font-family: Verdana,Arial,Georgia,Tahoma;color: #2c2c2c; font-size: 12px; line-height: 18px;
}
#testimonial a{
color: #2c2c2c;
text-decoration:underline;
}
#testimonial a:hover{
color: #2c2c2c;
text-decoration:none;
}
#testimonial span{
display:block;
padding: 0 0 20px 0;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.8em; color:#08090d;
}
#box_footer{
float: left;
width: 100%;
height: 168px;
background: #000000 url(images/bar-w.jpg) repeat-x;
clear: both;
}
#bottom_bar{
width: 950px; margin: 0px auto;
height: 168px;
background: #000000 url(images/bottom-bar.jpg) no-repeat;
text-align: left;
padding:0;
}
#bottom_bar span{
display:block;
padding: 0 0 20px 0;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.2em; color:#FFFFFF;
}
#col{
float: left;
width: auto;
height:auto;
text-align: left;
padding: 0 25px 0 25px;
margin: 20px 0 0 0;
}
#contentwrapper{
float: left;
width: 950px;
height: 239px;
text-align: left;
padding: 0px;

}
#frame{
width: 950px; margin: 0px auto;
}
#frame_content{
width: 900px; margin:0 auto;
padding: 0 0 10px 0px;
}
#detail_bread{
float: left;
display: block;
padding: 30px 0 25px 0;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.2em; color:#000000;
text-align: left;
}
#box_content{
float: left;
width: 620px;
padding: 20px 30px 30px 0;
font-family: Verdana,Arial,Helvetica, sans-serif; color: #000000; font-size: 12px; line-height:18px;
text-align: left;
}
#box_content .pict{
margin:0 20px 0 0;
border: 4px solid #FFFFFF;
}
#box_content .new{
display: block;
padding: 0 0 5px 0;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.4em; color:#ff6f00;
}
#box_content .bread{
display: block;
padding: 20px 0 25px 0;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.6em; color:#000000;
}
#box_content a{
color: #000000;
text-decoration: underline;
}
#box_content a:hover{
color: #000000;
text-decoration: none;
}
/*box_portfolio*/
#box_portfolio{
float: left;
width: 950px;
padding: 0 30px 30px 0;
font-family: Verdana,Arial,Helvetica, sans-serif; color: #000000; font-size: 12px; line-height:18px;
text-align: left;
}
#box_portfolio img{
border: 3px solid #FFFFFF;
}
#box_portfolio .text{
padding: 0 20px 20px 20px;
background-color: #eceeed;
border: 3px solid #FFFFFF;
}
#box_portfolio span{
display: block;
padding: 20px 0 20px 0;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.6em; color:#f77f07;
}
#box_portfolio a{
color: #000000;
text-decoration: underline;
}
#box_portfolio a:hover{
color: #000000;
text-decoration: none;
}
.sec{
width: 100px;
height: 17px;
padding: 3px;
font-family:  Verdana, Arial, Times New Roman, Helvetica, sans-serif; font-size:12px;
letter-spacing: 5px;
color: #000000;
background-color: #a3d8ea;
border: 0px solid #d3f56b;
}
#banner{
float: left;
width: 950px;
height: 252px;
background: url(images/banner.jpg) no-repeat;
text-align: left;
margin: 25px 0 0 0;
}
#box_copyright{
float: left;
width: 100%;
}
#copyright{
width: 925px; margin: 0px auto;
font-family:  Arial,Verdana,Tahoma,Georgia; font-size: 11px;color: #2c2c2c;
text-align:left;
padding: 26px 0 33px 25px;
}
#copyright a{
color:#000000;
text-decoration: underline;
}
#copyright a:hover{
color:#000000;
text-decoration: none;
}
#footer{
   float: left;
    width: 773px;
	padding: 12px 0 0 0;
	font-family: lucida sans unicode,Arial,Verdana,Georgia,Tahoma;font-size: 1.2em;
	color: #ffffff;
	text-align: left;
}
#footer span{
font-family: Verdana,Tahoma, Arial, Verdana,Georgia; font-size: 11px;color: #232323;
}
#apply{
padding: 5px 5px 5px 5px;
border: 2px solid #ffffff;
background-color:#eceeed;
font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px; color: #000000;
}
#apply .input{
width: 98%;
}
#apply a{
color:#000000;
}
#apply td{
padding: 5px 15px 5px 10px;
}
#apply td span{
font-family: lucida sans unicode,Arial,Verdana,Georgia,Tahoma;font-size: medium;
color: #40a3d8;
}
#apply td img{
vertical-align: middle;
}
/*email style*/
#top_address_email{
width: 850px;
height: 105px;
background: url('images/top-bar.jpg') repeat-x;
}
#top_address_email a{
color: #3F3F3F;
text-decoration: underline;
}
#address_email{
float: left;
width: auto;
padding: 15px 0 0 20px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3F3F3F;
text-align: left;
}
#address_email span{
font-family: lucida sans unicode,arial; color:#3F3F3F; font-size: large;
text-transform:uppercase;
}
#text_body{
float: left;
width: 850px;
height: auto;
background-color: #F1F1F1;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3F3F3F;
text-align: left;
padding: 20px;
}
#head{
font-family: lucida sans unicode,arial; color:#e50000; font-size: large;
}

/*twitter styling*/
#twitter_div{
float: left;
width: 280px;
font-family: Verdana,Arial,Georgia,Tahoma; font-size: 11px;color: #333333;
}
#twitter_div ul li span {
font-family: Verdana,Arial,Georgia,Tahoma; font-size: 11px;color: #333333;
}
#twitter_div ul li a {
	text-decoration: underline;
	font-weight: bold;
	visibility: hidden;
}
 
#twitter_div img{
vertical-align: middle;
}
#twitter_div font{
font-family: lucida sans unicode,Arial,Verdana,Georgia,Tahoma;font-size: 1.4em;
color: #e50000;
}
.carousel-box {
	float: left;
	width: 900px;
	height: 274px;
	position:relative;
	font-family: Verdana,Arial, Helvetica, sans-serif; color: #201d1a; font-size: 12px; line-height: 18px;
	text-align: left;
}
.carousel-box a{
color:#201d1a;
text-decoration: underline;
}
.carousel-box a:hover{
color:#201d1a;
text-decoration: none;
}
.carousel-box span{
display:block;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.4em; color:#f98007;
padding: 0 0 30px 0;
}
	.carousel-box button {
		background:none;
		width:21px;
		height:46px;
		border:none;
		position:absolute;
		cursor:pointer;
		outline:none;
		z-index:10;
	}
	.carousel-box button.prev {
		left:-30px;
		top:100px;
		background:url(images/prev.gif) no-repeat left top;
	}
		/*.carousel-box button.prev:hover {
			background-position:left -29px;
		}*/
	.carousel-box button.next {
		right:20px;
		top:100px;
		background:url(images/next.gif) no-repeat left top;
	}
		/*.carousel-box button.next:hover {
			background-position:left -29px;
		}*/
		.carousel-box ul li {
		  	width: 400px;
			height: 274px;
			padding: 0 20px 0 0;
			list-style-type:none;
			display:inline-block;
			display:inline;			
		}
		.carousel-box li img {
		border: 4px solid #FFFFFF;
		}	
	.carousel {
	width: 800px;
	height: 274px;
	overflow:hidden;
	text-align: left;
	}
/*--- carousel end ---*/
.carousel-boxC {
	width: 402px; margin: 0px auto;
	height: 135px;
	position:relative;
}
	.carousel-boxC button {
		background:none;
		width:14px;
		height:59px;
		border:none;
		position:absolute;
		cursor:pointer;
		outline:none;
		z-index:10;
	}
	.carousel-boxC button.Cprev {
		left:-10px;
		top:25px;
		background:url(images/prev.png) no-repeat left top;
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/prev.png',sizingMethod='scale');*/
	}
		/*.carousel-box button.prev:hover {
			background-position:left -29px;
		}*/
	.carousel-boxC button.Cnext {
		right:-10px;
		top:25px;
		background:url(images/next.png) no-repeat left top;
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/next.png',sizingMethod='scale');*/
	}
		/*.carousel-box button.next:hover {
			background-position:left -29px;
		}*/
		.carousel-boxC ul li {
		  	width: 100px;
			padding: 0 15px 0 15px;
			list-style-type:none;
			display:inline-block;
			display:inline;
		}
		.carousel-boxC li img {
		border: 4px solid #FFFFFF;
		}	
	.carousel-content {
	width: 402px;
	height: 135px;
	overflow:hidden;
	}
/*--- carousel end ---*/
#head_dir{
float: left;
width: 162px;
height: 55px;
padding: 20px 0 5px 0;
}
#head_dir_detail{
float: right;
width: 162px;
height: 55px;
padding: 20px 300px 5px 0;
}
#frame_directory{
float: left;
width: 235px;
height:auto;
text-align: left;
}
#box_directory{
float: left;
width: 185px;
height:auto;
padding: 25px 25px 25px 25px;
margin: 0 0 20px 0px;
display: inline;
list-style-type: none;
text-align: left;
background-color:#eceeed;
border: 3px solid #ffffff;
font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; font-weight: normal;
line-height: 18px;
color: #000000;
}
#box_directory ul{
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
}
#box_directory li{
	list-style-type: none;
	width: auto;
	padding:0 0 5px 0;
	margin: 0;
	text-decoration: none
}
#box_directory a{
	font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; font-weight: normal;
	text-decoration: underline;
	color: #000000;
}
#box_directory a:hover{
	font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; font-weight: normal;
    text-decoration: none;
	color: #000000;
}
#box_directory li span a{
	text-decoration: none;
	font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; color:  #000000; font-weight: normal;
	padding: 0 0 0 12px;
}
#box_directory li span a:hover{
	text-decoration: underline;
	font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; color:  #000000; font-weight: normal;
	padding: 0 0 0 12px;
}

#box_rss span a{
float: left;
font-family: Verdana,Arial, Helvetica, sans-serif; color: #e6e6e6; font-size: 10px; line-height:18px;
text-align:left;
/*visibility:hidden;*/
}
#box_rss span a:hover{
float: left;
font-family: Verdana,Arial,Helvetica, sans-serif; color: #e6e6e6; font-size: 10px; line-height:18px;
text-align:left;
/*visibility:hidden;*/
}
#box_rss i{
font-family:Verdana, Arial, Helvetica, sans-serif; color: #5a5a5a; font-size: 10px; line-height:18px;
}
#box_client{
padding: 10px;
background-color:#eceeed;
border: 3px solid #ffffff;
}
#dummy{
height: 15px;
}
#error{
width:auto;
height:auto;
position:absolute;
top: 45%;
left: 30%;
background-color: #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; line-height:18px;
display:block;
padding: 20px;
z-index: 50;
border: 3px solid #FFFFFF;
}
#error img{
padding: 0 10px 0 0;
}
#tagcloud {
float: left;
width: 620px;
padding: 20px 30px 30px 0;
font-family: Verdana,Arial,Helvetica, sans-serif; color: #000000; line-height:18px;
text-align: left;
background-color:#CCCCCC;
border: 1px solid #000000;
}
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
}
#tagcloud a:hover, #tagcloud a:active {
    text-decoration: underline;
    color: #000;
}
#tagcloud span {
    padding: 4px;
}
.smallest {
    font-size: 10px;
}
.small {
    font-size: 12px;
}
.medium {
    font-size:14px;
}
.large {
    font-size:16px;
}
.largest {
    font-size:18px;
}