/*  Trimmer Agency New & Old  */

/*
'OpenSansLight'
'OpenSansLightItalic'
'OpenSansRegular'
'OpenSansItalic'
'OpenSansSemibold'
'OpenSansSemiboldItalic'
'OpenSansBold'
'OpenSansBoldItalic'
'OpenSansExtrabold'
'OpenSansExtraboldItalic'
'DroidSerifRegular'
'DroidSerifItalic'
'DroidSerifBold'
'DroidSerifBoldItalic'
*/

/* **************************************************** */
/* ********************** GLOBAL ********************** */
/* **************************************************** */

body {
	margin: 0px;
	font-size: 100%;
	line-height: 1.5;
	font-weight: normal;
	color: #484848;
}

.wrapper_general {
	width: 96%;
	max-width: 960px;
	min-width: 590px;
	margin-right: auto;
	margin-left: auto;
}

.lightGrayExpanse { /*Used on Testimonial Blurb, ...*/
	background-color: #F0F0F0;
}

.gap {
	background-color: #FFFFFF;
	height: 10px;
}


#middleExpanse {
	/*background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 525px;*/
}
p {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 1em;
	line-height: 140%;
}

h1 { /* Used only for testimonial blurb Home pg*/
	font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
	color: #767676;
	text-align: center;
	font-size: 1.7em;
	font-weight: normal;
}

h2 {
	font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #959595;

	
}
h3 { /* Used  for About Us names*/
	font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #3B769A;
	margin: 0px;
	padding: 0px;
	font-size: 1.125em;
	font-weight: normal;
}

h4 { 
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #ccc;
	margin: 0px;
	padding: 0px;
	font-size: 1.125em;
}
h5 {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #727272;
	font-size: .875em;
}



a:link {
	color: #E57A20;
	text-decoration: none;
}
a:visited {
	color: #E57A20;
	text-decoration: none;
}
a:hover {
	color: #FFa531;
	text-decoration: underline;
}


.caption {
	font-family: 'OpenSansSemiboldItalic', Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: .875em;
	text-align: center;
}

.semiboldItalic {
	font-family: 'OpenSansSemiboldItalic', Arial, Helvetica, sans-serif;
}
.bold {
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}


.smallPhotoRow {
	width: 96%;
	max-width: 960px;
	min-width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}

.smallPhotoRow img{
	width: 32.29%;
	margin-left: .5%;
	margin-right: .5%;

}



/* ************* GLOBAL HEADER STUFF ************* */

#header {
	height: 100px;
	background-color: #FFFFFF;
	width: 100%;

	
}

#headerWrapper {
	width: 96%;
	max-width: 960px;
	min-width: 590px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#logo {
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainNavTable {
    width: 55%;
	height: 90px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#mainNav {
	margin-left: 15px;
	/*width: 625px;*/
}
#mainNav ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: right;
}
#mainNav li {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	display: inline;
	margin-left: 30px;
	font-size: 0.875em;
}

#mainNav a:link {
	text-decoration: none;
	color: #999999;
}
#mainNav a:visited {
	color: #999999;
	text-decoration: none;
}
#mainNav a:hover {
	color: #F88420;
	text-decoration: none;
}

#mainNav #current{
	color: #F88420;
}



/* **************************************************** */
/* *********************** INTRO ********************** */
/* **************************************************** */

#introImage_Expanse {
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/bg_jacaranda-ultraviolet.jpg);
	background-attachment: fixed;
	background-color: #6E79BA;
}

#introImage {
	width: 96%;
	max-width: 960px;
	min-width: 590px;
	margin-right: auto;
	margin-left: auto;
}

#introImage img { 

	width: 100%;

}




/* **************************************************** */
/* ******************** TESTIMONIALS ******************* */
/* **************************************************** */



#testimonialBlurb {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 90px;
}

/*----------------*/

.testimonialsExpanse {
	background-color: #669999;
	background-image: url(../images/bg_teal-aqua.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center top;

}
.testimonials {
	font-family: 'DroidSerifRegular', Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 140%;
	color: #4A4A4A;
	margin-left: 50px;
	margin-right: 80px;
	
	
}
.customersignatures {
	font-family: 'DroidSerifItalic', Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #4A4A4A;
	padding-left: 15px;
	margin-left: 50px;
	margin-bottom: 30px;
	line-height: 120%;
}


/* **************************************************** */
/* ******************* OUR SERVICES ****************** */
/* **************************************************** */

.bg_services {
	background-color: #F3F3F3;
	padding-top: 40px;
	padding-bottom: 40px;
}

.servicesColumns {
	width: 33.3333%;
	text-align: left;
	vertical-align: top;
	padding-right: 12px;
}
.servicesColumns h3 {
	font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	color: #888888;
	margin-bottom: -7px;
}

.servicesColumns ul {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #787878;
	line-height: 120%;
	margin-left: 0px;
	list-style-type: circle;
}

.servicesColumns li {
	margin-bottom: .75em;
}


/* **************************************************** */
/* ******************** OUR WORK ********************** */
/* **************************************************** */


.ourworkWrapper {
	width: 96%;
	max-width: 960px;
	min-width: 590px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

.sidebar {
	width:  ;
	float: left;
	padding-top: 40px;
}

.sidebarNav {
position: fixed;	

}

.sidebarNav ul{
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #9E9E9E;
	list-style-type: none;
	line-height: 200%;
	margin: 0px;
	padding: 0px;

}

.sidebarNav li {

}
.sidebarNav_space{
	margin-top: 10px;
}

.sidebarNav a:link {
	color: #999999;
	text-decoration: none;
	display: block;
	width: ;
}

.sidebarNav a:visited {
	color: #999999;
	text-decoration: none;
}
.sidebarNav a:hover {
	color: #F88420;
	text-decoration: none;
}

.sidebarNav #current{
	color: #F88420;
}


.sidebar_subNav ul {
	font-size: .875em;

}
.sidebar_subNav li {
	margin-left: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #464646;
}

.sidebar_subNav #current {
	color: #F88420;

}





/* ********* PHOTOGRAPHY ********* */


#middleExpansePhotography {
	background-color: #2D2C2C;
}


.photography {
	width: 732px;
	margin-left: 190px;
}

.photography h2{
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #8C8D93;
	font-size: 1.8em;
	text-align: left;
}

.photography img{
	margin-top: 90px;
	border: 1px solid #CCC9BF;
	margin-bottom: 3px;
}

.photography_link img{
	text-decoration: none;
	border-top: 1px solid #F88420;
	border-right: 1px solid #F88420;
	border-bottom: 4px solid #F88420;
	border-left: 1px solid #F88420;
}

.ourWorkCaption{
	font-family: 'OpenSansSemiboldItalic', Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 1em;
	text-align: center;
	margin-top: 0px;
}


/* ********* DESIGN ********* */


#middleExpanseDesign {
	background-color: #FFFFFF;
}

.design {
	width: 732px;
	margin-left: 190px;
}

.design h2{
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #8C8D93;
	font-size: 1.8em;
	text-align: left;
	font-weight: normal;
}


#logoSection {
	margin-top: 20px;
	margin-bottom: 20px;
}

.design h4 {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #B5B5B5;
	padding: 0px;
	margin-bottom: 15px;
	font-weight: normal;
}


#logoSectionThumbs{
	width: 300px;
}
#logoSectionThumbs img{
	margin-right: 10px;
	margin-bottom: 10px;
}


#logoSectionLogos{
margin-left: 20px;

}

#logoSectionLogos img{
margin-left: 20px;

}

.thickGrayBar {
	background-color: #ccCCCC;
	height: 10px;
	width: 100%;
}

.designSpaceAfter {
}
.designSpaceAfter img{
	margin-bottom: 80px;
}

/* ********* COPYWRITING ********* */

#middleExpanseCopywriting {
	background-color: #FFFFFF;
}
.copywriting {
	width: 730px;
	margin-left: 190px;
}
.copywriting h2{
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #8C8D93;
	font-size: 1.8em;
	text-align: left;
	margin-bottom: 20px;
}
.copywriting img{
	margin-bottom: 24px;
}

.copywr_centerCol {
	width: 250px;	
}
.copywr_rightCol {
	width: 390px;
	vertical-align: top;
	padding-left: 10px;
}



/* **************************************************** */
/* ********************* CONTACT/ABOUT US********************** */
/* **************************************************** */

.bg_contact {
	background-image: url(../images/bg_neonblur.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	
}
.contactWrapper {

	margin-right: 15em;
	margin-left: 2em;
	padding-bottom: 1px;
}

.bg_aboutUs {
	/*background-image: url(../images/bg_ourteam.jpg);*/
}

#aboutUs {

}

#aboutUs h3{
	margin-left: 1em;
}


#aboutUs p {
	margin-right: 8em;
	margin-left: 2em;
}
#aboutUs ul {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 1em;
	line-height: 140%;
	margin-left: 2em;
	margin-right: 8em;
	list-style-type: circle;
}

#aboutUs li {
	margin-bottom: .75em;
}



/* **************************************************** */
/* ********************* FOOTER ********************** */
/* **************************************************** */

#footer {
	min-height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;*/
}/* NOTE: Leave padding in footer (any number) to prevent gap between divs */


#copyright  {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	color: #7B7B7B;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 10px;
}

/*---- Bottom Nav ----*/ 

#bottomNav {
	margin-bottom: 30px;
}
#bottomNav ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
}
#bottomNav li {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 0.8em;
}
#bottomNav a:link {
	text-decoration: none;
	color: #999999;
}
#bottomNav a:visited {
	color: #999999;
	text-decoration: none;
}
#bottomNav a:hover {
	color: #F88420;
	text-decoration: none;
}

#bottomNav #current{
	color: #F88420;
}




/* **************************************************** */
/* ~~~~~~~~~~~~ Element/tag selectors New ~~~~~~~~~~~~~~*/
/* **************************************************** */

a img {
	border: none;
}


/*ul, ol, dl { 
	padding: 0;
	margin: 0;*/
	/* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
}



/* ~~~~~~~~ miscellaneous float/clear classes ~~~~~~~~~ */

.floatright {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}


.floatleft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}


.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
}



/* **************************************************** */
/* ~~~~~~~~~~~~~~~~~~~~ ACCORDION ~~~~~~~~~~~~~~~~~~~~~~*/
/* *********0******************************************* */

#accordion_wrapper {

	width: 96%;
	max-width: 900px;
	min-width: 590px;
	/*width: 700px;*/
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 7px;
}

.accordion_toggle {
	height: 25px;
	background: #9bccd3;
	outline: none;
	border-bottom: 2px solid #E9E9E9;
	cursor: pointer;
	margin: 0;
	display: block;
	color: #FFFFFF;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	line-height: 25px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	text-decoration: none;
	text-indent: 8px;
	font-weight: normal;
		}
		
.accordion_toggle_active {
	background: #28a2d1;
	color: #FFFFFF;
		}
		
.accordion_content {
	overflow: hidden;
	/*margin-right: 20px;
	margin-left: 20px;*/
		}
	
	
.accordion_content ul {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 140%;
	color: #333333;
	list-style-type: circle;
	margin-left: 50px;
	margin-right: 80px;
}
.accordion_content li {
	margin-bottom: 2%;
}