/* COMMON STYLES */


body {
	text-align: center;
	margin : 0;
	padding: 0;
	border: 0;
	background : #C0C0C0; 
	font : 78% helvetica neue, helvetica, arial, sans-serif;
}


#wrapper {
	margin: 0px auto;
	width: 800px;
}





/* COMMON CONTENT */

.content {
	float: left;
	width: 483px;
	
}

#copy_index {
	height: 383px;
}

#copy {
	height: 354px;
}

#showreel_content {
	background: #ffffff url("../img/body_no_graphic_JVlogo_top.jpg") scroll top no-repeat;
	width: 450px;
	left: 175px;
}

#about_content {
	background: #ffffff url("../img/top_index_graphic.jpg") scroll top no-repeat;
	width: 450px;
	height: 800px;
	
}

#about_content_middle {
	height: 103px;
	background: #ffffff url("../img/middle_graphic_content.jpg") scroll top no-repeat;
	position: relative;
    top: 9px;
}

#jobs_content,
#contact_content {
	background: #ffffff url("../img/body_graphic_and_JVlogo_top.jpg") scroll top no-repeat;
}

/* CONTENT MIDDLE GRAPHIC */

#middle_graphic_JVlogo {
	background: #ffffff url("../img/JVpanel_new.jpg") scroll top no-repeat;
	height: 103px;
	width: 450px;
	position: relative;
	top: 42px;
}

#middle_graphic_JVlogo_about {
	background: #ffffff url("../img/JVpanel_new.jpg") scroll top no-repeat;
	height: 103px;
	width: 450px;
	position: relative;
	top: 13px;
}




/* CONTENT BOTTOM GRAPHIC */

#bottom_graphic_content {
	background: #ffffff url("../img/body_bottom_graphic.jpg") scroll top no-repeat;
	height: 210px;
	width: 450px;
	/*position: relative;
	left: 0px;
	top: 2px;*/	
	    
}
 
.content p {
	text-align: left;
	color: #323531;
	font-size: 0.98em;
	padding: 5px 30px 5px;
}


#navmenu {
	margin-top: 50px;
	margin-bottom: 15px;
	font-size : 1.0em;
	padding:4px 15px 5px;
	height: 15px;
	/* total height = margin-top + padding-bottom + height = 80px */
}

#navmenu a,
#navmenu a:link,
#navmenu a:visited,
#navmenu a:active {
	text-decoration: none;
	color : #76858a;
	cursor : pointer;
	padding: 5px 5px 5px;
	margin-right: 8px;
	margin-left: 8px;
}

#navmenu a:hover,
#navmenu a.selected:hover {
	color : #000000;
}

#navmenu a.selected {
	color : #76858a;
	background-color: #d2ecf5;
}

#player {
	//margin-bottom: 18px;
	//margin-top: 18px;

}


/* PAGE SPECIFIC */

#blue_text_title{
	color: #0f748c;
	font-size: 1em;
	padding: 5px 20px 10px;
	font-weight: bold;
}

#grey_text_title {
	color: #323531;
	font-size: 1em;
	padding: 0px 0px 0px;
	font-weight: bold;
}

#blue_text{
	text-align: left;
	color: #0f748c;
	font-size: 1em;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 5px;
}

#testimonials_text{
	text-align: left;
	color: #0f748c;
	font-size: 1em;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 0px;
}

#film_button{
	background: #99A3A5 url;
	position:relative;
	top: 120px;
}

#film_button_text{
	background: #99A3A5 url;
	position:relative;
	top: 98px;
	left:40px;
}

#commercials_button{
	background: #99A3A5 ;
	position:relative;
	top: 130px;
	}
	
	#commercials_button_text{
	background: #99A3A5 ;
	position:relative;
	width: 100px;
	top: 107px;
	left:51px;
	}

#visualisations_button{
	background: #99A3A5 url;
	position:relative;
	top: 150px;

	}
	
	#visualisations_button_text{
	background: #99A3A5 ;
	position:relative;
	width: 100px;
	top: 128px;
	left:51px;
	}



#service_list{
	text-align: left;
	color: #323531;
	font-size: 1em;
	margin-left: 120px;
}


#company_contact{
	color: #76858a;
	font-size: 1.05em;
	padding-top: 140px;
}

#company_contact_about{
	color: #76858a;
	font-size: 1.05em;
	padding-top: 106px;
}




#company_contact_jigsaw{
	font-size: 1.3em;
}

.list_heading_showreel {
	font-size: 1.1em;
	color: #4f5559;
	margin-top: 30px;
	margin-left: 20px;
}

#left_sidebar li.navmenu_left_showreel {
	margin-left: 30px;
	line-height: 30px;
	color: #d2ecf5;
}

#jobs_copy {
	padding-top: 110px;
}

.privacy_red_text {
	color: #cc1045;
	font-size: 1.1em;
	padding: 5px 20px 0px;
}

#services_copy {
	color: #4f5559;
	font-size: 1em;
	margin-top:0px;
}







/* CONTACT FORM */

table {
	margin-top: 45px;
	margin-left: 20px;
}

td {
	color: #76858a;
	text-align:left;
	line-height: 15px;
	vertical-align: top;
}

#contact_field {
	position: absolute;
    top: 190px;
	left: 200px;
	width: 150px;
}

.form_entry {
	width:180px;
}

.required_field {
	color: #cc1045;
}

.required_info {
	color: #76858a;
	font-size: 0.8em;
}

#privacy_policy {
	color: #cc1045;
	text-decoration: none;
}












/* LEFT SIDEBAR */

#left_sidebar {
	float: left;
	width: 175px;
	height: 800px;
	color: #4f5559;
	text-align: left;
	background: #99A3A5 url("../img/plain_side_panel.jpg") scroll top no-repeat;
}

#left_sidebar_services {
	float: left;
	width: 175px;
	height: 800px;
	color: #4f5559;
	text-align: left;
	background: #99A3A5 url("../img/services_side_panel.jpg") scroll top no-repeat;
}


.list_heading {
	font-size: 1.1em;
	color: #4f5559;
	margin-top: 95px;
	margin-left: 20px;
}

#left_sidebar ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#left_sidebar li {
	margin-left: 20px;
	line-height: 65px;
}

#left_sidebar a,
#left_sidebar a:link,
#left_sidebar a:visited,
#left_sidebar a:active {
	text-decoration: none;
	color : #d2ecf5;
	cursor : pointer;
}

#left_sidebar a:hover {
	color : #4f5559;
}



/* RIGHT SIDEBAR */

#right_sidebar {
	float: left;
	width: 175px;
	height: 800px;
	background: #99A2A7 url("../img/right_panel.jpg") scroll top no-repeat;
}


/* FOOTER */

#footer {
	background: #C0C0C0;
	color: #4f5559;
	font-size:0.8em;
	padding-top: 10px;
}