@charset "UTF-8";

* {
	margin: 0;
}

body {
	height: 100%;
	font: 13px Arial, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #ffffff;

}

html{
	height: 100%;
	font: Arial, Arial, Helvetica, sans-serif;



}
#wrapper {
	width:100%;

}

/* ////////////////////////*/

/*   nav   */
#navContainerTop {
	height:51px;
	width:900px;
	margin:0;


}


.navLinkProjects {
	  	width:155px;
	  	height:51px;
		background-image:url(../sgj_Images/nav_projects.jpg);
}

.navLinkProjects:hover {
		background-image:url(../sgj_Images/nav_projects_RO.jpg);
}

.navLinkBio {
	  	width:154px;
	  	height:51px;
		background-image:url(../sgj_Images/nav_bio.jpg);
}

.navLinkBio:hover {
		background-image:url(../sgj_Images/nav_bio_RO.jpg);
}

.navLinkExpertise {
	  	width:156px;
	  	height:51px;
		background-image:url(../sgj_Images/nav_expertise.jpg);
}

.navLinkExpertise:hover {
		background-image:url(../sgj_Images/nav_expertise_RO.jpg);
}





#navContainerBottom {
	height:23px;
	width:900px;
	margin:0;

}
 

.navLinkMail {
	  	width:26px;
	  	height:23px;
		background-image:url(../sgj_Images/nav_mail.jpg);
}

.navLinkPinterest {
	  	width:26px;
	  	height:23px;
		background-image:url(../sgj_Images/nav_pinterest.jpg);
}

.navLinkLinkedIn {
	  	width:26px;
	  	height:23px;
		background-image:url(../sgj_Images/nav_linkedIn.jpg);
}

.navLinkTwitter {
	  	width:21px;
	  	height:23px;
		background-image:url(../sgj_Images/nav_twitter.jpg);
}

 
 
 #nav_TWO_Area {
	height:36px;
	margin:0;


}

/*   nav end   */


/*   feature slice   */
.featureSlice {
	background-image: url(http://www.engin3.com/test/EDYN_FeatureBckgrnd.jpg);
	height: 500px;
	align: center;
	
}


.featureBreak {
	   padding-bottom: 20px;
}



.featureText h1 {
       color:#fff;
       font-size: 36px;
       font: 13px Arial, Arial, Helvetica, sans-serif;	
	   padding-left: 5px;
	   padding-top: 50px;
	   padding-bottom: 200px;
}

/*    feature slice end    */





/*   nav TWO   */

#navTwoContainer {
	height:32px;
	width:900px;
	margin:0;


}



.nextCase {
	  	width:142px;
	  	height:32px;
		background-image:url(../sgj_Images/SGJ_CS_NextCase_1.jpg);
}

.nextCase:hover {
		background-image:url(../sgj_Images/SGJ_CS_NextCase_2.jpg);
}

/*   nav TWO end*/




/*  FeatureWork content */
.featureWork {
	height:400px;
	margin:0;


}

.featureImage {
        background-image: url('/sgj_Images/EDYN_HeroFlood.jpg');
        width: auto;
   }


.featureContentArea {
	height:500px;
	width:900px;
	margin:0;


}


.featureCopyArea {
	
	width:900px;
	margin:0;
	padding-left:16px;
	padding-top:26px;
	


}




/*  Case study content */
#heroImage {
	height:312px;
	margin:0;


}

#CScontentArea {
	height:1250px;
	width:900px;
	margin:0;


}


#CScopyArea {
	
	width:900px;
	margin:0;
	padding-left:16px;
	padding-top:26px;
	


}

#CSstudyArea {
	width:900px;
	margin:0;
	padding-top:26px;

	


}

				
/*  Case study content END */


#xbox_CScontentArea {
	height:1300px;
	width:900px;
	margin:0;


}

#arta_CScontentArea {
	height:1300px;
	width:900px;
	margin:0;


}



/*   expertise page   */



#expertisecontentArea {
	height:1250px;
	width:900px;
	margin:0;


}




#expertiseImage {
	height:1200px;
	margin:0;


}
/*   expertise page end   */

/*   bio page   */



#rightRail {
	float:left;
	width:310px;
	height:310px;
	margin:0;
	padding-left:30px;
	

}



#rightRailPACKAGE {
	float:left;
	width:310px;
	margin:0;
	padding-left:30px;
	

}

#twoRowContent {
	width:900px;
	margin:0;


}
#twoRowContentINNER {
	width:535px;
	margin:0;
	padding-left:15px;


}

#oneRowContentINNER {
	width:890px;
	margin:0;
	padding-left:15px;

}



.navBIO_LinkPinterest {
	  	width:290px;
	  	height:47px;
		background-image:url(../sgj_Images/SGJ_Bio_Pinterest.jpg);
		background-repeat:no-repeat;
		
}

.navBIO_LinkLinkedIn {
	  	width:290px;
	  	height:62px;
		background-image:url(../sgj_Images/SGJ_Bio_linkedin.jpg);
		background-repeat:no-repeat;
}

.navBIO_LinkTwitter {
	  	width:290px;
	  	height:62px;
		background-image:url(../sgj_Images/SGJ_Bio_twitter.jpg);
		background-repeat:no-repeat;

}




/*   bio page end   */


/*   Barilla Case Study Page   */
#CS_BarillaContentArea {
	height:3200px;
	width:900px;
	margin:0;


}


#barillaCampaignImages {
	width:900px;
	margin:0;


}

#BarillatwoRowContentINNER {
	width:200px;
	margin:0;


}

#BarillatwoRowContentRightRail{
	float:left;
	width:306px;


}

#anchorNavBarilla {
	width:900px;
	height:34px;
	margin:0;
	padding-top:35px;
	padding-bottom:15px;
	

}


.barillaVideoBTN {
	  	width:305px;
	  	height:235px;
		background-image:url(../sgj_Images/Barilla_VidCaseStudy_r1.jpg);
}

.barillaVideoBTN:hover {
		background-image:url(../sgj_Images/Barilla_VidCaseStudy_r2.jpg);
}



.navBranding {
	  	width:153px;
	  	height:34px;
		background-image:url(../sgj_Images/CS_Barilla_subNav_01_r2.jpg);
}

.navBranding:hover {
		background-image:url(../sgj_Images/CS_Barilla_subNav_01_r1.jpg);
}

.navPackage {
	  	width:153px;
	  	height:34px;
		background-image:url(../sgj_Images/CS_Barilla_subNav_02_r2.jpg);
}

.navPackage:hover {
		background-image:url(../sgj_Images/CS_Barilla_subNav_02_r1.jpg);
}


.navCampaign {
	  	width:153px;
	  	height:34px;
		background-image:url(../sgj_Images/CS_Barilla_subNav_03_r2.jpg);
}

.navCampaign:hover {
		background-image:url(../sgj_Images/CS_Barilla_subNav_03_r1.jpg);
}



/*   Barilla Case Study Page END   */

/*   HOME PG  */


/*   Feature Slice   */

.feature_Edyn1BTTN:hover {
	  	width:600px;
	  	height:90px;
		background-image:url(../sgj_Images/Feature_bttn_Edyn1_r2.png);
}


.feature_Edyn2BTTN:hover {
	  	width:300px;
	  	height:90px;
		background-image:url(../sgj_Images/Feature_bttn_Edyn2_r2.png);
}

/*   END - Feature Slice   */

/*   CaseStudies Slice   */

.barilla_HomeBTN {
	  	width:900px;
	  	height:108px;
		background-image:url(../sgj_Images/Home_barilla2_r1.jpg);
}

.barilla_HomeBTN:hover {
		background-image:url(../sgj_Images/Home_barilla2_r2.jpg);
}


.xbox_HomeBTN {
	  	width:900px;
	  	height:108px;
		background-image:url(../sgj_Images/Home_xbox_r1.jpg);
}

.xbox_HomeBTN:hover {
		background-image:url(../sgj_Images/Home_xbox_r2.jpg);
}


.arta_HomeBTN {
	  	width:900px;
	  	height:108px;
		background-image:url(../sgj_Images/Home_arta_r1.jpg);
}

.arta_HomeBTN:hover {
		background-image:url(../sgj_Images/Home_arta_r2.jpg);
}


.rfk_HomeBTN {
	  	width:900px;
	  	height:108px;
		background-image:url(../sgj_Images/Home_rfk_r1.jpg);
}

.rfk_HomeBTN:hover {
		background-image:url(../sgj_Images/Home_rfk_r2.jpg);
}

/*   END - CaseStudies Slice   */


.motion_BTN {
	  	width:298;
	  	height:222;
		background-image:url(../sgj_Images/Home_motion_r1.jpg);
}

.motion_BTN:hover {
		background-image:url(../sgj_Images/Home_motion_r2.jpg);
}




/*   HOME END  */

/*   links   */

.downloadCV {
	  	width:199px;
	  	height:46px;
		background-image:url(../sgj_Images/SGJ_Bio_download_CV_1.jpg);
}

.downloadCV:hover {
		background-image:url(../sgj_Images/SGJ_Bio_download_CV_2.jpg);
}


.downloadThesis {
	  	width:199px;
	  	height:46px;
		background-image:url(../sgj_Images/SGJ_Bio_download_Thesis_1.jpg);
}

.downloadThesis:hover {
		background-image:url(../sgj_Images/SGJ_Bio_download_Thesis_2.jpg);
}

/*   links end   */





/*   other stuff   */

.floatLeft{
	float:left;
}					
.floatRight{
	float:right;
}					


.padTheLeft{
	padding-left:30px;	
}


/*   footer area   */

					
#footerArea {
	height:192px;
	margin:0;


}