div.contact_navigation {
	height: 42px;
}

div.contact_navigation ul {
	margin-left: 0;
	padding-left: 0;
	display: block;
	float: left;
	background: #f7f7f7;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	width: 696px;
	height: 43px;
}

div.contact_navigation ul li {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: block;
	height: 42px;
	line-height: 42px;
	float: left;
	background-color: #f7f7f7;
}

div.contact_navigation ul li a {
	font-size: 11px;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	min-width: 123px; 
	width: 123px; 
	padding-left: 50px;
	padding-top: 1px;
	display: block;
	height: 42px;
	float: left;
	color: #1d1b19;
	text-decoration: none;
	background-image:url(../assets/sp_main.png);
	background-position: 18px -320px;
	background-repeat: no-repeat;
	background-color: #f7f7f7;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
}

div.contact_navigation ul li a:hover {
	background-position: -157px -320px;	
	color: #2d6ea8;
	background-color: #f7f7f7;
}

div.contact_navigation ul li.selected a {
	background-color: white;
	background-position: 18px -265px;
	cursor: default;
	border-bottom: 1px white solid;
	color: #1d1b19;
}

div.product_head {
	background: url(../assets/vertical_dotted_divider.gif) repeat-y 521px 0px;
	margin-top: 19px;
	border-bottom: 1px solid #e0e0e0;
	width: 522px;
	float:left;
}

div.product_head h1 {
	padding-left:25px;
	margin-button:5px;
	font-size: 16px;
	font-weight: bold;
	color: #282828;
}

div.product_head h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-size: 12px;
	font-weight: normal;
	color: #636363;
}

/*div.product_head h2 {
	padding-left:25px;
	margin-button:5px;
	color: #282828;
}
*/
/*div.product_head p {
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-left: 25px;
}

div.mediumcolumn p {
	[disabled]padding-left: 0px;
}
div.product_head p span {
	font-weight: bold;
	color: #282828;
}*/

div.product_head ul {
	display:block;
	list-style-type:disc;
	margin-bottom:20px;
	margin-top:0;
	/*padding-left:15px;*/
	padding-top:0;
	margin-left: 25px;
}
div.product_head ul li  {
	display:list-item;
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: outside;
}
div.product_head ul li span {
	font-weight: bold;	
	color: #282828;
}


/*div.contact_form {
	margin-top: 19px;
	padding-left: 25px;
}

form.contact input, form.contact textarea {
	outline-style:none;
    outline-width:0pt;
}

form.contact, form.contact textarea, form.contact input  {
	font-family: Tahoma,Arial,Verdana,sans-serif;
	font-size: 11px;
}*/

div.contact_navigation, form.contact a {
	cursor: pointer;
}

/*form.contact label {
	font-family:Arial,Verdana,sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: black;
}

form.contact input.inputfield {
	background-color: #f4f4f4;
	border: none;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -10px -10px;
	background-repeat:no-repeat;
	height: 23px;
	padding-top: 8px;
	width: 305px;
	padding-left: 8px;
	padding-right: 10px;
	font-size: 12px;
}

form.contact input.inputfield.invalid {
	background-position: -10px -61px;
}

form.contact input.inputfield:focus {
	background-position: -10px -112px;
}

form.contact input.inputfield_small {
	background-color: #f4f4f4;
	border: none;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -10px -298px;
	background-repeat:no-repeat;
	height: 19px;
	padding-top: 6px;
	width: 204px;
	padding-left: 8px;
	padding-right: 10px;
}

form.contact input.inputfield_small:focus {
	background-position: -10px -388px;
}

form.contact input.inputfield_url {
	background-color: #f4f4f4;
	border: none;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -10px -163px;
	background-repeat:no-repeat;
	height: 19px;
	padding-top: 6px;
	width: 270px;
	padding-left: 8px;
	padding-right: 10px;
}

form.contact input.inputfield_url:focus {
	background-position: -10px -253px;
}
form.contact input#sendportfolio_url.invalid {
	background-position: -10px -208px;
}

form.contact input.contact_inputfile {
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 4px;
}

form.contact div.contact_inputfile_row.first {
	margin-top: 15px;
	border-top: 1px solid #e1e1e1;
}

form.contact div.contact_inputfile_row {
	border-bottom: 1px solid #e1e1e1;
}

form.contact div.contact_inputtext {
	width: 672px;
}

form.contact div.contact_inputtext_top {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 672px;
	font-size: 0px;
    height: 4px;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -10px -433px;
}

form.contact div.invalid div.contact_inputtext_top {
	background-position: -10px -555px;
}

form.contact div.focused div.contact_inputtext_top {
	background-position: -10px -677px;
}

form.contact div.contact_inputtext_ml {
	float: left;
	width: 4px;
    height: 94px;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -10px -437px;
}

form.contact div.invalid div.contact_inputtext_ml {
	background-position: -10px -559px;
}

form.contact div.focused div.contact_inputtext_ml {
	background-position: -10px -681px;
}


form.contact div.contact_inputtext_mm textarea {
	resize: none;
	float: left;
	background-color: #fafafa;
	border: none;
	width: 661px;
	height: 91px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
}

form.contact div.contact_inputtext_mm textarea.invalid {
	background-color: #faf3f3;
}

form.contact div.contact_inputtext_mr {
	float: left;
	width: 4px;
    height: 94px;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -678px -437px;
}

form.contact div.invalid div.contact_inputtext_mr {
	background-position: -678px -559px;
}

form.contact div.focused div.contact_inputtext_mr {
	background-position: -678px -681px;
}

form.contact div.contact_inputtext_bottom {
	float: left;
	width: 672px;
    height: 4px;
	font-size: 0px;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -10px -531px;
}

form.contact div.invalid div.contact_inputtext_bottom {
	background-position: -10px -653px;
}

form.contact div.focused div.contact_inputtext_bottom {
	background-position: -10px -775px;
}
*/
div.contact_leftcolumn {
	float: left;
	padding-top: 10px;
}

div.contact_rightcolumn {
	float: right;
	padding-top: 10px;
	width: 323px;
}

div.contact_doublecolumn {
	position: relative;
	padding-top: 0px;
	clear: both;
}

div.contact_attachmentcolumn {
	float: left;
	padding-top: 20px;
}

div.contact_bottom {
	margin-top: 22px;
	margin-bottom: 18px;
	margin-right: 0px;
	float: right;
}

div.contact_thankyou {
	float:left;
	line-height: 33px;
	height: 33px;
	margin-right: 12px;
}

div.contact_submit {
	float: left;
}

p.contact_phone, p.contact_url, div.contact_question {
	float: left;
	line-height: 25px;
	height: 25px;
}

p.contact_phone_field {
	float: right;
	width: 222px;
	height: 25px;
}

p.contact_url_field {
	float: right;
	width: 288px;
	height: 25px;
}

div#contact_question_dropdown_container {
	float: right;
	width: 256px;
	height: 25px;
	background-image:url(../assets/sprite_contact_form.gif);
	background-position: -10px -799px;
	background-repeat: no-repeat;
}

div#contact_question_dropdown_container.dropdown_over {
	background-position: -10px -1390px;
}

input.contact_fileinput {
	position: relative;
	z-index: 2;
}

div.contact_fileinput_styled {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

select#contact_question_dropdown {
	width: 254px;
	height: 25px;
	float: left;
	position: absolute;
	z-index: 2;
	margin-top: 2px;
	padding-top: 8px;
	display:inline;
	background-color: #ffffff;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
}

select#contact_question_dropdown.dropdown_over {
	background-color: red;
}

select#contact_question_dropdown.dropdown_down {
}

div#contact_question_dropdown_label {
	position: absolute;
	z-index: 1;
	line-height: 25px;
	height: 25px;
	padding-left: 9px;
}

#sayhi_email_warning, #sayhi_name_warning, #question_name_warning, #question_email_warning, #portfolio_name_warning, #portfolio_email_warning, #business_name_warning, #business_email_warning, #question_message_warning, #sayhi_message_warning, #portfolio_message_warning, #business_message_warning, #business_attachment_warning {
	color: #ce5050;
}

#sendportfolio_url_warning {
	color: #ce5050;
	font-size: 12px;
}

input.contact_inputfile.invalid {
	background-color: #faf3f3;
}

div.contact_confirmation {
	margin-top: 26px;
	margin-bottom: 26px;
	padding-left: 25px;
}

div.contact_confirmation_teaser {
	margin-top: 28px;
	padding-bottom: 28px;
}

img.contact_confirmation_teaser_img {
	border: 1px solid black;
	display: block;
	float: left;
	margin-right: 25px;
}

img.contact_confirmation_icon {
	padding-top: 20px;
	padding-bottom: 11px;
}

div.fcleft_contact {
	float:left;
	background: url(../assets/vertical_dotted_divider_2.gif) no-repeat 255px 0px;
	color: #c0c0c0;
}

div.fcright_contact {
	float: left;
	padding-left: 19px;
	background: url(../assets/vertical_dotted_divider_2.gif) no-repeat 267px 0px;
	color: #c0c0c0;
}

div.fcemail_contact {
	padding-left: 19px;
	padding-top: 82px;
	float: left;
}

p.fc_contact_street {
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 13px;
}

p.fc_contact_address {
	float: left;
	margin-top: 1px;
	margin-bottom: 0px;
	padding-right: 19px;
	border-right: 1px solid #2a2a2a;
	line-height: 13px;
}

div.fc_contact_numbers {
	float: left;
	padding-left: 19px;
	padding-right: 19px;
}

div.fc_contact_numbers p {
	margin-top: 1px;
	line-height: 13px;
	margin-bottom: 0px;
}

p.fc_contact_numbers_labels {
	float: left;
	margin-right: 13px;
	margin-bottom: 0px;
}

p.fcemail_contact_email {
	padding-bottom: 1px;
	margin-bottom: 0px;
}

span.fc_contact_white {
	color: white;
}

p.fc_contact_numbers_nr {
	float: left;
}

p.fc_contact_numbers_email {
	clear: both;
}

#contact_attachments_inputfile {
	clear: both;
	margin-bottom: 20px;
}

a.remove_attachment_button {
	display: block;
	background: url(../assets/form_remove_file.gif) no-repeat 0px 0px;
	width: 16px;
	height: 26px;
}

a:hover.remove_attachment_button {
	background: url(assets/form_remove_file.gif) no-repeat -88px 0px;
}

a:active.remove_attachment_button {
	background: url(assets/form_remove_file.gif) no-repeat -184px 0px;
}

a.remove_attachment_button span {
	margin: 0 0 0 -3000px;
}

a#contact_attach_button {
	background: url(assets/sprite_contact_form.gif) no-repeat -9px -1495px;	
	width: 104px;
	height: 27px;
	display: block;
	float: left;
}

a:hover#contact_attach_button {
	background: url(assets/sprite_contact_form.gif) no-repeat -290px -1495px;	
}

a:active#contact_attach_button {
	background: url(assets/sprite_contact_form.gif) no-repeat -589px -1495px;	
}

img#contact_attach_button_hint {
	padding-left: 25px;
}
.bold {
	font-weight: bold;
}
.innovatrics_static0 {
	background:url(../assets/sp_innovatrics_statics.png) no-repeat -0px -0px;
	height: 37px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.innovatrics_static0 span {
	margin-left: -3333px;
}
.innovatrics_static1 {
	background:url(../assets/sp_innovatrics_statics.png) no-repeat -0px -37px;
	height: 52px;
	margin-bottom: 20px;
}
.innovatrics_static1 span {
	margin-left: -3333px;
}
.innovatrics_static2 {
	background:url(../assets/sp_innovatrics_statics.png) no-repeat -0px -98px;
	height: 123px;
	margin-bottom: 20px;
}
.innovatrics_static2 span {
	margin-left: -3333px;
}
.innovatrics_static3 {
	background:url(../assets/sp_innovatrics_statics.png) no-repeat -0px -230px;
	height: 103px;
	margin-bottom: 20px;
}
.innovatrics_static3 span {
	margin-left: -3333px;
}
.innovatrics_static4 {
	background:url(../assets/sp_innovatrics_statics.png) no-repeat -0px -340px;
	height: 60px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.innovatrics_static4 span {
	margin-left: -3333px;
}
.innovatrics_static5 {
	background:url(../assets/sp_innovatrics_statics.png) no-repeat -0px -400px;
	height: 104px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.innovatrics_static5 span {
	margin-left: -3333px;
}


div.table {
	margin-bottom: 15px;
	margin-top: 20px;
}
div.row {
	border-bottom: 1px solid #eee;
}
div.row div:first-child{
	padding-left: 0px;
	width: 176px;
}
div.cell, div.hcell, div.ycell, div.ncell {
	float: left;
	padding: 5px;
	width: 87px;
}
div.hcell, div.tcell {
	font-weight: bold;
}
div.tcell {
	padding: 15px 5px;
}
div.hcell, div.ycell, div.ncell {
	text-align: center;
	background-repeat: no-repeat;
	min-height: 15px;
}
div.ycell {
	background-image: url(../assets/sp_main.png);
	background-position: -145px -260px;
}
div.ncell {
	background-image: url(../assets/sp_main.png);
	background-position: -290px -260px;
}
.smaller {
	font-size: 90%;
	line-height: 14px;
}
.note {
	cursor: help;
}
div.expanded_details h2 {
	margin-top: -4px;
	margin-bottom: 2px;
}

div.expanded_details a.l4 {
font-size: 12px;	
}

div.work_navigation {
	height: 44px;
	font-size: 11px;
	font-family:Tahoma,Arial,Verdana,sans-serif;
}

div.work_navigation ul {
	margin-left: 0;
	padding-left: 0;
	display: block;
} 

div.work_navigation ul li {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: block;
	height: 44px;
	line-height: 44px;
	float: left;
	background-color: #f7f7f7;
	border-bottom: 1px solid #e3e3e3;
	border-right:  1px solid #e3e3e3;
}

div.work_navigation ul li a span {
	min-width: 75px; 
	padding-left: 37px;
	display: block;
	height: 34px;
	float: left;
	color: #1d1b19;
	text-decoration: none;
}

/* View Buttons */
div.work_navigation ul li:hover {
cursor: pointer;
}

div.work_navigation ul li#work_navigation_sort:hover {
cursor:default;
}

div.work_navigation ul li.selected {
background-color: #fff;
}

li#work_view_listed.selected, li#work_view_expanded.selected {
border-bottom: 1px solid #fff;
}

div.work_navigation ul li#work_navigation_sort {
width: 452px; /*TESTING ??? */
}

div.work_navigation ul li#work_view_expanded {
width: 130px;
}

div.work_navigation ul li#work_view_listed {
width: 106px;
}

/* Sort Our Work Button */
div.work_navigation ul li#work_navigation_sort a > span {
	width: 130px;
}

/* testing ??? */
div.work_navigation ul li#work_navigation_sort a.first span {
	padding-left: 48px;
	background-image: url('../assets/sprite_work_icons.gif');
	background-position: 13px 2px;
	background-repeat: no-repeat;
}

div.work_navigation ul li#work_navigation_sort a.first:hover span {
background-position: 13px -638px;
color: #2d6ea8;
}	

div.work_navigation ul li#work_navigation_sort.selected {
	background-color: #f7f7f7;
}

div.work_navigation ul li#work_navigation_sort.selected a.first span {
	background-position: 13px -38px;
}

div.work_navigation ul li#work_navigation_sort.selected a.first:hover span {
	background-position: 13px -688px;
}

/* Expanded View Button */
div.work_navigation ul li#work_view_expanded a span {
	min-width: 80px;
	background-image: url('../assets/sprite_work_icons.gif');
	background-repeat: no-repeat;
	background-position: 3px -158px;
	margin-right: 13px;
}

div.work_navigation ul li#work_view_expanded a:hover span {
	background-position: 3px -588px;
	color: #2d6ea8;
}

div.work_navigation ul li#work_view_expanded.selected a span {
	background-position: 3px -198px;
}

/* Listed View Button */
div.work_navigation ul li#work_view_listed a span {
	background-image: url('../assets/sprite_work_icons.gif');
	background-repeat: no-repeat;
	background-position: 3px -238px;
}

div.work_navigation ul li#work_view_listed a:hover span {
	background-position: 3px -538px;
	color: #2d6ea8;
}

div.work_navigation ul li#work_view_listed.selected a span {
	background-position: 3px -278px;
}

/* ---------- VIEW MODES ---------- */

div.work_navigation ul li.selected a {
	/*background-position: 8px -73px;*/
}

div.work_navigation ul li.selected#work_navigation_sort a {
	/*background-position: 18px -73px;*/
}

/* ---------- SORT OPTIONS ---------- */

div.work_navigation a {
	background-color: transparent;
	/*background-image: url('assets/sprite_work_icons.gif');*/
	background-repeat: no-repeat;
}

/*TESTING
div.work_navigation ul li#work_navigation_sort ul {
	display: inline;
}
*/
div.work_navigation ul li ul li {
	border: none;
	height: 20px;
	margin-right: 14px;
}

div.work_navigation ul li ul li a {
	background-image: url('../assets/sprite_work_icons.gif');
	background-position: 1px -329px;
	padding-left: 33px;
}

#sortOptions a:hover {
	color: #000000;
}

div.work_navigation ul li ul li a.selected {
	background-position: 1px -369px;
	color: #1d1b19;
}

div.work_navigation ul li ul li+li a {
	border-left: 1px solid #e3e3e3;
}

/* ---------- EXPANDED VIEW ---------- */

.smallVideo {
padding: 0;
width: 428px;
height: 219px;
background-color: #fff;
border: 1px solid #000;
margin: 29px -4px 29px 24px;
float: left;
display:inline; /* fixes ie6 double margin bug */
}

.smallEP {
padding: 0;
width: 428px;
height: 219px;
background-color: #fff;
border: 1px solid #000;
margin: 29px -4px 29px 24px;
float: left;
display:inline; /* fixes ie6 double margin bug */
}

.expanded_details {
width: 215px;
margin: 29px 0 29px 24px;
float: left;
}

/* ---------- LISTED VIEW ---------- */

div.listed_details {
	float: left;
	display:inline; /* fixes ie6 double margin bug */
	width:472px;
	margin-top: 20px;
	padding-bottom:20px;
	border-bottom:1px solid #c4c4c4;
	background:#ffffff;
}

div.listed_details h2,
div.listed_details h3,
div.listed_details p.small {
	margin-top: 0px;
	padding-left: 20px;
}

div.listed_details h3 p.small {
	padding-left: 0px;
}

div.listed_details img {
	float: left;
/*	display:inline;
	margin-right: 0px;
	margin-bottom: 0px;
*/}

div.listed_details .vDiv {
font-size: 13px;
border-right: 1px solid #cfcfcf;
margin-right: 10px;
}

div.listed_details a.l4 {
font-size: 11px;
margin-right: 13px;
line-height: 13px;
}
div.listed_details div {
padding-left:149px;
}

/* ---------- Used for animated sort options ---------- */

div.work_navigation ul li#work_navigation_sort a.first {
float: left;
}


ul#sortOptions {
position: relative;
float: left;
left: -10000px; /* Tween this property (start around -70px and tween to 0px) */
height: 44px;
overflow: hidden;
}

ul#sortOptions li {
margin-bottom: 20px;
}

/****FOR TESTING PURPOSES ONLY!****/
