html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;     font-style: inherit;     font-size: 100%;     font-family: inherit;     vertical-align: baseline;
    text-align: left;
} /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/* Global Styles
---------------------------------------------------------------------------------*/

body {
    font-family: Arial, Verdana, sans-serif;
	font-size:12px; /* Future Reference: Using a relative font size is better than an absolute font size (px) for IE + accessibility reasons. */
	color:#6c758c;
	background:url('../images/bg_gradient.gif') repeat-x 0 0 #fff;
	padding:0 0 20px 0; margin:0;
	text-align:center; /* IE Fix... */
}

img { border: 0 }

a.gray { color:#6c758c; }

a {
	text-decoration: none;
}

/* Type Styles
---------------------------------------------------------------------------------*/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin: 0 0 18px;
    font-weight: bold;
}

#content h1 {
    color: #005F8C;
    font-size: 24px;
}

#content h2
{
    color: #005F8C;
    font-size: 22px;
}
#content h3 {}

#content h4 {
    font-size: 12px;
	padding: 0 0 10px 0;
}

#content h5 {}

/* Header
---------------------------------------------------------------------------------*/

#top_banner
{
    background-position: #005F8C;
    background: #005F8C;
    height: 8px;
    border-bottom: 1px solid #d12951;
    border-bottom-color: #005F8C;
}

#header { 
	margin:10px 0; 
	padding: 0 20px;
	overflow: hidden;
	height: 1%;
}

#header h1 a {
    display:block;
    background:url('../images/site/logo.gif') no-repeat top left;
    width:208px; height:70px;
    text-indent:-9999px;
    border-bottom:none;
    float:left;
}

#header #nav_content { 
	float:right; 
	overflow: hidden;
	width: 600px;
	}

/* User Row */
.user_row {
    float:right;
    margin-top:10px;
}

.user_greeting {
	float: right;
	padding: 10px;
	text-align: right;
}

.user_greeting a {
	text-decoration: none;
}

.user_greeting a span {
	border-bottom: 1px dotted #6C758C;
}

.user_greeting a.logout {
	background: url(../images/icon_logout.gif) 100% 18% no-repeat;
	padding: 0 16px 0 0;
}

.user_greeting a.logout:hover {
	background: url(../images/icon_logout.gif) 100% 104% no-repeat;
	padding: 0 16px 0 0;
}

/* User Stats */
.user_stats {
    font-weight:bold;
    float:right;
    background:#f8f8f9;
    padding:6px 0 6px 9px; margin:5px 10px 0px 0px;
    /*border-radius:5px;  For when browsers implement this in the future */
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    overflow: hidden;
}

.stats_text {
	font-weight: normal;
	padding: 0 3px 0 0;
}

.user_stats a { 
    color:#6C758C;
    text-decoration:none;
}

.user_stats a:hover { 
    color:#005F8C;
    text-decoration:none;
}

.user_stats a span { 
    border-bottom:1px dotted #6C758C;
    margin:0px 10px 0px 0px;
}

.user_stats a.username {
    color:#005F8C;
    text-decoration:none;
    border-bottom:1px dotted #005F8C;
    margin-right:20px;
}

.user_stats a.credits {
    background:url('../images/icon_credits.gif') no-repeat center left;
    padding:0px 0px 0px 23px;
    border-right:1px dotted #BFC4CF;
}

.user_stats a.messages {
    background:url('../images/icon_mail.gif') no-repeat center left;
    padding:0px 0px 0px 20px;
    margin-left:5px;
    border-right:1px dotted #BFC4CF;
}

.user_stats a.comments {
    background:url('../images/icon_comment.gif') no-repeat center left;
    padding:0px 0px 0px 17px;
    margin-left:5px;
}

/* Avatar */
.avatar {
    float:right;
    position:relative;
    width: 30px;
    height: 30px;
    background: url('../images/user_avatar.gif');
}

#LoginHeader_userStatsNotLogged {
    padding-right: 9px;
}

.avatar img.avatar { border:1px solid #6c758c; }
.avatar img.facebook {
    position:absolute;
    bottom:-1px; right:0;
}

/* Navigation */
#header ul#navigation {
    font-size:medium;
    list-style:none;
    float:right;
    margin:10px 0px 0px 0px;
    clear: both;
    overflow: hidden;
}

#header ul#navigation li {
    float:left;
    margin-left:10px;
    padding:1px 3px 0px 0px;
}

#header ul#navigation li a {
    display:block;
    padding:5px 5px 5px 5px;
/*    text-shadow:1px 1px #f9f9f9;*/
    text-decoration:none;
}

#header ul#navigation li a span { 
    color:#6c758c;
    border-bottom:1px dotted #6C758C;
}

#header ul#navigation li a:hover span, #header ul#navigation li.show a span { color:#005F8C; }

#header ul#navigation li a.dropdown {
    
}




#header ul#navigation li a.dropdown:hover
{
    color: #800000;
}

#header ul#navigation li.show a.dropdown { 
    background:url('../images/arrow_down_blue.gif') no-repeat right 4px #fff;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}

#header ul#navigation li.show ul.subnav {
	display: block;
	min-width: 100px;
	z-index: 100;
}

#header ul#navigation li.create_imagemark {
	padding: 0 0 2px 0;
}

#header ul#navigation li.create_imagemark a {
	padding-right: 15px;
}

/* Sub-Navigation */
#header ul#navigation li ul.subnav {
    display:none;
    position:absolute;
    list-style:none;
    padding:5px;
    background:#fff;
/*    border-radius:5px;*/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    /*border-radius-topleft:0;*/
    -moz-border-radius-topleft:0;
    -webkit-border-top-left-radius:0;
    font-size:small;
    font-weight: bold;
    -webkit-box-shadow:1px 1px 1px #cecece;
    -moz-box-shadow:1px 1px 1px #cecece;
}

#header ul#navigation li ul.subnav li {
    float:none;
    margin: 0;
    padding: 0;
}

#header ul#navigation li ul.subnav li a {
    color:#6c758c;
    background:#f2f4f7;
    border-bottom:1px dotted #BFC4CF;
    padding-right:20px;
    white-space:nowrap; /* For IE */
} #header ul#navigation li ul.subnav a.first { border-top:1px dotted #BFC4CF; }

#header ul#navigation li ul.subnav li a:hover {
    background: /*url('../images/arrow_right_brown.gif') no-repeat right center */ #FFFFCC;
    color:#996600;
    white-space:nowrap;
}

#header .show {
	display: block;
}

#header .hide {
	display: none;
}

/* Footer
---------------------------------------------------------------------------------*/

#footer { 
	margin:30px 0px 10px 0px; 
	padding: 0 20px;
	overflow: hidden;
	clear: both;
}

#footer .footer_left { 
	float:left;
	overflow: hidden;
}
#footer .footer_right { 
    float:right;
    text-align:right;
    line-height: 2.5;
}

#footer h2 { 
	margin: 0 0 5px 0; 
	font-size: 18px;
	font-weight: bold;
	color: #6c758c;
}

#footer .column {
    float:left;
    width:150px;
    border-right:1px dotted #bec3ce;
    margin: 0 20px 0 0;
}

#footer ul li { 
    padding:0px 5px 10px 0px;
}

#footer ul li a {
    text-decoration:none;
    border-bottom:1px dotted #6c758c;
    font-size: 14px;
}

/* Social Links */
#footer a.social { 
    text-decoration:none;
    padding:3px 3px 3px 22px;
}

#footer a.social span {
    color:#005F8C;
    border-bottom:1px dotted #6c758c;
    font-weight:bold;
    margin: 0 5px 0 0;
}

#footer a.social.twitter { 
    background:url('../images/icon_twitter.gif') no-repeat left center;
    border-right:1px dotted #BEC3CE;
}
#footer a.social.facebook { 
    background:url('../images/icon_facebook2.gif') no-repeat left center;
    margin: 0 0 0 5px;
}

/* Copyright */
p.copyright {
    background:url('../images/Copyright.JPG') no-repeat left center;
    padding:5px 0px 5px 32px;
}

/* Button Styles
---------------------------------------------------------------------------------*/

a.button {
/*    border-radius:5px; For when browsers implement this in the future */
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-box-shadow:0px 1px 2px #cfd0d3;
    -moz-box-shadow:0px 1px 2px #cfd0d3;
    padding:4px 5px;
    text-decoration:none;
}

a.button.yellow {
    background:url('../images/arrow_right_brown.gif') no-repeat right center #ffffcc;
    border:2px solid #ffff66;
    font-weight:bold;
    font-size:small;
    color:#996600;
    padding-right:15px;
}

a.button.yellow:hover {
	background:url('../images/arrow_right_brown.gif') no-repeat right center #FFFFE7;
}

/* Breadcrumb */

#breadcrumb {
	border-bottom: 1px dotted #D1D1D1;
	overflow: hidden;
	list-style-type: none;
	margin: 0 0 30px 0;
	clear: both;
}

#breadcrumb li {
	float: left;
	margin: 0 0 18px 8px;
	background: url(../images/icon_gt.gif) center left no-repeat;
	padding: 0 0 0 14px;
	font-size: 18px;
	font-weight: bold;
}

#breadcrumb li.home {
	padding: 0;
	background: none;
	margin: 0;
}

#breadcrumb li.home a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_house.gif);
	text-indent: -999em;
}

/* Layout Styles
---------------------------------------------------------------------------------*/

.container {
    width:960px;
    margin:0 auto;
    text-align:left; /* ... IE Fix */
    width: 960px;
	/*background: url( "http://imagemark.com/images/bg_content.gif" ) repeat-y 0 0;*/
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#content {
    
    padding:40px 40px 20px 40px;
    background:#fff;
    border:1px dashed #c6cad4;
/*    border-radius:10px; For when browsers implement this in the future */
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    clear: both;
    overflow: hidden;
}

.offer {
	float: right;
	border-left: 1px dotted #D1D1D1;
	padding: 2px 0 2px 40px;
	background: url(../images/icon_new.gif) 9px center no-repeat;
}



/* Columns */

#primary {
	float: left;
	width:530px;
	margin:0 20px 0 0;
}

#secondary {
	float: left;
	width:320px;
	
}

/* Facebook Connect Styles
---------------------------------------------------------------------------------*/

/* Sign up */

#fb-connect-container {

}

.connected {
	background: #FFFFCC;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #ffff00;
	line-height: 20px;
}

#signin #fb-connect-container {
	width: 260px;
	background: url('../images/fb-or.gif') center bottom repeat-x;
	padding: 0 0 20px 0;
	margin: 0 0 15px;
}

#signin #fb-connect-container.connected {
	background-image: none;
	background: #FFFFCC;
	padding: 10px;
	width: 240px;
}

#fb-avatar {
	float: left;
	background: #fff;
	margin: 0 10px 0 0;
	padding: 5px;
}

.connected .message {
	float: left;
	width: 440px;
}

.connected .message .logout {
	background: #ffffef;
	font-size: 10px;
	margin: 3px 0 0 0;
	padding: 3px 6px;
}


.connect-to-facebook {
	background:url('../images/facebook_favicon.gif') no-repeat left center;
	padding: 0 0 0 18px;
}

/* Text Styles
---------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.highlight {
    color:#E31E5B;
    background:#ffffcc;
    font-weight:bold;
}

/* Link Styles
---------------------------------------------------------------------------------*/

a, a:link, a:visited {
    outline:none;
    color:#005F8C;
}

a img { border:none; }

/* Image Styles
---------------------------------------------------------------------------------*/

/* List Styles
---------------------------------------------------------------------------------*/

/* Other Styles
---------------------------------------------------------------------------------*/

div.clear { clear:both; }