html, body
{
	margin: 0;
	padding: 0;
}

a:focus
{
	outline: none; /* Damit Firefox keinen aktiven Rand um Links zeigt!!! (going to write all my angry comments in German from now on... */
}

option, select, a
{
	outline: none !important;
}

a
{
	outline: 0 none;	
}

a:active
{
	outline: none;
}

ul, li
{
	margin: 0px;
	padding: 0px;
}

img
{
	border: none;
}

img a
{
	border: none;
}

a img
{
}

body
{
	font: 62.5% arial, sans-serif;
	text-align: left;
	color: #636363;
}

body
{
	font-family: "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif !important;
}

strong, em, b, i
{
	font-family: "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif !important;
}

p
{
	margin-bottom: 15px;
	color: #636363;
	line-height: 1.5em;
	font-size: 1.1em;
	margin-top: 0;
	padding-top: 0;
}

div.logo a.branding
{
	width: 209px;
	margin-right: 20px;
	display: inline;
	float:left;
}

a:link
{
	color: #e0333c;
	text-decoration: none !important;
}

a:visited
{
	color: #e0333c;
	text-decoration: none !important;
}

a:hover
{
	color: #000;
}

a:active
{
	color: #e0333c;
}

div#header div.logo
{
	background: url(../images/screenmedia_logo.png) no-repeat scroll left top;
	display: block;
	height: 40px;
	width: 209px;
	text-indent: -9999em;
}

h1
{
	margin-top: 7px;
}

h2
{
	font-size: 15px;
	font-weight: normal;
}

h3
{
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 10px;
	font-weight: normal;
	color: #000000;
}

div#header_wrapper
{
	background: #000 none repeat scroll 0 0;
	margin-bottom: 20px;
	width: 100%;
	float: left;
	padding-bottom: 22px;
	padding-top: 21px;
}

div#header ul
{
	float: right;
	list-style-type: none;
	margin-top: 0px;
	margin-right: -13px;
}

div#header ul li
{
	float: left;
	font-size: 1.4em;
	margin-right: 13px;
	margin-left: 13px;
}

div#header ul li.last
{
	margin: 0px;
	margin-left: -18px;
	border-right: none;
}

div#header ul li a
{
	color: #FFFFFF;
	display: block;
	padding: 7px 2px 9px;
	text-align: left;
}

div#header ul li a:hover
{
	border-bottom: 4px solid #c62f28;
}

div#header ul li a.active
{
	border-bottom: 4px solid #c62f28;
}

div#header
{
	width: 920px;
	margin: 0 auto 0 auto;
}

div#aston
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	margin-top: 14px;
}

div#hg
{
	position: relative;
	clear: both;
	float: left;
	width: 920px;
	margin-bottom:10px;
}

div#hg_strip
{
	height: 40px;
}

div#hg div.hg_controls
{
	float: left;
	width: 76px;
	margin-top:-3px;
	*margin-top: 0px; /* ie7 */
	*background-color: #ccc;
}



div#hg div.hg_controls a {
*background-color: #000;
*font-size: 12px;
*text-indent:0px;
*margin: 0px;
*padding: 0px;
*position: absolute;
*left: 40px;
*top: 10px;
}

div#hg div.hg_controls .hg_left {
*left: 10px;
*top: 10px;
}


/* Target Firefox 2 and older [!] */
body:empty div.hg_controls { margin-top: 0px;}

div#hg div.hg_controls a
{
	cursor: pointer;
}

div#hg div.hg_content
{
	color: #FFFFFF;
	float: right;
	font-size: 1.1em;
	position: relative;
	text-align: right;
	top: -1px;
	width: 832px;
}

div#hg div.hg_content div.title
{
	display: block;
	padding-top: 12px;
	margin-right: 10px;
	height: 32px;
	float: left;
	text-align: right;
}

div#hg img
{
	
}

div#hg_strip
{
	background: transparent url(../images/80.png) repeat scroll left top;
	bottom: 0;
	float: left;
	left: 0;
	position: relative;
	top: 355px;
	width: 920px;
}

a.hg_view
{
	background: #C62F28 url(../images/hg_arrow.png) no-repeat scroll 93% 49%;
	_background: none;
	color: #FFFFFF;
	display: inline-block;
	font-size: 11px;
	margin-right: 10px;
	margin-top: 9px;
	padding: 3px 24px 5px 8px;
	cursor: pointer;
	cursor: hand;

}

/* Target FireFox 2 and older [!] */

html>/**/body .hg_view, x:-moz-any-link { 

position:relative;
top:11px;
}

html>/**/body .hg_view, x:-moz-any-link, x:default { top:0px; }


a.hg_view:hover
{
	background: #000 url(../images/hg_arrow.png) no-repeat scroll 93% 49%;
	_background: none!important;
	_color:#E0333C;
	_border:none;
	cursor: pointer;
	cursor: hand;
}



div#aston p
{
	background: url(../images/aston3.png) no-repeat scroll left top;
	display: block;
	height: 67px;
	width: 920px;
	text-indent: -9999em;
	margin-bottom: 0px;
}

div#content_70 h1
{
	margin-bottom: 10px;
	font-size: 15px;
}

h1.iphone
{
	display: none;
}


div.content_block ul
{
	list-style-type: none;
	margin-bottom: 15px;
}

div.content_block ul li
{
	font-size: 1.1em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

div.content_block, div.content_block_first
{
	margin-bottom: 20px;
}

div.content_block_first h1
{
	border-bottom: 2px solid #ccc;
	font-size: 15px;
}

div.content_block h1
{
	border-bottom: 1px solid #ccc;
	width: 518px;
	font-size: 15px;
}

div#container
{
	text-align: left;
	font-size: 1.2em;
}

div#content p
{
	line-height: 1.4;
}

h1.list
{
	border-bottom: 2px solid #ccc;
	font-size: 15px;
}

h1.list_dotted
{
	border-bottom: 1px dotted #ccc;
	font-size: 15px;
}

div#right_30 h1
{
	font-size: 15px;
}

div#right_30 ul
{
	list-style-type: none;
}

div#extra
{
}

div#footer
{
	background: #333;
	color: #FFF;
}

div#container
{
	width: 920px;
	margin: 0 auto;
}

div#content_70
{
	float: left;
	width: 580px;
}

div#right_30
{
	float: right;
	width: 340px;
}

div#extra
{
	float: right;
	clear: right;
	width: 200px;
}

div#footer
{
	clear: both;
	width: 100%;
}

div.content_block_first p, div.content_block
{
	padding-right: 43px;
}

div.thumb
{
	background-color: #ebebeb;
	float: left;
	height: 80px;
	padding: 6px;
	width: 80px;
	margin-bottom: 4px;
	margin-right: 15px;
}

/*
div.details {
float: right;
width:233px;
}

*/
div.right_list
{
	float: left;
	width: 227px;
}

div.right_list ul
{
	list-style: none;
}

div.right_list ul li
{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 1.1em;
	margin: 6px 0;
	padding-bottom: 6px;
}

div.content_lists
{
	clear: both;
	float: left;
	width: 920px;
}

div.image_content_row
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
}

div.image_content_row div.left_50 h1
{
	border-bottom: 1px solid #CCCCCC;
	font-size: 15px;
	*margin-top: 10px;
}


div.image_content_row div.left_50
{
	float: left;
	width: 460px;
}

div.left_50 div.image_text {
width: 450px;
}


div.image_content_row div.right_50
{
	border-top: 1px solid #CCCCCC;
	float: left;
	margin-top: 43px;
	width: 445px;
}

div.image_content_row div.right_50 div.image_text
{
	padding:9px 3px 0 0;
	position: relative;
}

/* for tabbed image_content_row */

.ui-widget-content div.image_content_row div.left_50 h1, .ui-widget-content  div.image_content_row div.right_50 h1
{
	display: none;
}

.ui-widget-content  div.image_content_row div.right_50
{
	margin-top: 0px;
}

.ui-widget-content  div.image_content_row div.right_50 div.img_holder
{
	padding-top: 20px;
}

.ui-widget-content  div.image_content_row div.left_50 {
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
}

.ui-widget-content  div.image_content_row div.left_50 p {
	padding-right: 20px !important;
}


div.content_lists div.content_block_first, div.content_lists div.content_block
{
	width: 465px;
	float: left;
}

div.details
{
}

div.controls
{
	position: absolute;
	right: 478px;
	top: 14px;
	width: 50px;
}

div.thumb_holder div.controls
{
	right: 0;
	top:8px;
}

div.generic_list div.controls
{
	right: 0;
	top: 14px;
}





a.arrow_left, a.arrow_right
{
	text-indent: -9999em;
	width: 25px;
	height: 29px;
	background-color: #ccc;
	display: block;
	float: left;
}

a.arrow_left
{
	background-image: url(../images/arrow_left.png);
}

a.arrow_right
{
	background-image: url(../images/arrow_right.png);
}

a.arrow_left:hover
{
	background-image: url(../images/arrow_left_hover.png);
}

a.arrow_right:hover
{
	background-image: url(../images/arrow_right_hover.png);
}

a.hg_left, a.hg_right
{
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 0px !important;
	text-indent: -9999em !important;
	line-height: 0px !important;
	height: 21px;
	line-height: 0;
	width: 27px;
	margin-top: 9px;
}

/* firefox 2 hack to keep Kenny happy */


/* Target FireFox 2 and older [!] */

html>/**/body .hg_left, x:-moz-any-link { 
float: left;
margin-top: 12px;
}

html>/**/body .hg_left, x:-moz-any-link, x:default { float: none; }


html>/**/body .hg_right, x:-moz-any-link { 
float: left;
margin-top: 12px;
}

html>/**/body .hg_right, x:-moz-any-link, x:default { float: none; }


a.hg_left
{
	background-image: url(../images/hg_arrow_left.png);
	_background-image: url(../images/hg_left.jpg) !important;
	margin-right: 5px;
	margin-left: 10px;
	background-position: 0px 0px;
	_background-position: 10px 2px;
}

a.hg_right
{
	background-image: url(../images/hg_arrow_right.png);
	_background-image: url(../images/hg_right.jpg);
	background-position: 0px 0px;
	_background-position: 10px 2px;
}

a.hg_left:hover
{
	background-image: url(../images/hg_arrow_left.png);
	_background-image: url(../images/hg_arrow_left.jpg);
	margin-right: 5px;
	margin-left: 10px;
	background-position: 0px -21px;
}

a.hg_right:hover
{
	background-image: url(../images/hg_arrow_right.png);
	_background-image: url(../images/hg_arrow_right.jpg);
	background-position: 0px -21px;
}

a.arrow_left:hover
{
}

a.arrow_right:hover
{
}

div.details h2
{
	color: #000000;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

div.details h2 a
{
	color: #000000;
}

div.lefth
{
	width: 235px !important;
	clear: none !important;
}

div.righth
{
	clear: none !important;
	width: 672px !important;
}

div.details h2 a:visited
{
	color: #000000;
}

div.details h2 a:hover
{
	text-decoration: underline !important;
}

div.details p
{
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}

div#thumb_list
{
	margin-top: 5px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}

div.thumb_container
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}

div.thumb_container_last
{
	margin-bottom: 15px;
	padding-bottom: 0px;
	border-bottom: 0px dotted #ccc;
}

div.generic_list
{
	float: left;
	clear: both;
	margin-top: 0;
	width: 920px;
	margin-bottom: 10px;
	position: relative;
}

div.list_description
{
	float: left;
	width: 225px;
}

div.list_holder
{
	float: right;
	width: 657px; /*reduced by 3 to be size of list times 3 required for carousel*/
}

div.list_holder ul.list1, div.list_holder ul.list2, div.list_holder ul.list3, div.list_holder ul.list
{
	float: left;
	width: 219px;
	list-style-type: none;
}

div.list_holder ul.list1 li, div.list_holder ul.list2 li, div.list_holder ul.list3 li, div.list_holder ul.list li
{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 1.1em;
	margin: 6px 0;
	padding-bottom: 8px;
}

div.list_holder ul.list-last
{
}

div.thumb_holder
{
	float: left;
	clear: both;
	width: 920px;
	margin-top: 10px;
	position: relative;
}

div.thumb_row
{
	float: left;
	width: 920px;
}

div.thumbnail, div.thumbnail_last
{
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
	padding-bottom: 14px;
	width: 214px;
	margin-right:19px;
	_margin-right: 15px;
	position:relative;
}

div#work_list div.thumbnail, div#work_list div.thumbnail_last
{
	border-bottom: 5px solid #CCCCCC;
	height: 19em;
	_height: 250px;
}


div#work_list div.thumbnail:hover, div#work_list div.thumbnail_last:hover
{
	border-bottom: 5px solid #C62F28;
}

div.thumbnail p, div.thumbnail_last p
{
	margin-bottom: 0px;
}

div.thumbnail_last
{
	margin-right: 0px;
}

div.thumbnail div.new_project, div.thumbnail_last div.new_project {
	background-image:url("../images/new-sash.png");
	height:47px;
	position:absolute;
	right:-2px;
	top:104px;
	width:50px;
}

div.thumbnail h2, div.thumbnail_last h2
{
	margin-bottom: 4px;
}

div.thumbnail img, div.thumbnail_last img
{
	margin-bottom: 0px;
	border: 1px solid #DEDEDE;
}

div#footer_content
{
	width: 920px;
	margin: 0 auto 0 auto;
}

div#footer
{
	background: black;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	clear: both;
	text-align: left;
	margin-top: 30px;
	margin-top: 25px;
}

div#footer h3
{
	color: #FFFFFF;
	font-size: 1.5em;
	margin-bottom: 11px;
	padding-bottom: 5px;
}

div#footer p
{
	color: #888;
	font-size: 1.3em;
	margin-bottom: 0;
}

div#footer_more p
{
	color: #888;
	font-size: 1.1em;
	width: 445px;
}

div.twitter_stream
{
	font-size: 1.3em;
}

div.twitter_stream ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.twitter_stream ul li, div.twitter_stream ul li.last
{
	border-top: 1px dotted #6D6D6D;
	margin-bottom: 10px;
	padding-top: 10px;
}

 
div.twitter_stream ul li:first-child {
	border-top: none;
	padding-top: 0px;
}
 

div.twitter_stream ul li.last
{
	border: none;
}

div.flickr_stream
{
	float: left;
}

div.flickr_stream div.fi
{
	width: 38px;
	height: 38px;
	float: left;
	background-color: #666;
	margin-bottom: 10px;
	margin-right: 8px;
}

/*
div.flickr_stream div.fi span {
padding: 3px;.
width: 38px;
height: 38px;
display: block;
background-color: #ccc;
}
*/
div.twitter_stream ul li a
{
	color: #777;
}

a.view_cta
{
	background: #ECECEC url(../images/arrow.gif) no-repeat scroll 91% 50%;
	clear: both;
	color: #636363;
	display: inline-block;
	padding: 6px 25px 9px 12px;
}

div.r_gallery a.view_cta
{
	bottom: 0px;
	clear: both;
	color: #FFFFFF;
	display: inline-block;
	padding: 7px;
	position: absolute;
	width: 286px;
	background:url("../images/80.png") repeat scroll left top transparent;	
}

a.view_cta:hover
{
	color: #E0333C;
	background-color: #f4f4f4;
}

div#right_30 p
{
	margin-bottom: 15px;
}

div#right_30 a.view_cta
{
	color: #636363;
	background: url(../images/arrow.gif) no-repeat scroll 95% 50%;
	background-color: #ececec;
	padding: 6px 25px 9px 12px;
	margin-top: 15px;
	display: block;
	clear: both;
}

div#right_30 a.view_cta:hover
{
	color: #E0333C;
	background-color: #f4f4f4;
}

div.footer_col1, div.footer_col2, div.footer_col3
{
	color: #6D6D6D;
	float: left;
	margin-right: 45px;
	padding-top: 10px;
	width: 276px;
	_margin-right: 40px; /*ie6*/
}

div.footer_col1 br
{
	line-height: 5px;
}
div#footer a:hover
{
	color: white;
}

div.footer_col3
{
	margin-right: 0px;
}

div#footer_more
{
	border-top:1px solid #3E3E3E;
	float: left;
	margin-top: 21px;
	padding-top: 14px;
	width: 100%;
}

div.thumb_container .generic-cta
{
	float: left;
	clear: left;
}

div.generic_list .last, div.right_list .last
{
	border: none !important;
}

div.thumb_holder h1
{
	margin-top: 0px;
	padding-top: 0px;
}

div#content_promo
{
	clear: both;
	float: left;
	margin-top: 10px;
	position: relative;
	width: 920px;
	border-top: 2px solid #dedede;
	padding-top: 10px;
	margin-top: 20px;
}

div#content_promo h2
{
	color: #000;
}

div#content_promo h3
{
	margin-bottom: 3px;
}

div#content_promo span.date
{
	display: block;
	margin-bottom: 10px;
	color: #333333;
}

div.content_item
{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

div.content_item p
{
	font-size: 1em;
}


div.promo_area img
{
	margin-bottom: 15px;
	height: 200px;
}

div.content_stream .last
{
	border: none;
	margin-bottom:0;
}

div#content_promo div.promo_area h3
{
	font-size: 1.2em;
	margin-bottom: 11px;
}

div.content_stream
{
	float: left;
	position: relative;
	width: 450px;
}

div.promo_area
{
	float: left;
	position: relative;
	width: 450px;
	margin-left: 18px;
	display: inline; /* for ie6 */
}

.transparent
{
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

div#index_filters
{
	float: left;
	width: 920px;
	clear: both;
}

div#index_filters ul
{
	clear: both;
	float: left;
	width: 694px;
	font-family: arial;
	font-style: italic !important;
	margin-bottom: 15px;
}

div#index_intro {
/* display: none; */
}
span.fl
{
	position: relative;
	top: 9px;
	color: #b9b9b9;
	display: none; /* temporary */
}

div#custom_box
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #ECECEC url(../images/default-combobox_on.gif) no-repeat scroll 95% 50%;
	display: block;
	float: right;
	margin-top: 1px;
	padding: 8px;
	width: 150px;
	font-family: arial;
	font-style: italic;
}

div#custom_box ul
{
	font-style: normal;
}

div#index_filters ul.filter
{
	list-style-type: none;
}

div#index_filters ul.filter li
{
	float: left;
	font-size: 1em;
	margin-right: 10px;
}

div#index_filters ul.filter li.last
{
	margin: 0px;
	margin-left: -18px;
	border-right: none;
}

div#index_filters ul.filter li a
{
	color: #666;
	padding: 7px;
	text-align: left;
	display: block;
	background-color: #ececec;
}

div#index_filters ul.filter li a:hover
{
	background-color: #c62f28;
	color: #fff;
}

div#index_filters ul.filter li a.active
{
	background-color: #c62f28;
	color: #fff;
	font-weight: bold;
}

div#index_intro
{
	float: left;
	clear: both;
	width: 920px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#work_list
{
	float: left;
	width: 920px;
	clear: both;
}

#container div.resources
{
	float: left;
	width: 680px !important;
	clear: none;
}

#container div.resources div.thumb_holder
{
	float: left;
	width: 680px !important;
	clear: both;
}

#container div.resources div.thumb_holder div.thumb_row
{
	float: left;
	width: 680px !important;
	clear: both;
}

#container div.resources div.thumb_holder div.thumb_row:hover
{
}

#container div.resources div.row_content
{
	width: 440px !important;
}

#container div.resources div.full
{
	width: 675px !important;
}

div#submenu
{
	width: 215px;
	float: left;
	margin-right: 20px;
	clear: both;
}

div#submenu ul
{
}

div.item_list a
{
	display: block;
	float: left;
	clear: both;
	margin-bottom: 10px;
}



div.item_list a span
{
	color: #636363 !important;
}


div.item_list
{
	font-size: 1.1em;
	padding-bottom: 20px;
	float: left;
}

div#submenu ul li
{
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div#submenu ul li a
{
	color: #636363;
	display: block;
	font-size: 1em;
}

div#submenu ul li a:hover, div#submenu ul li a.current
{
	color: #E0333C;
}

div.preamble
{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	font-family: Georgia;
	font-size: 1.9em;
	margin-bottom: 20px;
}


div#work_item_nav
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 920px;
}

div#work_item_nav a:hover
{
	background-color: #C62F28;
	color: #FFFFFF;
}

a.back_work, a.next_work, a.prev_work
{
	color: #666;
	padding: 7px;
	text-align: left;
	background-color: #ececec;
}

a.back_work
{
	background: #ECECEC url(../images/left_arrow.gif) no-repeat scroll 8% 48%;
	display: block;
	float: left;
	font-family: arial;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 9px;
	padding-left: 17px;
}

a.back_work:hover
{
	background: #ECECEC url(../images/left_arrow_hover.gif) no-repeat scroll 8% 48%;
}
a.next_work, a.prev_work
{
	float: right;
	display: block;
	margin-top: 9px;
	display: block;
	font-family: arial;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 9px;
	padding-left: 16px;
}

a.prev_work
{
	margin-right: 10px;
}

div.work_next_prev
{
	float: right;
	width:50%;
	margin-top: -9px;
}

a.next_work
{
	background: #ECECEC url(../images/right_arrow.gif) no-repeat scroll 89% 48%;
	padding-right: 16px;
	padding-left: 10px;
}

a.next_work:hover
{
background: #ECECEC url(../images/right_arrow_hover.gif) no-repeat scroll 89% 48%;
}

a.prev_work
{
	background: #ECECEC url(../images/left_arrow.gif) no-repeat scroll 9% 55%;
	padding-left: 16px;
}

a.prev_work:hover
{
	background: #ECECEC url(../images/left_arrow_hover.gif) no-repeat scroll 8% 48%;
	
}


div#work_list div.thumb_row
{
	margin-bottom: 20px;
}

/* Sexy combo */
.comboboxContainer
{
	background-color: #ECECEC;
}

.comboboxValueContainer
{
	background-color: #ECECEC;
	color: #666666;
}

.comboboxValueContent
{
	padding-left: 3px;
	text-transform: lowercase;
}

.comboboxDropDownContainer
{
	background: #ECECEC;
	overflow: hidden;
	cursor: default;
	border: none;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -8px !important;
	width: 147px !important;
	padding-bottom: 10px;
	padding-top: 10px;
}

.comboboxDropDownButton
{
	width: 16px;
	height: 18px;
	background-image: url(../images/default-combobox.gif);
}

.comboboxGroupItemHeader
{
	display: block;
	background: #000;
	color: #fff;
}

.comboboxGroupItemContainer
{
	text-transform: lowercase;
}

.comboboxItem
{
	background: #ECECEC;
	color: #666;
	display: block;
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}

.comboboxItemHover
{
	background-color: #000000;
	color: #fff;
	text-transform: lowercase;
}

div.location
{
	float: left;
	width: 440px;
}

div.location h2
{
	color: #000;
	font-size: 1.5em;
	margin: 0px;
	padding: 0px;
	margin: 3px 0 0;
}

span.highlight
{
	color: #666;
}

div.work_pagination
{
	float: right;
	width: 440px;
}

ul.generic_pagination
{
	float: right;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-top: 4px;
}

ul.generic_pagination li
{
	float: left;
	font-size: 1em;
	margin-right: 10px;
}

ul.generic_pagination li.last
{
	margin: 0px;
	border-right: none;
	margin-right: 0px;
}

ul.generic_pagination li a
{
	background-color: #FFFFFF;
	border: 1px solid #ebebeb;
	color: #666666;
	display: block;
	padding: 3px 8px 5px;
	text-align: left;
}

ul.generic_pagination li a.back, ul.generic_pagination li a.next
{
	background-color: #ECECEC;
}

ul.generic_pagination li a:hover
{
	background-color: #c62f28;
	color: #fff;
}

ul.generic_pagination li a.active
{
	background-color: #c62f28;
	color: #fff;
}

div.work_left
{
	float: left;
	padding-right: 20px;
	width: 580px;
}

div.work_right
{
	float: left;
	margin-left: 16px;
	width: 300px;
	display: inline;
}

div#work_info h2
{
	font-size: 1.6em;
	color: #000;
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	marin-bottom: 15px;
	border-bottom: 1px solid #DEDEDE;
	margin: 0 0 20px;
}

div#work_info h3
{
	font-size: 1.4em;
	color: #000;
}

div#work_info
{
	float: left;
	width: 920px;
	margin-top: 20px; /*Changed from -10 due to larger banner*/
}

div#work_info ul
{
	font-size: 1.1em;
}

div#work_right h3
{
	font-size: 1.4em;
	color: #000;
}

div.work_right ul
{
	list-style: none;
	font-size: 1.1em;
}

div.work_right ul li
{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.work_left ul
{
	line-height: 1.52em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: square;
	padding-left: 20px;
}

div.work_left ul li
{
	margin-bottom: 4px;
}

div.work_right ul li a
{
}

div.r_list
{
	margin-bottom: 10px;
	padding-bottom: 10px;
}


div.r_gallery
{
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 15px;
}


div.galleryitems
{
	background-color: #CCCCCC;
	margin-bottom:10px;
	width: 300px;
	position: relative;
}

/*Add for banner and carosuels*/

#hg
{
	height: 395px;
	overflow: hidden;
	width: 920px;
}

#hg_map
{
	clear: both;
	float: left;
	height: 325px;
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
	width: 920px;
}

.image_holder
{
	position: absolute;
	left: 0px;
}

ul
{
	list-style-type: none;
}

.img_holder
{
	width: 442px;
}


.jac .carousel
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.jac-content
{
	float: left;
}

/*css for contact form */

#contactForm
{
	float: left;
	margin-top: 20px;
	width: 470px;
	display: none;
}


#contactForm .row
{
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#contactForm label
{
	float: left;
	font-size: 1.2em;
	width: 110px;
}

#contactForm .row input.userInput
{
	color: #2E2013;
	min-height: 27px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	width: 300px;
}

.header_form
{
	width: 500px !important;
}

#contactForm .row textarea
{
	color: #2E2013;
	min-height: 179px;
	padding: 5px 15px 5px 10px;
	width: 310px;
}

div.content_stream div.content_item img
{
	display: none;
}


/* blog */

div.narrowcolumn
{
	float:left;
	width:585px;
}

div.post {
clear:both;
float:left;
margin-bottom:3px;
padding-bottom:0;
width: 585px;
}
div#sidebar
{
	float: right;
	width: 307px;
}

div.entry img, div.entrytext img
{
	background-color: #ebebeb;
	margin-bottom: 0px;
	padding:5px;
}


div.post small
{
	color: #999999;
	display: block;
	font-size: 1em;
	margin-bottom: 12px;
	padding-bottom: 6px;
}
div.post h2, div#sidebar h2
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #DEDEDE;
}

div.post h2 {
padding-bottom: 7px;
}

div#sidebar ul
{
}

div#sidebar ul ul ul
{
	margin-bottom: -5px;
	margin-left: 10px;
	margin-top: 5px;
}

div#sidebar ul ul ul
{
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 5px;
}

div#sidebar ul li li, ul.archive li li li
{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div#sidebar ul li li li li
{
	border-bottom: 1px dotted #CCCCCC !important;
	margin-bottom: 5px;
	padding-bottom: 7px;
	padding-top: 2px;
}


div#sidebar li li li
{
	margin-bottom: 0px !important;
}

div#sidebar ul li a
{
	font-size: 1.2em;
}

div#sidebar ul li.year, div#sidebar ul li li.year
{
	margin-bottom: 0px;
}

p.postmetadata
{
	background-color: #f4f4f4;
	padding: 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

p.postmetadata strong
{
	margin-left: 5px;
}

div.widecolumn
{
	width: 568px;
	float: left; /*added for sidebar*/
}

div.map
{
	height: 315px;
	width: 920px;
}

div.navigation div.left a, div.blogBack a {
	background: #ECECEC url(../images/left_arrow.gif) no-repeat scroll 8% 48%;
	display: block;
	float: left;
	font-family: arial;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 9px;
	padding-left: 17px;
	padding-right: 9px;
	padding-top: 6px;
}

div.navigation div.left span, div.navigation div.right span {
display: none;
}


div.navigation  {
float: left;
clear: both;
}

div.navigation div.right a {
	float: right;
	display: block;
	margin-top: 9px;
	display: block;
	font-family: arial;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 9px;
	background: #ECECEC url(../images/right_arrow.gif) no-repeat scroll 89% 48%;
	padding-right: 23px;
	padding-left: 10px;	
	padding-top: 6px;

}

div.navigation div.right a:hover
{

background: #C62F28 url(../images/right_arrow_hover.gif) no-repeat scroll 89% 48%;
color: #fff !important;
}


/*
a.next_work, a.prev_work
{
	float: right;
	display: block;
	margin-top: 9px;
	display: block;
	font-family: arial;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 9px;
	padding-left: 16px;
}

a.prev_work
{
	margin-right: 10px;
}

div.work_next_prev
{
	float: right;
	margin-top: -9px;
}

a.next_work
{
	background: #ECECEC url(../images/right_arrow.gif) no-repeat scroll 89% 48%;
	padding-right: 16px;
	padding-left: 10px;
*/




div.navigation div.left a:hover, div.blogBack a:hover
{
	background: #C62F28 url(../images/left_arrow_hover.gif) no-repeat scroll 8% 48%;
	color: #fff;
}

div.blogBack {

float: left;
width: 100%;
margin-bottom: 20px;
}






/* quote panel */

div.text_content_row
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
}

div.text_content_row div.left_50 h1
{
	font-size: 15px;
	margin-top: 25px;
}

div.text_content_row div.left_50
{
	border-top: 1px solid #CCCCCC;
	float: left;
	margin-top: 20px;
	width: 445px;
}

 div.left_50 div.carousel-wrapper 
{
	height: 242px !important;
}


div.text_content_row div.right_50 h1
{
	font-size: 15px;
}

div.text_content_row div.right_50
{
	border-top: 1px solid #CCCCCC;
	float: left;
	margin-top: 20px;
	margin-top:20px;
	width:435px;
	margin-left: 10px;
	display: inline;
}

div.text_content_row div.left_50 div.image_text
{
	padding: 5px 3px 0;
	position: relative;
}

div.text_content_row div.right_50 div.image_text
{
	padding: 5px 3px 0;
	position: relative;
}

div.text_content_row div.no-header-padding
{
	padding-top: 72px;
}

div#custom_box ul
{
	background-color: #ECECEC;
	margin: 5px 0 0 -8px;
	padding: 10px 0 10px 20px;
	position: absolute;
	width: 146px;
	z-index: 1000;
	*margin-left: -60px; /*ie7*/
	*margin-top: 20px;
	display: none;
}

div#custom_box ul li
{
	margin-bottom: 8px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	width: auto;
	border-bottom: 1px dotted #ccc;
	width: 130px;
	padding-bottom: 10px;
}


div#custom_box ul li a
{
	margin: 0px;
	padding: 0px;
	width: auto;
}

div.social
{
	float: right;
	margin: 0;
	padding: 0;
	width: 121px;
}

div.social span
{
	margin-top: 3px;
	position: absolute;
	display: none;
}

div.social ul
{
	list-style: none;
	float: right;
}

div.social ul li
{
	float: left;
	margin-right: 5px;
}

div.social ul li a
{
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -9999em;
}

div.social ul li.sFlickr a
{
	display: block;
	background: url(../images/fr-icon.png) no-repeat scroll left center;
}

div.social ul li.sTwitter a
{
	display: block;
	background: url(../images/tw-icon.png) no-repeat scroll left center;
}

div.social ul li.sLinkedIn a
{
	display: block;
	background: url(../images/in-icon.png) no-repeat scroll left center;
}

div.social ul li.sFacebook a
{
	display: block;
	background: url(../images/fb-icon.png) no-repeat scroll left center;
}

div#footer_more p
{
	color: #CCCCCC;
	float: left;
	font-size: 1.1em;
	width: 445px;
}

span.white
{
	color: #fff;
}

ul.archive li
{
	border: 0px !important;
}

div.yearHeader, div.monthHeader, li.topic
{
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
div.ui-tabs-hide
{
	position: absolute;
    left: -10000px;

}
div.ui-tabs-nav li
{
	clear: both;
	float: left;
	font-family: arial;
	font-style: italic;
}



ul.ui-tabs-nav
{
	list-style-type: none;
}

ul.ui-tabs-nav
{
	clear: both;
	float: left;
	font-family: arial;
	font-style: italic !important;
	width: 694px;
	margin-bottom: 7px;
}

ul.ui-tabs-nav li
{
	float: left;
	font-size: 1em;
	margin-right: 10px;
}

ul.ui-tabs-nav li a
{
	background-color: #ECECEC;
	color: #666666;
	display: block;
	padding: 7px;
	text-align: left;
}

ul.ui-tabs-nav li.ui-state-active a
{
	background-color: #C62F28;
	color: #FFFFFF;
	font-weight: bold;
}


div.row {
float: left;
width: 100%;
}

div.row div.column {
float:left;
width:430px;
}


div.row div.last-column {
float:right;
width:450px;
}

#errorpage {
min-height:300px;
float:left;
width:100%;
}

#errorpage h2{
font-size:2em;
}

/* SERVICES EXTENDED */

#slim-contact {
	background-color:#F1F1F1;
	float:left;
	padding:10px 20px 3px;
	width:880px;
	margin-bottom:30px;
}

#slim-contact h1 
{
	margin-bottom:0px !important;
}

.quote-text 
{
	float:left;
	width:580px;
}

.quote-contact 
{
	float:right;
	font-size:17px;	
	width:280px;
}

.h1-bordered 
{
	margin-bottom:20px;
}

.h1-bordered h1
{
	border-bottom:1px solid #CCCCCC;
}

.h1-bordered div.controls 
{
	top:8px !important;
}

.steps li img 
{
	float:left;
	width:450px;
}

.steps li div 
{
	float:left;
	width:450px;
	margin-left:20px;
}

.steps li div h3, .steps li div p 
{
	max-width:450px;
}

.values-list 
{
	width:920px;
}

.values-list li 
{
	float:left;
	width:210px;
	margin-left:20px;
}

.h1-bordered .carousel-wrapper 
{
	height:250px !important;
	position:relative;
}

.h1-bordered div.controls-bottom 
{
	left:450px;
	top:223px !important;
	width:450px;
	position:absolute;
}

.h1-bordered div.controls-bottom a.arrow_next, .h1-bordered div.controls-bottom a.arrow_back 
{
		z-index:100;
		height:27px;
		display:block;
		text-indent:-9999px;
		background-position:0 -27px;
		padding:0;
}

.h1-bordered div.controls-bottom a.arrow_back {
	background-image:url("../images/bottom-back-button.png");
	width:57px;
}

.h1-bordered div.controls-bottom a.arrow_next {
	background-image:url("../images/bottom-next-button.png");
	left:392px;
	position:absolute;
	top:0;
	width:57px;
}

.h1-bordered div.controls-bottom  a.arrow_back:hover 
{
	background-position:0 0px;
}


.h1-bordered div.controls-bottom a.arrow_next:hover 
{
	background-position:0 0px;
}

li.jac-content 
{
	position:relative;
}

li.jac-content img 
{
	position:relative;
}

.right_50.remove_border 
{
	margin-top:0 !important;
	border-top:none !important;
}

.right_50.remove_border h1 {
	border-bottom:1px solid #CCCCCC;
}

.right_50.remove_border div.image_text 
{
	padding:0 !important;
	margin-top:-6px;
}

.image_content_row h1, #slim-contact h1, .h1-bordered h1 
{
	font-size:15px;
}

@media only screen and (device-width: 768px) {
  h1 
  {
  	height:36px;
  }
}

