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




.clear{ clear:both;}
a{ color:#000000; font-family:Arial, Helvetica, sans-serif;}
a:hover{color:#009556;}
p {font-size:17px; line-height:24px;}
h1 {font-size:1.3em; color:#000; margin-top:32px; text-transform:uppercase;}
h3{font-size:18px; color:#000000; font-weight:bold; margin:0; padding:0; }
h5{color:#dd0568; font-size:18px; font-weight:100; margin:0; padding:0; display:inline; }
h6{ color:#9c9c9c; font-size:11px; margin:0; padding:0; font-weight:100; }

body, html{ background-color:#FFFFFF; font-family:"Courier New", Courier, monospace; color:#dd0568; font-size:18px;font-weight:200; margin:0; padding:0; text-align:center; text-transform:uppercase;}
#container{ width:1060px; margin: 0 20px 0 0; text-align:left; padding:0;}
#left{ float:left; width:150px; margin:0px; z-index:10;}
#middle{ float:left; width:575px; margin:0 -20px 0 20px; z-index:100; }
#right{ float:right; width:330px; margin:0; padding:0;}

/*************************************************************************/
						/* Navigation */
/*************************************************************************/
/*#navigation{ float:left; margin:0; padding:0;}

#navigation a{ font-size:17px; text-decoration:none; color:#444444; font-weight:bold;}
#navigation a:hover{ background-color:#f1f1f1;}

#navigation a#about{width:120px; height:140px; float:left;}
#navigation span.homeText{ margin:0 0 0 18px;}
#navigation a#services{width:120px; height:140px; float:left;}
#navigation span.servicesText{ margin:0 0 0 20px;}
#navigation a#clients{width:110px; height:140px; float:left;}
#navigation span.clientsText{ margin:0 0 0 20px;}
#navigation a#gallery{width:110px; height:140px; float:left;}
#navigation span.galleryText{ margin:0 0 0 18px;}
#navigation a#join{width:140px; height:140px; float:left; }
#navigation span.joinText{ margin:0 0 0 4px;}
#navigation a#contact{width:114px; height:140px; float:left;}
#navigation span.contactText{ margin:0 0 0 21px;}

#navigation a.active{ background-color:#e8e8e8; color:#000000;}*/

#left .flashNav{ margin:275px 0 0 0;}

/*************************************************************************/
						/* Flash logo */
/*************************************************************************/
#logo{ width:330px; height:500px; margin:-38px 0 0 0px; padding:0; position:relative; z-index:1;
	background-image:url(../_img/general/grapefruit_logo.gif); background-repeat:no-repeat;}

/*************************************************************************/
						/* Home  */
/*************************************************************************/
#contentHome{ margin:170px 0 0 0px;}
#contentHome .content_home{ margin:0; padding:0;}
#contentHome .content_home .header{ margin:0 0 0px 0; padding:0;}
#contentHome .content_home .subHeader{ margin:5px 0 25px 0; width:580px;}
#contentHome .content_home .homeText p{color:#dd0568; font-size:16px; font-weight:100;}


/*************************************************************************/
						/* Services  */
/*************************************************************************/
#content{ margin:200px 0 0 0px; }
#content .header{ margin:0 0 25px 0;}
#content .text{ margin:10px 0 24px 0; width:580px;}
#content .text p{color:#dd0568; font-size:16px; font-weight:100;}
/*************************************************************************/
						/* Clients  */
/*************************************************************************/
#content .clients{ margin:30px 0 0 0; width:585px; }
#content .clients .clientBox{ margin:0 30px 0 0; float:left; width:165px; height:110px; }
#content .clients .clientBox .companyLogo{ width:160px; height:140px; }
#content .clients .clientBox .companyLogo img{ border:none;}
#content .clients .clientBox .companyText .companyName{ background-color:#e9e9e9; width:200px; height:18px;}
#content .clients .clientBox .companyText .companyName strong{ color:#000000; font-weight:100; font-size:18px; background-color:#FFFFFF; padding-top:2px; }
#content .clients .clientBox .companyText p{ width:170px; margin:10px 0 0 0; font-size:12px; height:40px;}


/*************************************************************************/
						/* Gallery  */
/*************************************************************************/
#content #gallery {padding-bottom:3em; }
#content #gallery a:hover{ border:thick #999999; }
#content #gallery img{ border:5px solid #ccc; margin:3px;}

/*************************************************************************/
						/* Join the team  */
/*************************************************************************/
#contentJoin{ margin:200px 0 0 0px;}
#joinFormCont {padding:10px; border:5px solid #ccc; width:500px; margin:3em 0 0 0px;}
#thankyoutext {font-size:2em; font-weight:bold; margin-top:5em;}
/*************************************************************************/
						/* Contact  */
/*************************************************************************/
#content #contactContainer { width:545px; margin-top:15px;}
#content .address{ float:left; width:240px; font-size:14px; padding:0 0 0 0px; border-top:10px solid #d90162;}
#content .map{ margin:7px 0 0 0; width:308px;}
#content .mapCont { border: 1px solid  #666; float:left;}
#content .map a {font-size:.6em;}
.mapLink {font-size:.5em;}
#content .mapCont small {font-size:9px;}
#content .contacts {float:right; border-top:10px solid #d90162; margin-left:0px; margin-right:2px;} 
#content .contacts ul {list-style-type:none; margin-left:0px; padding-left:0px;}
#content .contacts ul li {font-size:11px; margin-bottom:10px; color:#9c9c9c;}
#content .contacts ul li a {color:#9c9c9c; text-decoration:none;}
#content .contacts ul li a:hover {color:#333; text-decoration:none;}

#content caseStudies
{
	margin:15px 0 0 0px;
}

#contentCaseStudies
{
	margin-top:15px;
	width:830px;
	height: 1200px;
}

.caseStudies
{ 
	/*margin-top:-25px;*/
	top:-55px;
    width:830px;
	height: 1000px;
    /*color:#dd0568;*/
    color:#000000;
    font-size:16px; 
    font-weight:100;
	overflow:hidden;
	position:relative;
}

.caseStudies ul.caseStudiesBlock 
{ 
	padding: 0;
	width:100000px;
}

.caseStudies li.caseStudiesBlock 
{ 
	display:inline;
	float:left;
	margin-right:50px;
}

.caseStudyBox
{
    width: 800px;
    padding-bottom: 40px;
}

.caseStudyBox .companyLogo
{
float:left;
display:block;
    
}

.caseStudyBox .photo
{
    width: 126px;
    height: 190px;
    float: right;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
}

.caseStudyBox .blurb
{
    float: left;
    width: 400px
}

.caseStudyHeader
{
    clear:both;
	font-weight: bold;
    border-bottom: 2px solid #D90162;
    margin-bottom: 15px;
}

.caseStudyText
{
	margin: 0 0 15px 0;
    font-weight: 50;
}

.caseStudyText ul
{
	/*list-style-position: outside; */
	/*padding-left:10px;*/
	margin:10px 0 10px 0;
	float:left;
	list-style-type:disc;
}

.caseStudyText li
{
	margin-bottom:10px;
}

.caseStudyText p
{
	font-size: 16px;
}

.caseStudyHeader p
{
	color:#000000;
}

.caseStudiesIntro
{
	color:#9c9c9c;
	height:96px;
	width:566px;
}

.caseStudyVideoLink
{
	clear:both;
	float:right;
	margin:-25px 10px 0 0;
}

a.next 
{
	/*color:#D90162;*/
	color:#000000;
	float:right;
	right:20px;
	position:relative;
	outline: 0;
	text-decoration:none;
	z-index:10000;
}

#nextBottom
{
	margin-top:-100px;
}

.fadein
{
	float:right;
	position:relative;
	height:180px;
	width:240px;
}

.fadein img 
{
	position:absolute;
	border: 5px solid #CCCCCC;
	left:0;
	top:0; 
	height:180px; 
	width:240px;
  }

div.testimonial { color: #dd0568; font-style:normal; font-weight: 100; font-size: 16px; line-height: 20px; }