body{background-color:#000000;}

/* width */
.siteFrame{margin:0 auto; text-align:left; width:782px; background-color:#000}

/* Preload Pics */

.hiddenPic {display:none;}

/* divs */

.topLeft{ width:257px; background:url(../images/bg/indexLeftTop.jpg); min-height:301px;}
 		.indent_firstCategory{ padding-left:29px; padding-top:110px;}
		.indent_categories{ padding-left:29px; padding-top:7px;}
		.indent_subCategories{ padding-left:40px;}
	.indent_middleLeftGray{ background-image:url(../images/bg/indexLeftMiddleGray.jpg); width:257px; height:43px;}
	.indent_middleLeftBlack{ background-image:url(../images/bg/indexLeftMiddleBlack.jpg); width:257px; height:43px;}
	
.pageRight{ width:525px;  min-height: 344px; background-color:#000; float:right;}
	.indent_topRightBannerGray{width:525px; height:43px; background-image:url(../images/bg/grayBar.jpg); float:right;}
	.indent_topRightBannerBlack{width:525px; height:43px; background-color:#000000; float:right;}
	.indent_flashBanner{width:525px; height:258px; background-color:#333333; float:right;}
	.indent_pageBackground{width:525px; min-height:258px; background-color:#000000; float:right; padding-top:15px;}
	
.footer{ background-image:url(../images/bg/footer.jpg); width:782px; height:231px; float:left}
	.indent_footerFirstColumn{width:257px; height:200px; float:left; padding-left:29px;}
		.indent_socialHeading{width:228px; height:30px; float:left;}
		.indent_socialIcons{width:228px; height:50px; float:left;}
		.indent_latestTweet{width:200px; height:100px; float:left;}
	.indent_footerSecondColumn{width:257px; height:200px; float:left}
		.indent_blogPost{width:215px; height:56px; float:left;}
			.indent_blogPost:hover{background-color:#CECECE;}
	.indent_footerThirdColumn{width:200px; height:200px; float:left;}
		.indent_testimonialHeading{width:228px; height:30px; float:left;}
		.indent_testimonial{width:235px; height:130px; float:left;}
		.indent_testimonialBy{width:235px; height:30px; float:left;}
	.indent_copyright{width:257px; height:30px; float:left; padding-left:12px; padding-top:10px;}
	
	/* read Our Blog */
	.blog_title{ width:500px;}
	
	/* Meet Our Team */
	.meet_us{ width:500px; height:300px; background-image:url(../images/bg/whatWeDoBG.png);}
		.indent_meet_us_title {width:255px; height:50px; text-align:right; padding-top:10px; padding-left:235px;}
		.indent_meet_us_markR{ width:500px; height:300px; background-image:url(../images/meetOurTeam/markRodriguez.png);}
		.indent_meet_us_ben{ width:500px; height:300px; background-image:url(../images/meetOurTeam/benBurrus.png);}
		.indent_meet_us_markB{ width:500px; height:300px; background-image:url(../images/meetOurTeam/markBurrus.png);}
		.indent_meet_us_nathan{ width:500px; height:300px; background-image:url(../images/meetOurTeam/nathanCarr.png);}
		.indent_meet_us_jordan{ width:500px; height:300px; background-image:url(../images/meetOurTeam/jordanWalker.png);}
		.indent_meet_us_carissa{ width:500px; height:300px; background-image:url(../images/meetOurTeam/carissaNelson.png);}
		
	/* What We Do */
	.what_we_do{ width:500px; height:300px; background-image:url(../images/bg/whatWeDoBG.png);}
		.indent_what_we_do_title {width:255px; height:50px; text-align:right; padding-top:10px; padding-left:235px;}
		.indent_what_we_do_content {width:500px; text-align:left; padding-top:10px;}
	
	/* Review Our Work */
	.review_our_work{ width:500px; height:250px; background-image:url(../images/bg/whatWeDoBG.png);}
		.indent_review_our_work_title {width:255px; height:50px; text-align:right; padding-top:10px; padding-left:235px;}
		.indent_review_our_work_content {width:500px; text-align:left; padding-top:10px;}

	/* Our Micro Sites */
	.our_micro_sites{ width:500px; height:250px; background-image:url(../images/bg/whatWeDoBG.png);}
		.indent_our_micro_sites_title {width:255px; height:50px; text-align:right; padding-top:10px; padding-left:235px;}
		.indent_our_micro_sites_content {width:500px; text-align:left; padding-top:10px;}

/* fonts */
.whiteMed {font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	.whiteMed A:link {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	.whiteMed A:visited {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	.whiteMed A:active {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #A31C22;}
	.whiteMed A:hover {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #CCCCCC;}

.grayMed1 {font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	.grayMed1 A:link {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	.grayMed1 A:visited {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	.grayMed1 A:active {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	.grayMed1 A:hover {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #FFFFFF;}

	
.blackMed {font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #000000;}
	.grayMed A:link {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #000000;}
	.grayMed A:visited {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #000000;}
	.grayMed A:active {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	.grayMed A:hover {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	
.grayMedI1 {font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC; font-style:italic;}
	.grayMedI1 A:link {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.grayMedI1 A:visited {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.grayMedI1 A:active {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.grayMedI1 A:hover {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	
.blackSmallI {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #000000; font-style:italic;}
	.grayMedI A:link {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.grayMedI A:visited {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.grayMedI A:active {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.grayMedI A:hover {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	
.blackMedI {font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #000000; font-style:italic;}
	.grayMedI A:link {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #000000;}
	.grayMedI A:visited {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #000000;}
	.grayMedI A:active {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	.grayMedI A:hover {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	
.whiteSmall {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #FFFFFF;}
	.whiteSmall A:link {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	.whiteSmall A:visited {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	.whiteSmall A:active {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #A31C22;}
	.whiteSmall A:hover {text-decoration:none; font-family: "Myriad PRO"; font-size: 14px; font-weight: normal; color: #CCCCCC;}
	
.graySmall {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #CCCCCC;}
	.graySmall A:link {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.graySmall A:visited {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.graySmall A:active {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.graySmall A:hover {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	
.blackSmall {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #000000;}
	.blackSmall A:link {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.blackSmall A:visited {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.blackSmall A:active {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #5765AC;}
	.blackSmall A:hover {text-decoration:none; font-family: "Myriad"; font-size: 14px; font-weight: normal; color: #FFFFFF;}
	
.blogTitle {font-family: "Myriad"; font-size: 20px; color: #FFFFFF; font-weight:bold;}
	.blogTitle A:link {font-family: "Myriad"; font-size: 20px; color: #FFFFFF; text-decoration:none;}
	.blogTitle A:visited {font-family: "Myriad"; font-size: 20px; color: #FFFFFF; text-decoration:none;}
	.blogTitle A:active {font-family: "Myriad"; font-size: 20px; color: #FFFFFF; text-decoration:none;}
	.blogTitle A:hover {font-family: "Myriad"; font-size: 20px; color: #CCCCCC; text-decoration:none;}
	
.blogBody {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #FFFFFF;}
	.blogBody A:link {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #5765AC; text-decoration:none;}
	.blogBody A:visited {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #5765AC; text-decoration:none;}
	.blogBody A:active {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #5765AC; text-decoration:none;}
	.blogBody A:hover {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #CCCCCC; text-decoration:none;}
	
.blueLinkLarge {font-family: "Myriad"; font-size: 20px; font-weight: normal; color: #CCCCCC;}
	.blueLinkLarge A:link {text-decoration:none; font-family: "Myriad"; font-size: 20px; font-weight: normal; color: #5765AC;}
	.blueLinkLarge A:visited {text-decoration:none; font-family: "Myriad"; font-size: 20px; font-weight: normal; color: #5765AC;}
	.blueLinkLarge A:active {text-decoration:none; font-family: "Myriad"; font-size: 20px; font-weight: normal; color: #5765AC;}
	.blueLinkLarge A:hover {text-decoration:none; font-family: "Myriad"; font-size: 20px; font-weight: normal; color: #FFFFFF;}
	
.frontBlogLinks {font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #000000; font-style:italic;}
	.frontBlogLinks A:link {text-decoration:none; font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #000000;}
	.frontBlogLinks A:visited {text-decoration:none; font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #000000;}
	.frontBlogLinks A:active {text-decoration:none; font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #000000;}
	.frontBlogLinks A:hover {text-decoration:none; font-family: "Myriad"; font-size: 12px; font-weight: normal; color: #000000;}