@charset "UTF-8";
/* CSS Document */

html, body{
margin:0;
padding:0;
background:#424242;}

#page-container {
width: 900px;
margin: auto;
background: #424242;}

/* Begin main nav */
#main-nav{
	height: 130px;
	background-image: url(../images/nav/nav-bg.png);
}

#main-nav ul { /* remove bullets and list indents */
	list-style: none;
	margin: auto;
	padding: 52px 5px 5px 17px;
	float: left
}

#main-nav li { /* remove bullets and list indents */
	display: inline;
}

#main-nav a { /* remove bullets and list indents */
	float: left;
}

/* Individual Rollover Effects for main nav*/
a.homerollover {
    display: block;
    width: 106px;
    height: 71px;
    background: url("../images/nav/rollover/home1.png") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.homerollover {
    background-position: -106px 0;
} 
a:active.homerollover {
	background-position: -212px 0;
}

a.servicesrollover {
    display: block;
    width: 106px;
    height: 71px;
    background: url("../images/nav/rollover/services1.png") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.servicesrollover {
    background-position: -106px 0;
} 
a:active.servicesrollover {
	background-position: -212px 0;
}

a.aboutrollover {
    display: block;
    width: 106px;
    height: 71px;
    background: url("../images/nav/rollover/about1.png") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.aboutrollover {
    background-position: -106px 0;
} 
a:active.aboutrollover {
	background-position: -212px 0;
}

a.portfoliorollover {
    display: block;
    width: 106px;
    height: 71px;
    background: url("../images/nav/rollover/portfolio1.png") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.portfoliorollover {
    background-position: -106px 0;
} 
a:active.portfoliorollover {
	background-position: -212px 0;
}

a.testimonialrollover {
    display: block;
    width: 106px;
    height: 71px;
    background: url("../images/nav/rollover/testimonials1.png") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.testimonialrollover {
    background-position: -106px 0;
} 
a:active.testimonialrollover {
	background-position: -212px 0;
}

a.contactrollover {
    display: block;
    width: 106px;
    height: 71px;
    background: url("../images/nav/rollover/contact1.png") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.contactrollover {
    background-position: -106px 0;
} 
a:active.contactrollover {
	background-position: -212px 0;
}
/* end main nav*/

#header{
	height: 226px;
	background-image: url(../images/nav-image.png);
	background-repeat: no-repeat;
}

#aboutheader{
	height: 226px;
	background-image: url(../images/about-nav-image.png);
	background-repeat: no-repeat;
}

#servicesheader{
	height: 226px;
	background-image: url(../images/services-nav-image.png);
	background-repeat: no-repeat;
}

#testimonialsheader{
	height: 226px;
	background-image: url(../images/testimonials-nav-image.png);
	background-repeat: no-repeat;
}

#portfolioheader{
	height: 226px;
	background-image: url(../images/portfolio-nav-image.png);
	background-repeat: no-repeat;
}

#contactheader{
	height: 226px;
	background-image: url(../images/contact-nav-image.png);
	background-repeat: no-repeat;
}

#testimonialbox{
	background: /*red*/;
	height: 155px;
	width: 360px;
	margin-top: 15px;
	margin-left: 508px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#content{
	width: 888px;
	background-color: #FFFFFF;
	background-image: url(../images/logo-bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-left: 6px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #424242;
}

#copy{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 828px;
	margin-left: 30px;
}
	
	
#leftcol{
	float:left;
	width: 400px;
		
	}	
	
#rtcol{
	width: 400px;
	margin-left: 428px;
	clear:right;
}		
	
#portfolioleftcol{
	float:left;
	width: 250px;
}	
	
#portfoliortcol{
	width: 550px;
	margin-left: 250px;
}

#widgets{
	
}		



#footer{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}

a.ftrlinks:visited {  
	color: #ffffff;
	text-decoration: none
	}

a.ftrlinks:hover {  
	color: #b30c16;
		}

a.ftrlinks:link {  
	color: #ffffff; 
	}

h1 {
	font-size: 18px;
	color: #B5131C;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-size: 14px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #424242;
	padding-top: 15px;
	padding-bottom: 5px;
}

h4 {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #B5131C;
	padding-top: 15px;
	padding-bottom: 5px;
}

.grayspan {color: #424242}
.redspan {color: #B5131C}
.whitespan {color: #ffffff;
font-size:70%;
font-family: Arial, Helvetica, sans-serif;}
.redtxt {color:#b30c16;}

.clearer {
	font-size: 0px;
	height: 0px;
	width: 100%;
	display: block;
	clear: both;
}

.separator {
 height: 2px;
 width: 90%;
 display: block;
 background-color: #555555;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
}


/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }