/* CSS Document */ 
* { margin: 0 auto; padding: 0; }

#mainimage { display: none;}
/* HOMEPAGE ==============================================================*/ 
#pagebody {width: 907px; padding: 0; padding-bottom: 0px; margin: 0;}
#pagebody-text { padding: 0;}

/* BREADCRUMB ==============================================================*/
#breadcrumb { height: 40px; background: url(../images/PageElements/homepage/bg-breadcrumb-home.gif) no-repeat; background-position: 0 top; padding-top: 8px;} 


/* SLIDER ==============================================================*/ 

	
	#home-slider { background: url(../images/PageElements/homepage/slider-bg.jpg) repeat-x left -10px; height:341px;} 
	#home-slider h2 { border-bottom:none; font-size:20px; word-spacing: -2px; font-weight:bold; }
	#home-slider a img { border:none; }
	.sliderImages{ margin:58px 0px 0px 72px; }
	.sliderImages ul li  { list-style:none; width:360px; height:224px; overlow: hidden; }
	.sliderImages ul li img  { } 
	#home-slider ul li { margin:0; }

	.sliderTextHolder ul li { height:auto; height:175px; list-style:none; } 
	.sliderTextHolder{ margin:50px 0px 0px 50px; }
		
	.sliderTextHolder p { color:#f7f7f7; margin-bottom: 10px; } 
	.sliderTextHolder h2 { color:#f8bb49; color: #fff; margin-bottom: 5px; } 
	.sliderTextHolder a:link, .sliderTextHolder a:visited{ color:#9edfed; } 
	.sliderTextHolder a:hover{ color:#f8bb49; }
	.prev { position:relative; left:41px; top:-135px; } 
	.next { position:relative; left:422px; top:-135px; }
	.more-images{ position:relative; } 
	.more-images ul li  { list-style:none; margin:0px; } 
	.more-images ul li img  { margin:3px 0 0 4px; }
	
	.view-more-portfolio a {display: block; width: 186px; height: 33px; background-color: red; background: url(../images/PageElements/homepage/view-more-portfolio.gif) no-repeat left top; margin-left: 48px; margin-top: 20px;}
	.view-more-portfolio span { display: none;}
	.view-more-portfolio a:hover { background-position: -189px 0; }

	/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* `Containers ----------------------------------------------------------------------------------------------------*/ 
	.slider-container { width: 907px; height: 341px;}
	.grid_6, .grid_12 { display: inline; float: left; }
	.grid_12 { width: 907px; }
	.grid_6 { width: 420px; margin-left: 10px; margin-right: 10px; }
	
	/* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ 
	.alpha { margin-left: 0; }
	.omega { margin-right: 0; }
	
	/* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ 
	
	.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	/* http://www.positioniseverything.net/easyclearing.html */ 
	.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }

/* HOMEPAGE LEFT PANEL ==============================================================*/ 

.homepage-text-content { display: block; width: 907px; height: 435px; background: url(../images/PageElements/homepage/homepage-text-bg.gif) repeat-x left top; }
.homepage-text-content p {  }

#left-column {width: 533px; padding: 0 30px 20px 50px; float: left; }
#left-column h3 {font-size: 2.2em; line-height: 1.4em; color: #004b72; margin-bottom: 10px; margin-top: 15px; }

.panel-row, .panel-row2 {clear: both;}
.panel-row h4,.panel-row2 h4 {font-size: 1.5em; color: #f87000; line-height: 1em; }
.panel-row p {}
.panel-row a, .panel-row2 a {font-weight: bold;}

.panel-left, .panel-right {width: 250px; height: 130px; float: left; padding: 0 0 20px 0;}

.panel-row2 .panel-left, .panel-row2 .panel-right {width: 250px; height: 120px; float: left; padding: 0 0 0 0;}

.panel-left,.panel-row2 .panel-left {width: 260px; height: 120px; float: left; padding: 0 0 0 0; margin-right: 20px;}

.panel-row .read-more a, .panel-row2 .read-more a {display: block; float: left: width: 119px; height: 29px;  margin-left: 130px; background: url(../images/PageElements/homepage/button-read-more.gif) no-repeat left top; text-indent: -1000px;}

.panel-row .read-more a:hover, .panel-row2 .read-more a:hover {background-position: 0 -30px;}

/* HOMEPAGE RIGHT PANEL ==============================================================*/ 
#right-column { width: 284px; height: 435px; float: right; padding: 0 0 0 0; background: url(../images/PageElements/homepage/homepage-right-bg.gif) repeat-y left 0px; }

#right-column #side-ad { margin: 20px 0 10px 30px; } 


#right-column #services { width: 284px; margin: 5px 0 0 0px; padding-top: 17px; background: url(../images/PageElements/homepage/homepage-bg-right-top.gif) no-repeat 15px top; } 
#right-column #services h3{ display: none; } 
#right-column #services ul{ padding-bottom: 21px; background: url(../images/PageElements/homepage/homepage-bg-right-bottom.gif) no-repeat 15px 221px; } 
#right-column #services li { font-weight: bold; height: 35px;  font-size: 1.2em; line-height: 2.5em; padding: 0 0 0 0; }
#right-column #services li a { width: 249px; height: 35px; display: block; background: url(../images/PageElements/homepage/homepage-bg-sidenav.gif) no-repeat -250px top; padding: 0; margin: 0;}
#right-column #services li a:hover { background-position: 0 0; }

#right-column #callback { margin: 5px 0 20px 30px; }


/*#title-blogfeed { display: block; width: 270px; height: 38px; background: #ccc url(../images/PageElements/homepage/title-blogfeed.gif) no-repeat top center; }

#blog-entries { border-left: solid 1px #cccccc; }
#blog-entries h3 { padding-left: 15px; padding-top: 7px; text-transform: uppercase; font-size: 1.3em;}

#rss-button { float: right; display: inline; margin: -26px 24px 0 0; }

#blog-entries ul { width: 270px; margin: 0px 0 2px 0; }
#blog-entries ul li { display: block; margin-left: 0; width: 270px; height: 60px; padding: 10px 0px 0 0px; margin: 0px auto; border-bottom: 1px solid #dbd0bd; background:url(../images/PageElements/homepage/bg-date.gif) no-repeat 10px 12px; }
#blog-entries ul li a { display: block; cursor: pointer;  text-decoration: none; color: #f87000; color: #757575;}
#blog-entries ul li a:hover span { color: #2762a2; }

/*#blog-entries ul li span.date { float:left; color:#898989; display: inline; line-height:12px; font-weight:normal; position:relative; width:40px;}*/

/*#blog-entries ul li span.date { display: block; width:40px; float: left; top:18px; text-align:center; padding-left:15px; margin-top: 7px; text-transform:uppercase; }

#blog-entries ul li span.date strong { font-size:18px; color:#4b4a48; }

#blog-entries ul li:last-child a { }
#blog-entries ul li img { margin-left: 5px; }
#blog-entries ul li span { width: 185px; display: block; float: left; padding-right: 15px; font-size: 11px; line-height: 16px; }

#blog-entries .more { text-align: right; padding-right: 15px;  padding-top: 2px; height: 20px; background: url(../images/PageElements/homepage/bg-read-more.gif) repeat-x 0px bottom; }
#blog-entries .more a { font-weight: bold; color: #f87000; text-decoration: none; padding-left: 8px; }
#blog-entries .more a:hover { text-decoration:underline; }*/ 


/*#panel1, #panel2, #panel3 { display: block; float: left; width: 268px; height: 270px; border: solid 1px #dfdfdf; margin-right: 15px; margin-bottom: 30px;}
#panel1 h3, #panel2 h3, #panel3 h3 { display: block; width: 268px; height: 32px; background: url(../images/PageElements/homepage/featured-panel-header.gif) no-repeat left top; font-size: 1.2em;  padding: 0; padding-left: 10px; line-height: 2.3em;}
.panel-text { display: block; width: 248px; margin: 15px 10px 10px 10px;}
.panel-text p { line-height: 1.6em;}


#services-nav { width: 125px; height: 159px; margin-left: 130px; margin-top: 35px; text-align: right; }
#services-nav ul { margin-left: 0; padding: 0; list-style: none; margin: 0;}
#services-nav li { font-size: 1em; height: 18px; list-style: none; list-style-position:outside; margin: 0; padding: 1px 0 1px 10px; display: block;}
#services-nav li a { color: #333333; font-weight: bold; text-decoration: none; }
#services-nav li a:hover { color: #5c9d92; font-weight: bold; text-decoration: none; }*/