@import url(menu.css);

@charset "utf-8";
/* CSS Document */
/* Begin Normalization */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, blockquote, th, td {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #616265;
font-size: 12px;
}
br {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
ol, ul {
list-style: none;
margin: 0px;
}

fieldset, img {
border: 0px;
}


/* Begin Site specific css */
#container {
	border: 1px solid #dadbdc;
	position: relative;
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background: url(images/backsplash.gif) bottom right no-repeat;
}

#branding {
	margin: 2px;
	background: url(images/top_bar.gif) top left repeat-x;
	height: 140px;
}

#branding img {
	padding-top: 32px;
	padding-bottom: 8px;
	padding-left: 25px;
}

#branding h1 {
	position:absolute;
	top: -9999px;
	left: -9999px;
}

#dubline {
	border-top: 1px solid #dadbdc;
	border-bottom: 1px solid #dadbdc;
	margin: 0px;
}

#content {
 	padding: 30px 40px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #616265;
	font-size: 12px;
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}
#footer ul {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin: 15px;
}

#footer ul li {
	list-style-type: none;
	display: inline;
	padding: 0px 15px;
	border-right: 1px solid #999;
}
#footer ul li.last {
	border-right: 0px;
}

#footer ul li a {
	color: #616265;
	}


/* begin services --------------------------------------------------------------------------------------------------*/
#content dl dd {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 60px;
	font-size: 14px;
	color: #999999;
	line-height: 1.4em;
	font-family:trebuchet, arial, helvetica;
}

#content dl dd.smaller {
	padding-right: 250px;
}

#content dl dd.smallest {
	padding-right: 320px;
}

#content dl dd.smallest2 {
	padding-right: 420px;
}

#content ul {
line-height:1.7em;
}


#content ul.secondary {
margin-left:20px;
}
#content ul li a {
color:#33CC00;
}
#content ul li a:hover {
color: #f8ae95;
}
/* begin services sub pages --------------------------------------------------------------------------------------------------*/
#content p {
	/*padding-bottom: 20px;*/
	padding-left: 20px;
	/*padding-right: 60px;*/
	font-size: 14px;
	color: #999999;
	line-height: 1.4em;
	font-family:trebuchet, arial, helvetica;
}
#content a {
	/*padding-bottom: 20px;*/
	
	/*padding-right: 60px;*/
	font-size: 14px;
	color: #999999;
	line-height: 1.4em;
	font-family:trebuchet, arial, helvetica;
	/*text-decoration:none;*/
}
.branding_pgs {
	font-size: 22px;
	color: #f15c2a;
	font-stretch:expanded;
	font-family:trebuchet, arial, helvetica;

	/*padding: 20px 200px 20px 70px;*/}
/* begin comany -----------------------------------------------------------------------------------------------------------------*/

.companypg h1 {
	font-size: 22px;
	color: #999;
	font-stretch:expanded;
	font-family:trebuchet, arial, helvetica;
	padding: 20px 200px 20px 20px;
}

.companypg p {
	font-size: 18px;
	color: #999;
	font-stretch:expanded;
	font-family:trebuchet, arial, helvetica;
	padding: 0px 340px 10px 70px;
}
.companypg p.last {
	
	padding: 0px 340px 70px 70px;
}


.largeheadinggreen {
	font-size: 28px;
	color:#46aa42;
	height:30px;
	
	font-family:trebuchet, arial, helvetica;
	
}
.largeheadingorange{
	font-size: 28px;
	color:#f15c2a;
	

	font-family:trebuchet, arial, helvetica;
}

/* begin community --------------------------------------------------------------------------------------------------*/

#content-community {
 	padding: 30px 40px;
	height:520px;
}
#content-community dl dd {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 60px;
	font-size: 14px;
	color: #999999;
	line-height: 1.4em;
	font-family:trebuchet, arial, helvetica;
}

.bolditalic {
font-weight:bold;
font-style:italic;
font-size: 14px;
color: #999999;
}

#content-community a {

text-decoration:none;

	
}
/* begin home -----------------------------------------------------------------------------------------------------------------*/
.home #home-content {
	background: url(images/hd_homenew.gif) top no-repeat;
	height: 60px;
	width: 520px;
	position: relative;
	margin-left: 130px;
	padding-bottom: 200px;
	
}

#home-content h1 {
	position:relative;
	top: -9999px;
	left: -9999px;
}

#home-content p {
	margin-top: 70px;
	background: url(images/sidedots_home.gif) top left no-repeat;
	padding: 0px 0px 0px 60px;
	font-size: 18px;
	color: #999;
	font-stretch:expanded;
	font-family:trebuchet, arial, helvetica;
}

.home #home-flash {
	padding: 0px;
	position: relative;
	z-index: 101;
}

/* begin homeNEW -----------------------------------------------------------------------------------------------------------------*/
.home #home-contentNEW {
	
	height: 60px;
	width: 820px;
	position: relative;
	margin-left: 25px;
	padding-bottom: 200px;
	
}

#home-contentNEW h1 {
	position:relative;

}

#home-contentNEW p {
background-image:url("images/sidedots_home.gif");
background-position:15px top;
background-repeat:no-repeat;
color:#999999;
font-family:trebuchet,arial,helvetica;
font-size:18px;
font-stretch:expanded;
margin-top:50px;
padding:0 0 0 85px;
width:600px;
}
/*--not using floats now that im using span tags to break the colors

.largeheadinggreenHOME {
	font-size: 28px;
	color:#46aa42;
	font-family:trebuchet, arial, helvetica;
	float: left;
}
.largeheadingorangeHOME{
	font-size: 28px;
	color:#f15c2a;
	font-family:trebuchet, arial, helvetica;
	float: left;
}*/

/*------start portfolio pages ------------------------------------------------------------------------------------------------*/
#portfolio-content {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-family: trebuchet, arial, helvetica;
}

#clientbox {
	background-color: #46aa42; /* green */
	color: #fff;
	font-size: 16px;
	float: left;
	width: 394px;
	height: 510px;
	border-right: 11px solid #fff;
	border-bottom: 1px solid #dadbdc;
	top: 0;
	margin: 0px;
}

#clientbox img.client {
	padding-top: 30px;
	padding-left: 40px;
}

#clientbox img.mainportfolioimg {
	padding-top: 150px;
}

#clientbox span.clientname {
	color: #fff;
	font-size: 17px;
	font-weight:bold;
	font-family:trebuchet, arial, helvetica;
	padding: 20px 20px 20px 0px;
	}
	#clientbox span.clientnamefloat {
	color: #fff;
	font-size: 17px;
	font-weight:bold;
	font-family:trebuchet, arial, helvetica;
	padding: 20px 20px 20px 0px;
	float:left;
	}
	#clientbox span.clientname_sm {
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	font-family:trebuchet, arial, helvetica;
	padding: 20px 0px 20px 0px; 
	}
	
	
#clientbox p {
	color: #fff;
	font-size: 13px;
	font-family:trebuchet, arial, helvetica;
	padding: 20px 38px 0px 40px;
	margin: 0px;
}
#clientbox h1 {
	color: #fff;
	font-size: 28px;
	font-family:trebuchet, arial, helvetica;
	padding-top:420px;
	padding-right:30px;
	text-align: right;
	margin: 0px;
	}
	/*---Jims h2 attempt to style the old H1 which had top padding from top of green box to set consistent position. Dilema now is that it is pads from the new p.brandbodycopy which has varying contents throwing off top padding NOTE I applied float to all the ptags in green box which allowe the h1 padding to almost work. BUT it really screwed up in IE 7 and 6.
	#clientbox h2 {
	color: #fff;
	font-size: 28px;
	font-family:trebuchet, arial, helvetica;
	padding-top:370px;
	padding-right:30px;
	text-align: right;
	margin: 0px;}
	
	.brandbodycopyfloat {
line-height:1.3em;
float:left;
}
	*/

#clientbox h2.wtxt {
	position: absolute;
	float: right;
	top: 604px; /*was 600*/
	right: 551px; /*was 540*/
	color: #fff;
	font-size: 28px;
	font-family:trebuchet, arial, helvetica;
	margin: 0px;}
	
	.brandbodycopy {
line-height:1.3em;

}

.brandbodycopyfloat {
line-height:1.3em;
float:left;
}
	.smallr {
	font-size:0.5em;
	color:#FFFFFF;
	
	position: relative;
	top:-3px;	
	}
/* jim added this span to position clientbox h1 on all javascript rollover to match main portfolio page titles ie branding */

/* this try didnt work


  #clientbox span.javapages {
	color: #0033FF;
	font-size: 28px;
	font-family:trebuchet, arial, helvetica;
	margin-top:87px;
	padding-right:30px;
	text-align: right;
	float:right;
	}	*/
	
	/* relative or absolute positioniing didnt work either 
	#clientbox span.javapages {
	color: #0033FF;
	font-size: 28px;
	font-family:trebuchet, arial, helvetica;
	text-align: right;
	float:right;
	position: absolute;
	top: 87px;
	right: 30px;
	}
	
	*/
	
	
	
	/* end jim insertion */
#clientbox .clientname {
	color: #fff;
	font-size: 20px;
	font-weight:bold;
	font-family:trebuchet, arial, helvetica;
	margin-top: 0px;
	padding: 0px 20px 20px 0px;
	border: 1px solid 000; 
	}

#clientbox p span.greentext {
	color: #7cd679;  /*light green text  */
}

#portfoliobox {
	background-color: #f15c2a; /* orange */
	border-bottom: 1px solid #dadbdc;
	width: 510px;
	float: left;
	height: 510px;
	font-size: 16px;
	position: relative;
}

#portfoliobox_white {
	background-color: #fff; /* orange */
	border-bottom: 1px solid #dadbdc;
	width: 510px;
	float: left;
	height: 510px;
	font-size: 16px;
	position: relative;
}

#centerbannerad {
width:300px;
padding-top:140px;
padding-left:100px;

}

#centermedalist {
width:497px;
padding-top:6px;
padding-left:2px;
position:relative;
}
#portfoliobox ul{
	padding-top: 120px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#portfoliobox ul li {
	list-style-type: none;
	
}

#portfoliobox ul li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height:1.6em;
}

#portfoliobox ul li a:hover {
color: #f8ae95;
}


#picture-nav {
	border-bottom: 1px solid #dadbdc;
	text-align: right;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}

#picture-nav ul {
	margin: 0px;
	padding: 5px 10px 5px 0px;	
}

#picture-nav ul li {
	display: inline;
}

#community_logos {
	
	width:500px;
	
}
#community_logos img {
	
	margin-left: 20px;
	top:auto;
}
.superscriptR {
	font-size: 0.5em;
	vertical-align: super;
	color:#FFFFFF;
}


/*----------------------------------------begin contact page section-----------------------------------------*/

#ads4section p {
	float: left;
	padding-top: 40px;
	padding-left: 40px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616265;
	
}
#ads4section p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616265;
	text-decoration:none;
	}
#container #ads4section img {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#contactTable {
	margin-left:200px;
	}

/*#links-section p {
	float: left;
	padding-top: 40px;
	padding-left: 40px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616265;
	
}
#links-section p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616265;
	text-decoration:none;
	}
#container #links-section img {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}*/#contactTable table tr td input {
	margin-bottom: 10px;
}
/*----------------------------------------begin social icons area -----------------------------------------*/
#social {
	position:relative;
	float: right;
	margin-top:35px;
	margin-right:48px;
	
}
#social img {
    padding-bottom:0px;
    padding-left: 10px;
    padding-top: 0px;
}
#social p {
	display:inline;
	
	color: #616265;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
}