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

/*
COLORS

Moss green from top header: #90986F
Dark green in bottom footer: #5F5F53

*/

* {
	margin: 0;
  	padding: 0;
}

/*body {
  	font: normal 1em/200% Verdana, Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	color: #343434;
  	text-align: center; 	
	border-top: 4px solid #4f5927;
}*/

body {
	background: #666666 url(../elements/back3.jpg) repeat-x;
	font: normal 1em/175% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	color: #383838;
	text-align: center;
}


#conTainer {
 	margin: 0 auto;
	width: 960px;
	height: 1400px;
	} 	


/* PERRY WORK BEGIN */

#conTainer #topBiz {
  position: relative; /* made position relative so that #menuTop would stay contained within #topBiz */
	background: #fff url(../elements/topHead.jpg) 0 0 no-repeat;  /* moved background-image to left so phone number not obscured by phone */
	width: 960px;
	height: 119px;
	margin-top: 25px;
	}	
	
#conTainer #topBiz #logoPic img {
	margin-left: 40px;
	margin-right: 50px;
	padding-top: 5px;
	float: left;
	}	

#tagLine {
	position:relative;
	margin-top: 115px;
	float: left;
}

#menuTop {
	position: absolute; /* changed from relative to absolute so that div would not have any with beyond that created by it's child */
	left: 425px; /* moved menu to left so the word "Blog" in link is not covered by phone image */ 
	top: 109px;
	height: 50px;
}

#menuTop ul { 
	width: 540px;
	}

#menuTop ul li	{
    /*width: 100px;*/
    width: 100px;
    height: 40px;
	padding-top: 20px;
	float: left;
    color: #ffffff;
    text-align: center;
	margin-right: 6px;
    overflow: hidden;

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  */
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	}

#menuTop ul li a {
  	font: normal 75%/150% Verdana, Helvetica, Arial, sans-serif; 
	color: #FFF;
    text-decoration: none;
	}

#menuTop ul li a:hover {
    color:#FFF;
    text-decoration: none;
}

.subtext {
  		font: normal 70%/130% Verdana, Helvetica, Arial, sans-serif;
        padding-top: 25px;
		color: #fff;
    	}

/*Menu Color Classes*/

.green {
	background: #2c2c2c;
}

.green p {
	color: #ffffff;
	}

.yellow {
	background: #2c2c2c;
	color: #ffffff;
	}
	
.red {
	background: #2c2c2c;
	color: #999999;
}

.blue {
	background: #2c2c2c;
	color: #CCCCCC;
}

.purple {
	background: #2c2c2c;
	color: #FFFFFF;
}


/* ----------------------------------------------------------------------S L I D E S H O W-----------------------------*/



#slideArea {
	position: relative;
	margin-top: 80px;
  	/*margin-top: 100px;*/
	/*padding-bottom: 2px;*/
}


#imageTextArea {
	position: relative;
	width: 960px;
	height: 300px;
    margin: 0 auto;
}


#imageTextArea #leftImage  {
	float: left; 
	width: 330px; /* since this element is floated, a width must be given */
	height: 262px;
	margin-right: 10px;
}



#imageTextArea #rightText {
	float: left;
	width: 560px;
	margin-top: 30px;
	}

#stepBox {
	float: left;
	width: 470px;
	padding: 50px 0 0 10px;
}

#rightText p {
	width: 600px;
	padding: 0 20px 10px 10px; /* top and bottom padding create visual space within this div  */
  	font: normal 80%/160% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;  	
	color: #343434;
	text-align: left;
	}

/* ----------------------------------------------------------------------M I D   S E C T I O N ------------------------ */

#midSection {
	position: relative;
    margin: 0 auto;	
  	/*margin-top: 100px;*/
	/*padding-bottom: 2px;*/
}

#copyArea {
	/*background: transparent url(../elements/whiteback.png) no-repeat;*/	
	position: relative;
	width: 960px;
	height: 280px;
	margin-top: -23px;
	margin-left: 20px;
}


#copyArea #leftCol {
	float: left; 
	width: 270px; /* since this element is floated, a width must be given */
	background-color: #fff;
	margin-left: 10px;
	margin-top: 10px;
	border-top: 1px solid #2d2d2d;
	border-left: 1px solid #2d2d2d;
	border-right: 1px solid #2d2d2d;	
	border-bottom: 1px solid #2d2d2d;		
/* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 10px 15px;  top and bottom padding create visual space within this div  */
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#copyArea #leftCol h1 {
	font-size: 160%;
	line-height: 200%;
	font-color: #2d2d2d;
	text-align: right;
	padding-right: 15px;
	letter-spacing: 1px;
}

#copyArea #leftCol h4 {
	float: right;
	font-size: 95%;
	line-height: 100%;
	color: #343434;
	margin-left: 160px;
	padding-top: 10px;
	padding-bottom: 15px;
	letter-spacing: 1px;
}

#copyArea #leftCol #tweet ul {
  	font: normal 75%/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	padding: 15px 40px 0 15px;
	text-align: left;
	color: #646464;
	width: 240px;
	list-style: none;
}

#copyArea #leftCol #tweet ul li {
	margin-bottom: 25px;
}

#copyArea #leftCol #tweet ul li a {
	color: #be4509;
	text-decoration: none;
}

#copyArea #leftCol #tweet ul li a:hover {
	color: #7b9707;
	text-decoration: underline;
}

#copyArea #leftCol #tweet p {
  	font: normal 75%/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	padding: 40px 0 0 20px;
	text-align: center;
	color: #333333;
	width: 270px;
}

#copyArea #leftCol #tweet p a {
	color: #be4509;
	text-decoration: none;
}

#copyArea #leftCol #tweet p a:hover {
	color: #7b9707;
	text-decoration: underline;
}

#copyArea #leftCol p.shortTop {
	padding-top: 5px;
}

#copyArea #leftCol h3  {
  	font: normal 80%/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	padding-bottom: 10px;

}

#copyArea #leftCol h3 a {
	color: #be4509;
	text-decoration: none;
}

#copyArea #leftCol h3 a:hover {
	color: #7b9707;
	text-decoration: underline;
}

#copyArea #rightCol {
	background: transparent url(../elements/whiteBG.png) 0 8px no-repeat;	
	float: left;
	width: 600px;
	height: 260px;
	margin-left: 15px;
	}
	
#copyArea #rightCol h1 {
	font-size: 140%;
	line-height: 200%;
	color: #be4509;
	text-align: left;
	padding-left: 40px;
	letter-spacing: 2px;
}	

#copyArea #rightCol h4 {
	font: bold 110%/100% Georgia, "Times New Roman", Times, serif;
	color: #2d2d2d;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
}	


#copyArea #rightCol p {
	width: 550px;
	padding: 20px 10px 10px 20px; /* top and bottom padding create visual space within this div  */
  	/*font: normal 75%/200%  Arial, Verdana, Helvetica, sans-serif;*/  	
	/*color: #525252;*/
	font: normal 80%/200% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	color: #646464;
	text-align: left;
	}



/* ----------------------------------------------------------------------F O O T E R ------------------------ */

#footerEnvelope {
  	/*background: #0b0b0b url(../elements/rfootertop.jpg) left top repeat-x;*/
	height: 300px;
	margin-top: 5px;
	color:#fff;

}

#footerMain {
	width: 960px;
	margin: 0 auto;
	margin-left: 30px;	
}

#footerMain p a {
color: #a4f509;
}

#footerMain p a:hover {
color: #a4f509;
text-decoration: underline;
}

#footerMain ul {
	list-style:none;
}

#footerLeft {
	float: left;
	width: 280px;
	margin-left: 15px;
}

#footerLeft #caseStudies {
position: relative;
margin: 0 40px 5px 0;
}

#footerLeft table {
	width: 244px;
}

#footerLeft table tr td {
 	padding: 6px;
}


#footerLeft p {
  	font: normal 70%/190% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	width: 300px;
	color: #343434;
	text-align: left;
	padding: 15px 25px 15px 15px;
	background-color: #CCCCCC;
}

#footerRight {
	float:left;
	width: 560px;
	height: 350px;
	margin-top: 10px;
}

#footerRight #contactForm table  {
	font: bold 1.05em/170% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	color: #2d2d2d;
	text-align: left;
	padding-left: 20px;	
	width: 325px;
}

#footerRight #contactForm form {
	font: bold 0.80em/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	color: #2d2d2d;
	text-align: left;	
}

#footerRight #contactForm form input, textarea {
	border: 1px solid #2d2d2d;
	}

#footerRight #contactForm form input.button {
	border: 1px solid #2d2d2d;
	padding: 3px;
	}



#addressBox {
	margin: 0 auto;
	/*background-color: #FFFFFF;*/
	margin-top: 90px;
	width: 600px;
	text-align: center;
}

#addressBox p {
  	font: normal 70%/200% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;	
	color: #cccccc;
	background-color: #434343;
	border: 1px solid #2d2d2d;
}

#addressBox p a {
color: #a4f509;
}

#addressBox p a:hover {
color: #E5841B;
text-decoration: underline;
}


#bottomRow {
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	width: 400px;
}

#bottomRow p {
	padding: 5px;
  	font: normal 65%/200% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;	
	color: #a4f509;
	background-color: #434343;	
	border: 1px solid #2d2d2d;
}

#copyright ul {
	list-style:none;
	padding:12px 0 0;
	width:750px;
	margin:0 auto;
}

#copyright li {
	float:left;
	padding:0;
}

#copyright li.valid {
	float:right;

}

#copyright a {
	color:#c0c0c0;
}



/* --------------------------------------------------------------------------------------- E N D   F O O T E R ---------------------------*/


.clearLeft {
	clear: both;
	height: 1px;
  	overflow: hidden;
	}


.clearFloat {
	clear: both;
	height: 1px;
  	overflow: hidden;
	}