﻿/* home */
#home_splash
{
	width:933px;
	height:433px;
	/*background: #FFFFFF  no-repeat top left;	*/
}

#three_d_splash
{
	width:512px;
	height:318px;
	margin: 11px 5px 11px 10px;
}

#video_splash
{
	width:512px;
	height:318px;
	margin: 11px 5px 11px 10px;
}

#ourwork_splash_sidebar
{
	width:183px;
	height:340px;
	float:left;
}

#flash_container
{
	width:512px;
	height:318px;
}

#home_whatwedo_container
{
	width:933px;
	margin-top:20px;
}

#home_whatwedo
{
	float:left;
	width:578px;
	padding-right:30px;	
}

#home_eduzone
{
	float:left;
	width:304px;	
}

/* styles for ourwork pages */
#ourwork_container
{
	width:933px;
}

#ourwork_left
{
	float:left;
	width:650px;
	padding-right:10px;	
}

#ourwork_links
{
	float:left;
	width:270px;		
}

#ourwork_flash_left
{
	float:left;
	width:715px;
	background-color:#dadada;
}

#ourwork_flash_links
{
	float:left;
	padding-left:10px;
	width:200px;		
}

.heading
{
	display:block;
	margin-bottom:10px;
}

.ourwork_mainImg
{
	border:0;
	
}

.heading_floatleft
{
	display:block;
	margin-bottom:10px;
}

.home_spotlight_container
{
	width:934px;
	padding-top:10px;
}

/* spotlight item horizontal */
.home_spotlightitem
{
	width:304px;
	float:left;
}

.home_spotlightitem img
{
	border:0;
	width:303px;
	height:152px;
}

/* spotlight item vertical */
.home_spotlightitem_vertical
{
	width:303px;
}

.home_spotlightitem_vertical img
{
	border:0;
	width:303px;
	height:152px;
	margin-bottom:5px;
}

.home_spotlightitem_block
{
	width:304px;
	float:left;
}

.home_spotlightitem_heading
{
	width:280px;
	float:left;
	margin-top:10px;
}

.home_spotlightitem_text
{
	margin-top:5px;
}

.home_spotlightitem_text_vertical
{
	margin-top:5px;
	margin-bottom:30px;
}

.our_spotlight_container
{
	width:933px;
	/*padding-top:2px;*/
}

/* news */
#news_container
{	
	width:608px;
	float:left;
}

#news_nav
{
	width:300px;
	float:left;
	margin:0 20px 0 0;
	padding:2em 0 2em 0;
}

#news_nav h3 
{
	font-size:1.5em;
}

.news_list
{
	margin:0 20px 0 0;
	border-top:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;	
}

.news_list h3 
{
	font-size:1.5em;
}

.news_list span
{
	display:block;
}

.news_body
{
	margin:1em 2em 0 0;
}

.news_list img
{
	float:right;
	margin:1em 30px 0 10px;
	padding-bottom:15px;
	display:block;
	width:303px;
	vertical-align:top;
}

/* general */
.page-header
{
	display:block;
	width:930px;
	height:32px;
	border-bottom:1px solid #dfdfdf;
	margin:10px 0 0 0;	
}

.section-header
{
	margin:20px 20px 0 0;
}

.sub-section-header
{
	margin:20px 20px 0 20px;	
}

.left-container
{	
	width:608px;
	border-right:1px solid #dfdfdf;
	float:left;
}

.right-container-narrower
{	
	width:280px;
	float:left;
	padding-left:10px;
}

.right-container
{
	width:274px;
	float:left;
	margin:0 0 0 10px;
}

/* about */

#links-list
{
	padding:0;	
	margin:0;		
}

#links-list li
{
	list-style-type: none;
    background-image: url(../images/layout/bullet_right.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left : 15px;
    padding-top: 2px;
    font-weight:bold;
}

#links-list a
{
	color:#d62222;
	text-decoration:none;	
}

#links-list a:hover
{
	text-decoration:underline;	
}

#links-list-left
{
	padding:0;	
	margin:0;		
}

#links-list-left li
{
	list-style-type: none;
    background-image: url(../images/layout/bullet_left.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left : 15px;
    padding-top: 2px;
    font-weight:bold;
}

#links-list-left a
{
	color:#d62222;
	text-decoration:none;	
}

#links-list-left a:hover
{
	text-decoration:underline;	
}

.links-list-down
{
	display:block;
	/*float:left;*/
	list-style-type: none;
	padding:0;
	margin:0;		
}

.links-list-down li
{
	list-style-type: none;
    background-image: url(../images/layout/bullet_down.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left : 20px;
    padding-top: 2px;
    font-weight:bold;
}

.links-list-down a
{
	color:#d62222;
	text-decoration:none;	
}

.links-list-down a:hover
{
	text-decoration:underline;	
}

#links-list-servicelinks
{
	color:#525252;
	display:block;
	list-style-type: none;
	padding:0;
	padding:0;
	margin:0;	
	margin-left:10px;	
}

#links-list-servicelinks li
{
	list-style-type: none;
    background-image: url(../images/layout/bullet_right_grey.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left : 25px;
    padding-top: 2px;
    font-weight:bold;
}

#links-list-servicelinks a
{ 
	text-decoration:none;
	color:#525252;
}

#links-list-servicelinks a:hover
{ 
	text-decoration:underline;
}


/* case studies ********************************************************/

#casestudies-container
{
	width:930px;
	padding:0;
	margin:0;
}

.casestudy-main-image
{
	border:1px solid #dfdfdf;
	width:925px;
	height:405px;
	margin:10px 0 0 0;	
}

.casestudy-inner-container
{
	margin:5px 0 5px 5px;
}

.casestudy-main-image-item
{
	border:1px;
	float:left;
	width:183px;
}

.casestudy-list
{
	border-top:1px solid #dfdfdf;
	width:930px;	
	padding:0 0 10px 0;
	margin:0 0 0 0;	
}

.casestudy-list h3
{	
	padding:20px 0 0 0;
}

.casestudy-left
{
	width:170px;
	float:left;	
	display:block;
	height:400px;
	padding-right: 7px;
	padding-left: 3px;
	margin:0;
}

.casestudy-left h3 
{
	font-size:1.5em;
	font-weight:normal;
	margin-bottom: 10px;
}


.casestudy-right
{
	width:750px;
	float:left;	
	display:block;
	margin:0;
	padding:0 0 0 0;
}

.casestudy-right img
{ 
	padding-top: 35px;
	margin-bottom: 20px;
}

.casestudy-brief
{
	width:210px;
	float:left;
	display:block;
	margin:0;
	padding:0 20px 0 0;
}

.casestudy-solution
{
	width:730px;
	float:left;
	display:block;
	margin:0;
	padding:0;
}

.jump-link-h3
{
	padding-top:15px;
}

.jump-link-top
{
	float:right;
	color:#d62222;
	text-decoration:none;
	font-weight:bold;	
	background-image: url(../images/layout/bullet_up.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin:10px 0 10px 0;	
}

.jump-link-top:hover
{ 
	text-decoration:underline;
}

.jump-link-down
{
	float:right;
	color:#d62222;
	text-decoration:none;
	font-weight:bold;	
	background-image: url(../images/layout/bullet_up.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin:10px 0 10px 0;	
}

.jump-link-down:hover
{ 
	text-decoration:underline;
}

.jump-link-left
{
	color:#d62222;
	text-decoration:none;
	font-weight:bold;	
	background-image: url(../images/layout/bullet_right.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin:10px 0 10px 0;	
}

.jump-link-left:hover
{ 
	text-decoration:underline;
}

.jump-link-left:hover
{ 
	text-decoration:underline;
}


.jump-link-left-parent
{
	color:#d62222;
	text-decoration:none;
	font-weight:bold;
	font-size:11pt;	
	background-image: url(../images/layout/bullet_right.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin:10px 0 10px 20px;	
}

.jump-link-left-parent:hover
{ 
	text-decoration:underline;
}

.jump-link-left-parent:hover
{ 
	text-decoration:underline;
}


.jump-link-left-child
{
	color:#d62222;
	text-decoration:none;
	font-weight:bold;	
	font-size:10pt;	
	background-image: url(../images/layout/bullet_right.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin:10px 0 10px 100px;	
}

.jump-link-left-child:hover
{ 
	text-decoration:underline;
}

.jump-link-left-child:hover
{ 
	text-decoration:underline;
}

.servicelinks_container
{
	margin: 0px 0;
	float: left;
	width: 400px;
	padding: 10px 0 0 20px;
	background-color:#ededed;
	border: solid 1px #bebebe;
}

/* 
*************************
* contact us styles 
*************************
*/

#contact_container
{
	margin: 0px 0;
	float: left;
	width: 560px;
	padding: 10px 0 0 20px;
	background-color:#ededed;
	border: solid 1px #bebebe;
}

#contact_details_container
{
	margin-left: 20px;
	background-color:#ededed;
}

/* ceri */
.contact-details
{
	float:left;
	margin:0 20px 0 0;
	padding:1.6em 0 2em 0;
}

.contactus-item
{
	width:250px;
	float:left;
	margin-bottom:25px;
}

.cssform label
{
	float: left;
	font-weight:bold;
	width: 130px;
}

.cssform input[type="text"]
{
	width: 380px;
	float:left;
	margin-right:10px;
	border:1px solid #878787;
	color:#525252;
}

.contact-dropdownlist
{
	float:left;
	width: 386px;
	margin-right:35px;
}

.contact-dropdown-text
{
	color:#525252;
}


.required_field_indicator
{
	
	width:20px;
	float:left;
}

/*.cssform span
{
	float:right;
}
*/

.cssform p
{
	padding-top:12px;	
}

.cssform input[type="text"]:hover, .cssform input[type="text"]:focus
{
	/*background-color: #1E1E1E;*/
	border: solid 1px #EAAC1D;
}

.cssform textarea
{
	float:left;
	height: 160px;
	width: 380px;
	border: solid 1px #878787;
	font-size:1.1em;
	font-family: Helvetica, Arial, sans-serif;
	overflow: hidden;
	margin-right:10px;
	color:#525252;
}

.cssform textarea:hover, .cssform textarea:focus 
{
	border: solid 1px #EAAC1D;
}

.submit_btn
{
	display:block;
	float:left;
	margin:10px 0 20px 130px;
	padding:0;
}


.contact_details_box
{
	margin-top: 25px;
	padding-left: 5px;
	color: #333;
}

.contact_details_box a
{
	text-decoration: underline;
}

.contact_details_box a:hover
{
	color: #000;
}

.cssform p
{
	margin-top: 15px;
}

/* for content editing from within the cms */
.edit_btn
{              
    position:relative;
    width:25px;
    height:15px;
    margin: -5px 0 0 0;
    padding:0;
    border: solid 1px #000000;
    display:block;
    background-color:#000000;
    text-align: center;
    font-size: 10px;
}

.edit_btn a
{              
    display:block;     
    color:#fff;
    width:25px;
    height:15px;
}

.edit_btn a:hover
{
	cursor:pointer;
	background-color: #f47c00;
}

.panel-extender
{
	margin:10px 0 0 0;
}

.flash-image
{
	border:0;	
}
