/*-------------------------------------
Author: Andrew Sherman
Company: Visual Blaze 
Client: Synergy Marketing Group, Inc.
-------------------------------------*/

@import url(typography.css);

/*set block elements to 0 */
body,p,h1,h2,h3,h4,div,ul,li,form {
	margin: 0;
	padding: 0;
}

/*----------
=main styles
----------*/

body {
	font-family: Arial,Tahoma;
	font-size: 12px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 960px;
	background: url(../images/bodyBgTile.png) repeat;
}

#wrapper {
	/*position:relative;*/
	width: 960px;
	/*min-height: 450px;*/
	/*req. centering..*/
	margin: 0 auto;
	margin-top: 20px;
	/*req. centering..*/
	text-align: left;
	background: url(../images/wrapperTile.png) repeat-y;
}

/*------
=header 
-------*/

#header {
	width: 960px;
	height: 107px;
	background: url(../images/header.png);
	}
	#header ul {
		display: inline;
		margin-left: 270px;
		/*margin-top: 37px;*/
		margin-top: 13px;
		list-style: none;
		float: left;
		}
		#header ul li {
			display: inline;
			min-width: 39px;
			margin-right: 19px;
			padding-top: 24px;
			font-family: Tahoma, Arial;
			font-weight: bold;
			float: left;
			}
			#header ul li a {
				color: #595758;
				text-decoration: none;
			}
			#header ul li a:hover {
				color: #F47836;
			}
			#header ul li.active {
				background: url(../images/primNavActive_wBg.png) no-repeat top center;
			}
			#header ul li.active a {
				color:#981A31;
			}
			#header ul li.active a:hover {
				color:#981A31;
			}
	#header p.phoneNo {
		display: inline;
		height: 35px;
		/*margin-top: 25px*/
		margin-top: 15px;
		margin-right: 22px;
		padding-top: 8px;
		padding-left: 35px;
		color: #98002E;
		font-weight: bold;
		
		font-family:Arial,Tahoma;
		/*font-size: 18px;*/
		font-size: 16px;
		background: url(../images/phoneNoIcon_wBg.png) no-repeat left bottom;
		float: right;
	}
	#header form {
		display: inline;
		width: 174px;
		height: 24px;
		margin-top: 10px;/*added with addition of phoneNo above*/
		margin-right: 17px;
		background: url(../images/searchFieldBg.png) no-repeat top left;
		float: right;
		clear: both;
		}
		#header form input {
			width: 133px;
			margin-top: 4px;
			margin-left: 35px;
			border: none;
			color: #fff;
			background: none;
}

/*------------
=column layout
------------*/
/*contentTemplate*/
#col1 {
	display: inline;
	width: 510px;
	margin-left: 227px;/*col2.width(214)+marginleft(13px)*/
	/*background: #666;*/
	float: left;
}
#col2 {
	display: inline;
	width: 209px;/*214-5[padding]*/
	/*min-height: 300px;*/
	/*margin-left: 13px;*/
	padding-left: 5px;
	padding-top: 25px;
	margin-left: -724px; /*510+214*/
	/*background: #999;*/
	float: left;
}
#col3 {
	display: inline;
	width: 198px;/*213-15[padding]*/
	padding-top: 25px;
	padding-left: 15px;
	/*background: #333;*/
	float: left;
	margin-bottom:15px;
}

/*temp Height - DELETE after DEV*/
#col1, #col2, #col3 {
	min-height: 300px;
}

/*=home layout*/
#home #col1 {
	margin-left: 14px;
	/*background: #666;*/
}
#home #col2 {
	margin: 0;
	padding-top: 0;
	/*background: #999;*/
}
#home #col3 {
	padding-top: 0;
	/*background: #333;*/
}

#home #package { width: 268px;/*312-44[padding]*/
	min-height: 100px;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
	float:left;
	padding-top:0;}

#home #col4 ul { width:250px; margin-left:5px;}
#home #col4 ul li { list-style-type:none; color:#666; font-size:11px; font-weight:bold; margin-bottom:7px;}
#home #col4 ul li a { text-decoration:none; color:#666; font-size:11px; font-weight:bold;}
#home #col4 ul li a:hover { text-decoration:underline; color:#98012E;}

#home #col1, #home #col2, #home #col3, #home #col4 {
	width: 268px;/*312-44[padding]*/
	min-height: 100px;
	margin-top: 15px;
	padding-left: 22px;
	padding-right: 22px;
	border-right: 1px solid #ccc;
}

#home #col4 { margin-top:14px;}


/*-------
=secNav
--------*/
/*not part of nav, creates purple tab at top*/
h3.secNavHeader {
	width: 185px;
	height: 30px;
	text-indent: -2000em;
	color: #fff;
	background: url(../images/secNavHeaderBg.png) no-repeat bottom left;
}

/*secNav ul main*/
ul.secNav, ul.secNav ul{
	width: 183px;
	font-family: Tahoma, arial;
	list-style: none;
	border: 1px solid #C9C9C9;
	background: #D6D4D6;
}

ul.secNav ul {
	border: none;
}

ul.secNav > li {
	position: relative;/*removes probs with navArrows in FF-> causes issues in ie6 so use adjacent selector to hide from ie^*/
}

/*Prim link styling*/
ul.secNav li a {
	display: block;
	width: 138px;/*183-45[padding]*/
	/*width: 168px;*/
	min-height: 23px;
	height: auto !important;/*added to hack ie6 min-height issue*/
	height: 23px;/*added to hack ie6 min-height issue*/
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 45px;
	/*text-indent: 45px;*/
	padding-bottom: 2px;
	text-decoration: none;
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background: url(../images/secNavPrimLinkBg.png) no-repeat top left;
}
ul.secNav li a.active {
	color:#981A31
}
/*expand/collapse arrows !! extranous element*/
span.navArr, span.navArr2{
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	margin-left: 7px;
	margin-top: 4px;
	cursor: pointer;
	background: url(../images/navClosedArrow.png) no-repeat center left;
	/*float: left;*/
}
span.navArr2 {
	background: url(../images/navOpenArrow.png) no-repeat center left ;
}


/*Secondary link styling*/
ul.secNav li ul li a {
	/*all zero styling cancels out decent styling coming from above ul styles*/
	width: 158px;/*183-25[padding]*/
	min-height: 0px;
	height: auto !important;/*added to hack ie6 min-height issue*/
	margin-bottom: 5px;
	padding-top: 0px;
	padding-left: 25px;
	/*text-indent: 25px;*/
	padding-bottom: 0px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize; 
	color: #515150;
	background: url(../images/secNavSecLinkArrow.gif) no-repeat 12px center;
}
ul.secNav li ul li a.active, ul.secNav li ul li a:hover.active{
	color: #98012E;
}
ul.secNav li ul li a:hover {
	color: #fff;
}
/*set indent*/
ul.secNav li ul li {
	margin-left: 0px;
}

/*-----------
iWant Banner
------------*/

/*alt content styling*/
div#iWant img {
	display: inline;
	float: left;
}
div#iWant p {
/*	margin-top: 18px;*/
	margin-left: 138px;
	padding-top: 18px;
	font-size: 14px;
	font-weight: bold;
	color: #666;

}

/*---------
breadCrumb
-----------*/

#breadcrumb {
	width: 500px;
	height: 20px;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	font-family: "Trebuchet MS",arial;
}

#breadcrumb img {
	border: none;
}

#breadcrumb a {
	color: #666;
	font-family: "Trebuchet MS",arial;
}

#breadcrumb a:hover {
	text-decoration: none;
}

/*-----------------------
=column specific styling
------------------------*/

#col1 p,#col1 h2 {
	margin-bottom: 15px;
}

#col1 h1 {
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 18px;
}

#col1 h2 {
	font-family: Arial,Tahoma;
	font-size: 12px;
	font-weight: normal;
}

/*-----------------------
=home col specific layout
-----------------------*/

#home #col1 h2,#home #col2 h2, #home #col3 h2, #home #col4 h2 {
	margin-bottom: 15px;
	padding-left: 16px;
	font-family: Tahoma, arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(../images/homeHeaderBg.png) no-repeat 45px center;
}




/*bg alignment slightly diff for bg alignment on col1*/
#home #col1 h2 {
	background-position: 90px center;
}


/*bg alignment slightly diff for bg alignment on col3*/
#home #col3 h2, #home #col4 h2 {
	background-position: 55px center;
}



#home #col1 div, #home #col2 div {
	clear:both;
}

#home #col1 p, #home #col2 p, #home #col3 p {
	margin:0;
	padding:0;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding-top: 5px;
}



/*more btns*/
#home a.moreBtn {
	display: inline;
	height: 16px;
	padding-top: 5px;
	padding-right: 15px;
	color: #000;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/moreBtnGeneral.png) no-repeat center right;
	float: right;
	clear: both;
}
#home a:hover.moreBtn {
	text-decoration: underline;
}

/*col3 industry list*/
#home #col3 ul {
	margin-left: 4px;
	}
	#home #col3 ul li {
		display: inline;
		width: 110px;
		height: 15px;/*17-2[padding]*/
		margin-bottom: 5px;
		margin-right: 20px;
		padding-top: 2px;
		list-style: none;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		background: #E6E6E6;
		float: left;
		}
		/*zebra striping*/
		#home #col3 ul li.stripe {
			background: #C1C1C1;
			}
			#home #col3 ul li a {
				color: #000;
}

/*---------------
=widgets
----------------*/

#contactFormWidg {
	width: 187px;
	margin-bottom: 15px;
	background: url(../images/contactWidgetBody.png) no-repeat bottom left;
	}
	#contactFormWidg h3 {
		width: 147px;/*187-40[padding]*/
		height: 40px;/*48-8[padding]*/
		padding-top: 8px;
		padding-left: 40px;
		font-size: 14px;
		color: #F7E8E2;
		background: url(../images/contactWidgetHeader.png) no-repeat top left;
	}
	#contactFormWidg p {
		padding: 6px;
		font-size: 10px;
		text-align: center;
	}
	#contactFormWidg p.addr {
		/*used in widget witout forms*/
		margin-left: 25px;
		text-align: left;
		font-weight: bold;
	}
	#contactFormWidg p.formPhoneNo {
		margin-left: 5px;
		padding-left: 30px;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #98012E;
		background: url(../images/formPhoneNo.png) no-repeat center left;
	}
	#contactFormWidg p.formFaxNo {
		margin-left: 5px;
		padding-left: 30px;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #98012E;
		background: url(../images/formFaxNo.png) no-repeat center left;
	}
	#contactFormWidg form {
			margin-left: 5px;
		}
		#contactFormWidg form input {
			width: 162px;/*170-8[padding]*/
			height: 17px;/*21-4[padding]*/
			margin-bottom: 8px;
			padding-top: 4px;
			padding-left: 8px;
			border: none;
			font-size: 10px;
			color: #B7B7B7;
			background: url(../images/contactFormWidInputBg.png) no-repeat top left;
		}
		#contactFormWidg form textarea {
			width: 162px;/*170-8[padding]*/
			height: 102px;/*106-4[padding]*/
			padding-top: 4px;
			padding-left: 8px;
			border: none;
			font-family: arial;
			font-size: 11px;
			color: #B7B7B7;
			background: url(../images/contactFormWidTextABg.png) no-repeat top left;
		}
		
		#contactFormWidg form input.sTrap {/*form field used as honeypot for trapping spam*/
			display: none;
		}
		#contactFormWidg form input.formSubmitBtn {
			width: 112px;
			height: 44px;
			margin-left: 30px;
			padding-top: 0px;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
			cursor: pointer; 
			background: url(../images/formSubmBtn.png) no-repeat top left;
		}
		#contactFormWidg form input.formSubmitBtn:hover {
			background: url(../images/formSubmBtnHover.png) no-repeat top left;
		}
		#contactFormWidg form span {
			color: #ff0000;
			display: none;
}

#caseStudiesWidg {
	width: 187px;
	padding-bottom: 10px;
	background: url(../images/caseStudWidBody.png) no-repeat bottom left;
	}
	#caseStudiesWidg h3 {
		width: 147px;/*187-40[padding]*/
		height: 41px;/*48-7[padding]*/
		padding-top: 7px;
		padding-left: 40px;
		font-size: 14px;
		color: #F7E8E2;
		background: url(../images/caseStudWidHeader.png) no-repeat top left;
	}
	#caseStudiesWidg p {
		margin-bottom: 7px;
		padding: 6px;
		font-size: 11px;
	}
	#caseStudiesWidg a.moreBtn {
		height: 16px;
		margin-left: 130px;
		margin-bottom: 20px;
		padding-right: 15px;
		color: #000;
		font-size: 9px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		background: url(../images/moreBtn.png) no-repeat center right;
	}
	#caseStudiesWidg a:hover.moreBtn {
		text-decoration: underline;
}
#caseStudiesWidg a { text-decoration:none; color:#000;}
#caseStudiesWidg a:hover { text-decoration:underline; color:#900;}
#caseStudiesWidg ul { margin-left:10px; width:150px; margin-top:-10px;}
#caseStudiesWidg ul li { list-style-type:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-bottom:12px;}
.date { color:#900; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#creditfooter { 
        display: none;}
/*------
=footer
------*/

#footer {
	width: 960px;
	min-height: 186px;
	background: #EAE8E9 url(../images/footer.png) no-repeat top left;
	clear: both;
	}

	#footer ul {
		display: inline;
		width: 215px;
		height: 123px;
		margin-top: 20px;
		list-style: none;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase; 
		/*color: #282828;*/
		/*hide ul li that overflow fixed footer*/
		/*overflow: hidden;*/
		float: left;
	}
	#footer ul li {
		/*remove generic default margin value*/
		margin-bottom: 0;
	}
	#footer ul.first {
		margin-left: 100px;
		}

		#footer ul li a {
			color: #282828;
			text-decoration: none;
		}
		#footer ul li a:hover {
			text-decoration: underline;
			/*color: #fff;*/
		}

		/*subLinks*/
		#footer ul ul {
			margin-top: 0;
			font-weight: normal;
			font-size: 10px;
			text-transform: capitalize; 
			/*color: #E2E2E2;*/
		}
		#footer ul ul a {
			color: #E2E2E2;
}
	/*subText*/
	#footer p {
		padding-top: 5px;
		font-family: Tahoma, Arial;
		font-size: 9px;
		color: #707070;;
		text-align: center;
		clear: both;
}

/*---------------------------------
=home page specific content styles
----------------------------------*/
/*flash rotator container*/
#homeRotator {
	width: 907px;
	height: 405px;
	margin-left: 14px;
}
/*swf alt content*/
#homeRotator #rotAltContent {
	width: 907px;
	height: 405px;
	margin-left: 14px;
	background: url(../images/homeRotAltContImg.png) no-repeat top left;
}

/*home button set*/
ul#homeBtnMenu {
		position: relative;
		/*display: inline;*/
		margin-top: -35px;
		margin-left: 14px;
		/*list-style: none;*/
		float: left;
	}
	ul#homeBtnMenu li {
		display: inline;
		float: left;
		}
		ul#homeBtnMenu li a {
			/*display: inline;*/
			display: block;
			width: 167px;/*187-20[padding]*/
			height: 49px;/*74-25[padding]*/
			padding-top: 25px;
			padding-left: 10px;
			padding-right: 10px;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff;
			background: url(../images/homeBtnBg.png) no-repeat  left top;
			/*float: left;*/
		}
		ul#homeBtnMenu li a:hover {
			color: #98002E;
			background: url(../images/homeBtnBgHover.png) no-repeat left top;
			}
			ul#homeBtnMenu li a span {
				font-size: 11px;
				font-weight: normal;
				text-transform: capitalize;
}

/*---------------------
=expand/colapse content	
----------------------*/
/*anchor styles*/
/*regular exp links*/

/*changed for same reason as below
a.exColClickClosed, a.exColClickOpen {
	display: block;
	line-height: 18px;
	padding-left: 20px;
	font-weight: bold;
}
*/
/*!! had to move expand/col element from being directly on as class name changes dynamically
a.exColClickClosed, a.exColClickClosedBio {
	background: url(../images/colapseContentArr.png) no-repeat center left;
}

a.exColClickOpen, a.exColClickOpenBio {
	background: url(../images/expContentArr.png) no-repeat center left;
}
*/

/*expand/col arrow images on text links and logo images*/
/*general style*/
span.contExpArrClosed, span.contExpArrOpen,img.contExpArrClosed, img.contExpArrOpen  {
	line-height: 18px;
	padding: 2px;
	padding-left: 40px;
	font-weight: bold;
	border: none;
}

/*specific individual images*/
span.contExpArrClosed, img.contExpArrClosed {
	background: url(../images/colapseContentArr.png) no-repeat center left;
}

span.contExpArrOpen, img.contExpArrOpen  {
	background: url(../images/expContentArr.png) no-repeat center left;
}



/*bio exp links [text]*//*!! assigned in javascript after class name change*/
/*
a.exColClickClosedBio, a.exColClickOpenBio {
	line-height: 18px;
	padding: 2px;
	padding-left: 20px;
	font-weight: bold;
}
*/

/*content div styles*/
.exColCont {

}

/*----------------------
=page specific elements
-----------------------*/
/*bios*/
.bioImage {
	padding-right: 12px;
	float: left; 
	clear: both;
}

p.bioTitle span {
	font-style: italic;
	padding-left: 18px;
	font-size: 11px;
}

/*company > certifications - list of certs text+imgs*/

ul#certList {
	list-style: none;
	}
	ul#certList li {
		margin-bottom: 45px;
		clear: left;
		color: #666;
		font-weight: bold;
		}
		ul#certList li img {
			display: inline;
			margin-right: 15px;
			float: left;
		}
		ul#certList li span {
			display: inline;
			width: 400px;
			margin-top: 10px;
			float: right;
			
}

/*successes -> new temporary client logo layout [needs float wihtout clear]*/

img.floatLeftSucc {
	display: inline;
	padding: 5px;
	float: left;
}

/*----------
=sitemap
----------*/

#sitemap li ul li{
	margin:0;
	margin-left: 45px;
}

/*----------------
googlemap specific
----------------*/
#saddr, #daddr {
	width: 250px;
	margin-bottom: 5px;
}

#mapSubmit {
	width: 100px;
}

#mapLogo {
	display: inline;
	padding-right: 10px;
	float: left;
}

/*dallas map*/
#map2Title {
	margin-top: 20px;
}

/*--------------------
=global/general styles
---------------------*/
/*floats*/
.floatLeft {
	display: inline;
	float: left;
}
.floatRight {
	display: inline;
	float: right;
}

/*float clears*/
.clear {
	cler: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}