body {font-family: Arial, Helvetica, sans-serif; font-size:90%;background-position:top center; margin:0; font-size:90%  }
h1 {text-align:center; font-size:150%; margin:0; padding:0 0 10px 0; color:#FFFFFF}
h2 {margin:0;  padding:12px 0 12px 0; font-size:110%}
.content h2, .content h3 {padding:9px 9px 9px 9px; }

h2 a:hover { color:#DA6313; text-decoration:none  }
h3 { font-size:100% }
h1,h2,h3 { font-family:Geneva, Arial, Helvetica, sans-serif; color:#5E5E5E; }
p {font-size:120%;color:#333333;font-weight:normal; font-size:80%; padding:9px 9px 9px 9px;margin:0; }
a {text-decoration:none; color:#AD8516}
a:hover,#active { text-decoration:underline; }
a img{ border:none; }
ul li { margin-bottom:7px; }
ul li p { padding:0;}
td { vertical-align:top}
.button { background-color:#196A75; color:#FFFFFF;width:100px }
textarea,input { border:1px solid #0c5750; width:400px }
#wrap {width:960px;height:auto;margin:auto;  }
#container,.header,.nav  {width:960px; float:left; background-image:url(../images/BG-Gradient.gif); background-repeat:repeat-x;   }
.header { background-color:#196A75; background-image:none; border-bottom:5px solid #F5F5F5; padding:8px 0 8px 0}
.nav { padding:0; margin:0; border-top:1px solid #CCC; float:left;background:none;background-color:#2C828F; }
.nav li { float:left; margin:0;  padding:0 1px; text-align:center; background-color:#2C828F; list-style:none;font-size:108%}
.nav li:hover,.nav .active  { background-color:#605E5D; }
.nav a { display:block; color:#FFFFFF; padding:10px 10px ; display:block;}
.nav a:hover,.nav .active  a {  color:#FFF; text-decoration:none;}
.nav .phone:hover{ background-color:#2C828F; }
.nav #blog { float:right;  }
#logo { float:left; display:block }
#quote { float:right; display:block }
.content { background-color:#FFFFFF; float:left; width:880px; padding:10px 10px 10px 10px; margin:10px 30px 10px 30px;border-top:3px solid #707070}
.leftContent{ float:left; width:641px}
.rightContent { float:right; width:196px; border:1px solid #CCCCCC }
.rightContent p { margin:0; padding:0;}
#Ecommerce .leftContent{  width:580px} 
#Ecommerce .rightContent { width:260px; border:none;  }
#webdesign .rightContent { width:270px; border:none;  }
#contact .rightContent  { border:none  }
#contact .rightContent p { margin:9px 0 2px 0; padding:0;}
.center { text-align:center }
.portfolioImgs {  text-align:center; margin:10px 0 10px 0; padding:0 }
.portfolioImgs img { margin:0 6px 0 6px; padding:0 }
.textings { float:left; width:580px; }
.footer { float:left; width:960px; background-color:#196A75;border-top:2px solid #474747;;border-bottom:2px solid #474747;  }
.footer p { text-align:center;color:#FFFFFF  }
.rightImage { float:right; margin:10px 0 10px 10px; }
.bottomContent { float:left; width:880px}
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


/* Easy Slider */

	#slider{
	width:696px;
	float:left;
	margin-left:132px;
	overflow:hidden; 
	height:241px;
	}	
	#branding #slider{
	margin-left:92px;
	margin-bottom:60px;
	clear:both
	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;overflow:hidden; 
	height:241px;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:44px;
		height:241px;
		float:left;
		position:relative;
		left:-738px;
		top:0px;
		overflow:hidden;
		}	
	#nextBtn{ 
		left:-44px;
		top:0px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:44px;
		height:241px;
		background:url(../images/left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/right.png) no-repeat 0 0;	
		}												

/* // Easy Slider */
