/*SPECIFIC STYLES FOR CASE STUDY PAGE */

/*CASE STUDY PAGE - to style intro text*/
#case_intro {
    width: 720px;
	float:left;
	padding-left: 20px;
	padding-bottom:10px;
	margin-top:50px;
	margin-bottom:30px;
	font:90%  Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#FFF;
}

/*CASE STUDY PAGE - to style the left column */
#column1 {
	float:left;
	width: 390px;
}

/*CASE STUDY PAGE - LEFT COLUMN - to style the company name in case_study_one.htm */
#case_companyname {
	float:left;
	width: 350px;
	margin-right:10px;
	padding-left: 20px;
	font:90% Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

/*CASE STUDY PAGE - LEFT COLUMN - to style the text left column in case_study_one.htm */
#case_text {
	float:left;
	width:340px;
	padding-left:20px;
	padding-right:20px;
	padding-top:38px;
	font:90%  Arial, Helvetica, sans-serif;
	color:#FFF;
	
}

/*CASE STUDY PAGE - RIGHT COLUMN - to style the right column */
#column2 {
	float:left;
	width: 380px;
	
}

/* CASE STUDY PAGE - RIGHT COLUMN - to style page numbers */
#page_no{
	float:right;
	width: 150px;
	font:110% Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:right;
}

/* CASE STUDY PAGE - RIGHT COLUMN - to style page numbers links */
#page_no a {
	color: #FFF;
}

/* CASE STUDY PAGE - RIGHT COLUMN -  to style page numbers links  on hover*/
#page_no a:hover {
	color:#F00;
}

/*CASE STUDY PAGE - RIGHT COLUMN - to style the first movie top right */
#case_movie {
	float:left;
	width:380px;
	margin-top:40px;
	font:90% Arial, Helvetica, sans-serif;
	color:#FFF;
}


/*CASE STUDY PAGE - RIGHT COLUMN - to style PICTURES, picture 1, on the case_study_one.htm  */
#thumbnail {
	float:left;
	width:380px;
	margin-top: 43px;
	font:bold 85% Arial, Helvetica, sans-serif;
	text-align: left;
	
	color:#FFF;
	
}

/*CASE STUDY PAGE - RIGHT COLUMN - to style PICTURES, picture 1, on the case_study_one.htm  */
#case_pic1 {
	float:left;
	width:175px;
	margin-top:30px;
	margin-right:20px;
	
}

/*CASE STUDY PAGE - RIGHT COLUMN - to style PICTURES, picture 2, on the case_study_one.htm  */
#case_pic2 {
	float:left;
	width:175px;
	margin-top:30px;
	
}

/*CASE STUDY PAGE - RIGHT COLUMN - to style PICTURES, picture 3, on the case_study_one.htm  */
#case_pic3 {
	float:left;
	width:175px;
	margin-top:20px;
	margin-right:20px;
	
}

/*CASE STUDY PAGE - RIGHT COLUMN - to style PICTURES, picture 4, on the case_study_one.htm  */
#case_pic4 {
	float:left;
	width:175px;
	margin-top:20px;
	
}

/*CASE STUDY PAGE - RIGHT COLUMN - to style the text in the text box for the right column */
#case_text2 {
	float:left;
	width:375px;
	padding-top:35px;
	font:90% Arial, Helvetica, sans-serif;
	color:#FFF;
	
}

/*CASE STUDY PAGE - to style the "previous" and "next" navigation container box*/
#previous_nextcontainer {
	float:left;
	width:700px;
	margin-top:50px;
	
}


/*CASE STUDY PAGE - to style the "previous" box*/
#previous_case {
	float: left;
	width: 230px;
    padding-top:0px;
	padding-left: 160px;
	border-right: 1px #F00 solid;
	font:100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	
}

/*CASE STUDY PAGE - to mask the dot in "previous" box when empty*/

.dot_colour {
	color:#000;
}

/*CASE STUDY PAGE - to style the "previous" link*/
#previous_case a {
	color:#FFF;
	text-decoration:none;
	
}

/*CASE STUDY PAGE - to style the "previous" on hover*/
#previous_case a:hover {
	color:#F00;
	text-decoration:none;
}

/*CASE STUDY PAGE - to style the "next case study" box*/
#next_case {
	float: left;
	width: 230px;
	padding-top:0px;
	padding-left:15px;	
	font:100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	
}

/*CASE STUDY PAGE - to style the "next case study" link*/
#next_case a {
	color:#FFF;
	text-decoration:none;
	
}

/*CASE STUDY PAGE - to style the "next case study" on hover*/
#next_case a:hover {
	color:#F00;
	text-decoration:none;
	
}


/*CASE STUDY PAGE - to style the 2nd movie on case_study_two.htm bottom right */
#case_movie2 {
	float:left;
	width:380px;
	margin-top:35px;
	
}



.bold{
	font-weight:bold;
}