/* A few IE bug fixes */
* { margin: 0; padding: 0; }

html {
	height: 101%;
}

body {
	height: 101%;
	font-family: "Lucida Sans Unicode", Sans, Arial;
	color: #666666;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 13px;
}

a {
	font-family: "Lucida Sans Unicode", Sans, Arial;
	color: #666666;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 13px;
}

a:hover {
	text-decoration: underline;
}
p.redheader {
	color:red;
	font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, Sans, Arial;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
}
#header{
	width: 980px;
	margin-top: 46px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	text-align: right;
}

#footer {
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top: 20px;
	background-color: white;
	height:40px;
	font-family: "Lucida Sans Unicode", Sans, Arial;
	color: #666666;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 12px;
}
.marginize{
	margin-right:20px;
}
.content{
	background-color: #f0f0f0;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "Lucida Sans Unicode", Sans, Arial;
	color: #666666;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 13px;
}
.content h4.extra {
	color: #464646;
	font-size:16px;
	font-weight:bold;
	font-family: Arial, Helvetica, Sans, Arial;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	margin-bottom: 0px;
}
.content h4 {
	color: #464646;
	font-size:14.5px;
	font-weight:bold;
	font-family: Arial, Helvetica, Sans, Arial;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	margin-bottom: 0px;
}
.content img {
	margin-bottom:20px;
}

.content .actual-content img{
	margin-bottom:20px;
	margin-top:20px;
	margin-right:18px;
}
.content .portfolio-content-items img {
	margin-bottom:0px;
}
.content .portfolio-content-items .tags {
	margin-bottom:20px;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: normal;
	line-height: 1.5em;
	font-size: 10px;
	text-transform: uppercase;
}
.content-tight{
	background-color: #f0f0f0;
	padding-bottom: 20px;
}
.content-tight .subheader{
	border-top:1px solid #f0f0f0;
	background-color:#ed1f24;
	height:46px;
}
.content-tight .actual-content img{
	margin-bottom:20px;
	margin-right:18px;
	margin-top:20px;
}


.dropdownAllButton {
	padding-top:2px;
	padding-left:6px;
}
.dropdownAllButton a {
	font-family: Helvetica;
	color: #464646;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 12px;
	font-weight: bold;
}

/* drop down pop up items */
#jsddm {	
	margin: 0;
	padding: 0;
}
	
#jsddm li {	
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
}

#jsddm li a	{
	width: 212px;
	height: 24px;
	border-top: 1px solid #f9f9f9;
	border-bottom: 1px solid #464646;
	background-color: white;
	background-image: url(../img/downarrow_selector.jpg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	padding-top: 4px;
	padding-left: 6px;
	display: block;
	white-space: nowrap;
	font-family: Helvetica;
	color: #464646;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 12px;
	font-weight: bold;
}

#jsddm li a:hover	{
	
}
		
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-bottom:1px solid #464646;
	z-index:999999;
}
		
#jsddm li ul li {
	float: none;
	display: inline;
	background-position: -10 -10px;
}
		
#jsddm li ul li a	{
	width: 212px;
	height: 24px;
	border-top: 1px solid #f9f9f9;
	border-bottom: 0px solid #464646;
	background-color: white;
	background-image: url(../img/downarrow_selector.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
	padding-top: 4px;
	padding-left: 6px;
	display: block;
	white-space: nowrap;
	font-family: Helvetica;
	color: #464646;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 11px;
	font-weight: bold;
}
		
#jsddm li ul li a:hover	{
	width:212px;
	height:24px;
	background-position: -10 -10px;
}







.contact-form{

}
.contact-form td {
	padding-bottom:10px;
}
.contact-form input{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #666666;
	width: 300px;
	height: 24px;
	padding: 3px;
	
	font-family: Helvetica;
	color: #464646;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 14px;
}
.contact-form textarea{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #666666;
	width: 300px;
	height: 106px;
	padding: 3px;
	font-family: Helvetica;
	color: #464646;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 14px;
}
#accordion{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}

.ui-state-default, .ui-widget-content .ui-state-default {outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {background: #ED1F24; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; }


/* POP UP */
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}



/* form elements */

/* Checkboxes */
label.checkbox_checked {
	background: url(../img/tick.png) no-repeat 0px 4px;	
	display: block;
	margin: 10px 0;
	padding-left: 20px;
}
label.checkbox_unchecked  {
	background: url(../img/cross.png) no-repeat 0px 4px;	
	display: block;
	margin: 10px 0px;
	padding-left: 20px;
}

/* Radio Buttons */
label.radio_checked {
	background: url(../img/bullet_green.png) no-repeat;	
	display: block;
	margin: 10px 0;
	padding-left: 20px;
}
label.radio_unchecked  {
	background: url(../img/bullet_white.png) no-repeat;	
	display: block;
	margin: 10px 0;
	padding-left: 20px;
}


/* Hover State */
label:hover{
	color: #575B60;
}

label.highlighted {
	border: 1px solid #333;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */