/* Browser Reseter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{
	margin: 0;
	padding:0;
	text-decoration: none;
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

/* General body layout */
body img{
	float: right;
	border:0px;
	margin-left: 0px;
}
ul,li,ol{
	float:left;
	list-style-image: none;
	list-style-type: none;
}

a, button{
	text-decoration:none;
	outline: none;
}

body{
  font-family: Tahoma, Arial, sans-serif;
  font-size:12px;
  font-weight: normal;
  background:images/grid-bkgrnd.png;
}

#outer-wrap{
  width:100%;
  float:left;
  background:#fff;
}

/* Layout styles */
#header{
  width:825px;
  height:158px;
  float: left;
  margin-left:76px;
  margin-bottom:30px;
  background: url(images/redblock.jpg) no-repeat;
}

h1{
	display: block;
	float:left;
	margin:95px 0 0 72px;
}

/* navigation links */
ul.nav{
	min-width:255px;
	height:26px;
	float:right;
	display: block;
	margin:30px 0 60 0;
}
ul.nav li{
  display:block;
  float:left;
  line-height: 12px;
}
ul.nav li a{
	display:block;
	float:left;
	font-size: 23px;
	color: #009;
	padding:4px 11px 9px 11px;
}
ul.nav li a:hover, ul.nav li a.active{
  color: #b10000;
}

/* stylin banner portion */
div#banner{
  width:100%;
  min-height:125px;
  float:left;
  background: url(images/strip-x.gif) repeat-x 0 90px;
}
div.inner-banner{
  width:825px;
  float:left;
  margin:0 0 0 75px;
}

div.clear{
	width:745px;
	height:30px;
	float:left;
	clear:both;
}

div.leftContent{
  width:501px;
  height:282px;
  float:left;
  margin-left:62px;
  background: url(images/banner_bg.png) no-repeat left;
}
div.leftContent img{
  margin:3px 0 0 0px;
}

div.rightContent{
  width:240px;
  float:right;
  margin:16px 0 0 0;
}
div.rightContent p.search{
	width:238px;
	float:left;
	display:block;
}
div.rightContent label{
	width:236px;
	float:left;
	font-size:15px;
	color:#424242;
	display:block;
	margin-bottom:13px;
}
div.rightContent input{
	width:168px;
	height:21px;
	float:left;
	color:#737373;
	display:block;
	margin-right:3px;
	line-height:21px;
	border:1px solid #828282;
}
div.rightContent input.button{
	width:61px;
	height:23px;
	float:left;
	border:0px;
	color:#424242;
	padding-bottom:2px;
	background: url(images/search_btn.gif) no-repeat left;
}

div.rightContent p.tagline{
	width:238px;
	float:left;
	margin:87px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#737373;
	padding-bottom:19px;
}
div.rightContent p.sign{
	width:222px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}

/*s tylin content body */
#content-wrap{
	width:825px;
	float:left;
	margin-left:75px;
	padding:0px 0 0 0;
}

#content-wrap h2{
	clear:both;
	width:750px;
	float:left;
	font-size:36px;
	font-family:Miso;
	color:#737373;
	line-height:36px;
	margin-left:75px;
	font-weight:normal;
	padding-bottom:33px;
}
#content-wrap h2 span.col{
	float:none;
	font-family:Miso;
	font-size:36px;
	color:#b10000;
	line-height:36px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

/* stylin gallery content */
div.gallery{
	width:745px;
	float:left;
	margin-left:80px;
	padding-bottom:10px;
	margin-bottom: 10px;
	z-index: 3;
}
div.about{
	background:url(images/about_bg.png) no-repeat bottom right;
}
div.gallery p{
	width:745px;
	float:left;
	text-align:justify;
	line-height:19px;
	color:#000;
	padding-bottom:16px;
}
div.gallery h4 span.col{
	width:285px;
	float:none;
	background:#fff;
	color:#b10000;
	padding:0 2px 0 2px;
}
div.gallery h4{
	width:710px;
	float:left;
	font-family:'TitilliumText14LRegular';
	font-size:22px;
	color:#fff;
	font-weight:normal;
	padding-left:36px;
	padding-bottom:29px;
	background: url(images/bar-top.jpg) repeat-x 0 3px;
}

#content-wrap h3{
	min-width:200px;
	float:left;
	font-family:'TitilliumText14LRegular';
	font-size:27px;
	color:#737373;
	font-weight:normal;
	margin-left:0px;
	padding-bottom:18px;
}
#content-wrap h3 span.col{
	color:#b10000;
}

.leftPan h3{
	width:446px;
	float:left;
	font-family:'TitilliumText14LRegular';
	font-size:27px;
	color:#737373;
	font-weight:normal;
	margin-left:0px;
	padding-bottom:18px;
}

.leftPan p{
	width:745px;
	float:left;
	line-height:19px;
	color:#737373;
	padding-bottom:16px;
}

ul#img-gallery{
	clear:both;
	width:745px;
	float:left;
	display:block;
}
ul#img-gallery li{
	width:149px;
	height:149px;
	float:left;
}
ul#img-gallery li img{
	float:left;
	border:0px;
}

/* stylin main body content */
#mainContainer{
	width:472px;
	float:left;
	margin-left:80px;
	z-index: 3;
}

#mainContainer h3.title{
	width:745px;
	float:left;
}

.leftPan{
	width:446px;
	float:left;
	display:block;
}

.leftPan a.more{
	width:80px;
	float:left;
	color:#b10000;
	text-decoration:underline;
}
.leftPan a.more:hover{
	text-decoration:none;
}

.leftPan p{
	width:445px;
	float:left;
	text-align:justify;
}

.leftPan ul.list-items, .leftPan ul.list-items li{
	width:446px;
	float:left;
}
.leftPan ul.list-items li{
	padding:5px 0;
}
.leftPan ul.list-items li a{
	width:100%;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:21px;
	color:#b10000;
	text-align:justify;
	text-decoration:underline;
}
.leftPan ul.list-items li a:hover{
	text-decoration:none;
	color:#888888;
}

.leftPan ul.lists{
	width:446px;
	float:left;
	display:block;
}
ul.lists li{
	width:220px;
	float:left;
	display:block;
	border-top:1px solid #a3a3a3;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
}
ul.lists li.lastbor{
}
ul.lists li a{
	width:100%;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#888888;
}

/* stylin right side content */
.rightPan{
	width:446px;
	float:left;
}
.rightPan h3{
	width:443px;
	float:left;
}
.rightPan p.call{
	display:block;
	width:445px;
	float:left;
	font-family:'TitilliumText14LRegular';
	font-size:40px;
	color:#b10000;
	line-height:19px;
	margin-top:18px;
	padding-bottom:0px;
}
.rightPan p.call span.smaltag{
	display:block;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
	line-height:36px;
}


/* stylin contact form */

div.gallery img.map{
	border:1px solid #888888;
	float: left;
}
div.contact{
	width:445px;
	float:left;
	display:block;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div.nomar{
	margin:0px;
}
div.contact h3{
	width:252px;
	float:left;
	padding-bottom:30px;
}
div.contact p{
	width:252px;
	float:left;
	display:block;
	padding-bottom:11px;
}

div.contact label{
	display:block;
	width:78px;
	float:left;
	color:#888888;
	font-size:12px;
	line-height:24px;
}
div.contact input{
	width:168px;
	height:23px;
	float:left;
	font-size:12px;
	color:#737373;
	padding-bottom:0px;
	border:1px solid #828282;
}

div.contact p.submit{
	width:171px;
	float:left;
	padding-left:80px;
}
div.contact p.submit input{
	width:61px;
	height:23px;
	float:left;
	border:0px;
	font-size:12px;
	color:#424242;
	padding-bottom:5px;
	line-height:21px;
	background:url(images/search_btn.gif) no-repeat;
}
div.contact p.submit input:hover{
	background:#b10000;
	color:#fff;
	cursor:pointer;
}
/* footer content */
#footer{
	clear:both;
	width:745px;
	height:98px;
	float:left;
	background:url(images/foot-bg745.jpg) no-repeat right top;
	padding: 0;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 155px;
}

ul.footNav{
	width:300px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
}
ul.footNav li{
	color:#737373;
}
ul.footNav li a{
	color:#737373;
	padding:18px 5px;
}

#footer p.copyright{
	clear:left;
	width:300px;
	float:left;
	font-size:10px;
	color:#737373;
	line-height:16px;
	padding:0 0 0 4px;
}


/* stylin contact us page */
div.contact-us{
	width: 230px;
	float:left;
	margin-right:20px;
}
.contact-us  p{
	width:230px;
	float:left;
	display:block;
	padding-bottom:16px;
}
.contact-us label{
	width:50px;
	float:left;
	display:block;
	color:#888888;
	font-size:13px;
	line-height:23px;
}

.contact-us input{
	width:168px;
	height:23px;
	float:left;
	font-size:11px;
	color:#737373;
	border:1px solid #B4B4B4;
}

#mainContainer div.rightContent{
	width:250px;
	float:left;
	margin:0px;
	padding:0px;
}
#mainContainer textarea{
	width:220px;
	height:63px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #B4B4B4;
}
#mainContainer input.submit{
	width:60px;
	height:23px;
	float:left;
	display:block;
	color:#7373737;
	padding:0px 0 2px 0;
	margin:0px;
}
#mainContainer input.submit:hover{
	color:#fff;
	background:#b10000;
	cursor:pointer;
}

/* stylin about us right pan content */
.rightPan p{
	width:252px;
	float:left;
	line-height:19px;
	color:#737373;
	text-align:justify;
	padding-bottom:20px;
}

.rightPan p.services{
	width:220px;
	float:left;
}

.rightPan p.quote{
	width:252px;
	float:left;
	background:url(images/q-toe.png) no-repeat top left;
	text-indent:23px;
}
.rightPan p.quote span{
	display:block;
	float:right;
	width:18px;
	height:14px;
	margin:9px 0 0 0;
	background:url(images/q-toe_bot.png) no-repeat bottom left;
}

.rightPan ul{
	padding-bottom:20px;
}
.rightPan ul, .rightPan ul li{
	width:252px;
	float:left;
	display:block;
}
.rightPan ul li{
	padding:5px 0;
	border-left-color: #000;
}
.rightPan ul li a{
	font-size:12px;
	color:#737373;
	line-height:16px;
}
.rightPan ul li a:hover{
	text-decoration:underline;
}


/* stylin portfolio */

ul.folio, ul.folio li{
	width:446px;
	float:left;
}

ul.folio li{
	padding-bottom:20px;
}

ul.folio li img{
	margin:10px 0 10px 0;
}

ul.folio li h4{
	width:446px;
	float:left;
	font-size:22px;
	float:left;
	color:#b10000;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	padding-bottom:9px;
}

ul.folio li p{
	width:417px;
	float:left;
	text-align:justify;
	line-height:19px;
	color:#727272;
}
ul.folio li p a{
	font-size:12px;
	color:#b10000;
	text-decoration:underline;
}
ul.folio li p a:hover{
	text-decoration:none;
}

/* profile page */
#content-wrap img.profile{
	clear:left;
	float:left;
	margin:0 0 16px 0;
}

#content-wrap a.more{
	min-width:90px;
	float:left;
	color:#b10000;
	text-decoration:none;
}
#content-wrap a.more:hover{	
	text-decoration:underline;
}