@charset "utf-8";
/* CSS Document */
html, body {
      font-family :normal 13px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
      color : #000;
	  height: 100%;
      margin: 0px; 
	  padding:0px;
	  background:#fff url(../images/mast-back.jpg) no-repeat top center;
      }



/*--Navigation--*/

#nav {
	float: left;
	width: 410px;
	margin:0 0 0 20px;
	padding: 0;
	}
	
ul {list-style:none;margin:0;padding:0;}
	li {float:left;width:97px;height:36px;margin-left:2px;padding:0;text-align:left;}
	li a {display:block;padding:28px 0 0 5px;height:100%;color:#FFF;font:normal bold normal 13px/15px Arial, Helvetica, sans-serif; text-decoration:none;border-right:1px solid #ccc;text-align:left;}
	li a {background:url(../images/bg2.jpg) repeat 0 0;}
	li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#a a {background:url(../images/bg.jpg) repeat -20px 35px;}
	#b a {background:url(../images/bg2.jpg) repeat 0 0;}
	#c a {background:url(../images/bg3.jpg) repeat 0 0;}
	#d a {background:url(../images/bg4.jpg) repeat 0 0;}
	
/*--Navigation--*/
	

/*--Content divs--*/	
#content-wrapper2 {
	width:1000px;
	height: 193px;
	background:#fff url(../images/mast-back.jpg) no-repeat top center;
	margin:0 auto;
	padding:0;
	}
	
#content-wrapper3 {
	width:1000px;
	margin:0 auto;
	}	
	
#left-top {
	width:452px;
	height: 193px;
	float:left;
	margin:0;
	padding:0;
	}	
		
#logo {
	width:192px;
	height:74px;
	float: left;
	margin: 20px 0 17px 90px;
	background:url(../images/logo.png) no-repeat top left;
	}	
	
#sign-in {
	width:101px;
	height:61px;
	position:absolute;
 	top:0;
 	right:0;
	z-index:1000;
	margin:0;
	background:url(../images/sign-in.png) no-repeat top right;
	}	
	
#right-top {
	width:548px;
	background:url(../images/mastbg.png) no-repeat top right;
	float:left;
	height: 193px;
	margin:0;
	padding:0;
	}	
	
#right-top2 {
	width:548px;
	background:url(../images/mastbg2.png) no-repeat top right;
	float:left;
	height: 193px;
	margin:0;
	padding:0;
	}
	
#right-top3 {
	width:548px;
	background:url(../images/mastbg3.png) no-repeat top right;
	float:left;
	height: 193px;
	margin:0;
	padding:0;
	}
	
#right-top4 {
	width:548px;
	background:url(../images/mastbg4.png) no-repeat top right;
	float:left;
	height: 193px;
	margin:0;
	padding:0;
	}
	
#right-top5 {
	width:548px;
	background:url(../images/mastbg5.png) no-repeat top right;
	float:left;
	height: 193px;
	margin:0;
	padding:0;
	}
	
#right-top-content {
	width:528px;
	float:left;
	height: 178px;
	margin-top:15px;
	padding:0;
	}
	
#content-main-wrapper {
	width:1000px;
	margin:0 auto;
	}		
		
#callout1 {
	width: 261px;
	height: 400px;
	background:#fff url(../images/call.jpg) no-repeat top left;
	float: left;
	margin:0 0 0 10px;
	_margin:0 0 0 5px;
	padding-top: 17px;
	}
	
#callout2 {
	width: 261px;
	height: 400px;
	background:#fff url(../images/call.jpg) no-repeat top left;
	float: left;
	margin:0;
	padding-top: 17px;
	}
	
#callout3 {
	width: 198px;
	height: 400px;
	background:#fff url(../images/call2.jpg) no-repeat top left;
	float: left;
	margin:0;
	padding-top: 17px;
	}
	
#callout-content {
	width: 226px;
	height: auto;
	float: left;
	font: normal normal normal 12px/18px Verdana, Arial, Helvetica;
	color:#656666;
	margin:0 20px 0 15px;
	_margin:0 10px 0 7px;
	padding: 0;
	}
	
#callout-content2 {
	width: 168px;
	height: auto;
	float: left;
	font: normal normal normal 12px/14px Verdana, Arial, Helvetica;
	color:#656666;
	margin:0 15px 0 15px;
	_margin:0 5px 0 7px;
	padding: 0;
	}
	
.callout-content a:link, .callout-content a:visited {
	text-decoration:none;
	color:#ca0b0b;
}

.callout-content a:hover {
	text-decoration:underline;
	color:#ca0b0b;
}

.submit{ 			background:#fff url(../images/constant.jpg) no-repeat top left ; width:23px; height:25px;

}
	
#callout-icon {
	width: 30px;
	height: 26px;
	float: right;
	margin:-10px 0;
	padding: 0;
	}
	
#callout-image {
	width: 178px;
	height: auto;
	margin:2px auto 3px auto;
	padding: 0;
	}
	
#callout-social {
	width: 23px;
	height: 26px;
	margin-right:5px;
	float:left;
	padding: 0;
	}

#portfolio {
	width: 300px;
	font:normal 12px/20px Verdana, Arial, Helvetica;
	height: auto;
	float: left;
	margin:0;
	padding: 5px;
	}
	
#portfolio2 {
	width: 400px;
	height: auto;
	float: left;
	margin:0;
	padding: 5px;
	}
	
input.red {background-color: #fbf1e5; font-size: 12px; color:#858483; padding:0;}
.red:hover {background: #ba8748; color:#fff;
}

#inline-list ul, #inline-list li	
{
	list-style-type: circle;
	font:normal 12px/20px Verdana, Arial, Helvetica;
	width:280px;
	color:red;
	padding-left:20px;
	}
	
.inline a:link, .inline a:visited {
	text-decoration:none;
	color:#343434;
	font-size:14px;
	line-height:20px;

}

.inline a:hover {
	text-decoration:underline;
	color:#343434;
	font-size:14px;
	line-height:20px;
}

#content-footer-wrapper {
	background:#000 url(../images/background-footer.jpg) repeat-x top left ;
	height: 40%;
	margin:0;
	}
	

#portfolio {
	width: 300px;
	height: auto;
	float: left;
	margin:0;
	padding: 0;
	}
	
#portfolio2 {
	width: 400px;
	height: auto;
	float: left;
	margin:0;
	padding: 0;
	}
	

#footer {
	float: left;
	width: 500px;
	height: 100px;
	padding: 10px 0 0 20px;
	color:#999898;
	font:normal 9px/20px Verdana, Arial, Helvetica;
	text-align:left;
	}
	
.footer a:link, .footer a:visited {
	text-decoration:none;
	color:#999898;
}

.footer a:hover {
	text-decoration:underline;
	color:#999898;
}
	
#footer2 {
	float: left;
	width: 460px;
	height: 100px;
	padding: 10px 20px 0 0;
	color:#999898;
	font:normal 13px/28px Verdana, Arial, Helvetica;
	text-align:right;
	}
	
/*--Font classes begin here--*/	
	
.classh1{
	font:normal normal bold 33px/31px Verdana, Arial, Helvetica;
	color:#8e0808;
	text-align:left;
	}
	
.mast-content{
	font:normal normal normal 14px/20px Verdana, Arial, Helvetica;
	color:#000;
	text-align:left;
	}
	
.content-heading{
	font:normal normal normal 20px/20px Verdana, Arial, Helvetica;
	color:#343434;
	text-align:left;
	}
	
.content-heading2{
	font:normal normal normal 12px/12px Verdana, Arial, Helvetica;
	color:#ca0b0b;
	text-align:left;
	}
	
.classh2{
	font:normal normal bold 38px/20px Verdana, Arial, Helvetica;
	color:#fff;
	text-align:left;
	}
	
<!--slider code-->
a								{ text-decoration: none; outline: none; }
a img							{ border: none; }

h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{ background: #fff; width: 728px; margin:0; _margin:0; float:left; 
								  padding: 0; }
								  
#page-wrap2						{ background: #fff; width: 728px; margin:0; _margin:0; float:left; 
								  padding: 0; z-index:2000;}
								  
#page-wrap3						{ background: #fff; width: 728px; margin-left:0; _margin:0; float:left; 
								  border-top: 1px solid gray; padding: 0; z-index:2000;}

#slider							{ background:url(../images/slides/slide-background.jpg); height: 407px; _width:728px; overflow: hidden;
								  position: relative; margin:10px auto 0 auto; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 20px 0 0 20px; width: 708px; float: left; position: relative; z-index:1000; }
.slide h1						{ font:normal bold normal 28px Verdana Helvetica, Sans-Serif;
								  color:#8e0808;}
.slide h2						{ font:normal 14px Verdana  Helvetica, Sans-Serif; text-align:left;
								  color: #6f6c6c; width: 300px; }
.slide p						{ color: #000; font:normal 11px/15px Verdana  Helvetica, Sans-Serif; text-align:left; width: 300px; }
.slide img						{ position: absolute; top: 0; left: 0px; z-index:-1000; }
#slider-stopper					{ position: absolute; top: -600px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
#view-site {
	width: 130px;
	height: 30px;
	background:#fff url(../images/view-site.jpg) no-repeat top left;
	float: left;
	margin:0;
	padding:0;
	}
<!--slider code-->