/*

Theme Name: DeMark

Theme URI: 

Description: Modularity Child Theme!

Author: Jason Savino

Author URI: 

Template: modularity

Version: 1.0

Tags: minimalistic, clean, child, portfolio

License:  GPL
,
*/

	

@import url("../modularity/style.css");
/* MODULARITY GLOBAL STYLE OVERRIDES */


/* $Id$ */ 

/* --------------------------------------------------------------  
 *   	Sets up some default typography   
-------------------------------------------------------------- */

/* Default font settings. 
-------------------------------------------------------------- */
body { 
  font-size: 75%; /* (0.75 * 16px = 12px) */
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif ;
  line-height: 1.5em;
  color: #333;
  background: #d0d0d0 url(images/bg-gradient.png) repeat-x top center;
 }

/* Fix for Windows.
 	 Lucida Sans doesn't render strong, b, em, or i tags well  */
strong, em, b, i {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 
/* Headings
-------------------------------------------------------------- */
h1 {font-size: 218%;}
h2 {font-size: 164%;}
h3 {font-size: 145%;}
h4, h5, h6 {font-size: 118%;}
h1,h2,h3,h4,h5,h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif ;/*font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;*/ color: #000000; line-height: 1.0em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Drupal Class Overrides
*/

#main .ui-tabs-panel,
#main .ui-tabs-nav {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

/* Text elements
-------------------------------------------------------------- */

p           { line-height: 1.5em; margin: 0 0 1em 0; /*margin: 0 0 1.5em 0;*/ }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { text-decoration: underline; color:#ffff;}
a           { text-decoration: none; color: #333; }

blockquote  { margin: 1.5em; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol        { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
li            {line-height: 1.25em;}
ul           { list-style-type: disc; }
ol           { list-style-type: decimal; }
dl           { margin: 0 0 1.5em 0; }
dd          { margin-left: 1em; margin-bottom: 1.5em; line-height: 1.25em; }


/* Tables
-------------------------------------------------------------- */

table        { margin-bottom: 1.4em; width:100%; }
thead th   { border:none;}
th             { font-weight: bold; }
th,td         { padding: 4px 10px 4px 5px; line-height: 1.5em; vertical-align: top; }
tfoot         { font-style: italic; }
caption     { background: #eee; }

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #333; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* HEADER */

#masthead #logo h1 a {
	color:#fff
}
#masthead #logo .description {
	color:#999
}
/* CONTENT, FOOTER, SIDEBAR */

.container {
}
.postmetadata {
	background:#111;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border-top: 1px dotted #222;
	border-bottom: 1px dotted #222;
	color:#444
}
.postmetadata a:hover {
	color:#ccc
}
h3.sub {
	border-bottom: 1px dotted #222;
	color:#999
}
#sidebar ul li a, ul.txt li {
	border-bottom: 1px dotted #222;
	background:none;
	color:#999
}
#sidebar ul li a:hover, ul.txt li:hover {
	background:#111;
	color:#ccc
}
div.colborder {
	border-right:1px dotted #222
}
hr {
	color:#222;
	background:#222
}
.nav a, .navi a {
	background:none;
	color:#999;
}
#footer-wrap {
	background:none
}
#commentform textarea:hover {
	border-color:#eee
}
.wptdb_current {
	text-shadow:none
}
/* SLIDESHOW */
#slideshow {
	min-height: 345px;
}
#slideshow .slide {
	width:942px;
	max-height: 345px;
	min-height: 345px;
	height: 345px;
}
#slideshow .slide img {
	width:942px;
}
/* SLIDER */

.sliderGallery {
	background: #000;
}
.ui-slider-handle {
	background:#444
}
#slider-handle {
	background:#222
}
.archive .timthumbnail {
	max-width:310px
}
/* WELCOMEBOX */

.welcomebox {
	background: none;
}
.welcomebox h3.sub {
	border-bottom: 1px dotted #999;
	color:#fff;
	font-style:italic;
	font-family: Georgia, Helvetica Nueue;
	text-transform: capitalize;
	font-size: 24px
}
.welcomebox h2 {
	color:#999;
}
.welcomebox h2 a {
	color:#fff;
	text-decoration: underline;
}
/* PORTFOLIO THUMBNAILS */

.portfolio-image-wrapper {
	position: relative;
	margin: 0 0 6px 0;
	padding:0;
	height:150px;
}
.portfolio-image-wrapper .title-overlay {
	background: #000;
	padding:4px;
	top: 102px;
	left: 0;
	bottom: 0;
	height: 40px;
	width:302px;
	overflow:hidden;
	position: absolute;
	max-width: 302px;
	z-index: 1; /* opacity - move to sep. stylesheet */
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity:.70;
}
.portfolio-image-wrapper .title-overlay h6 {
	text-shadow:1px 1px 1px #000;
	font-weight:normal;
	letter-spacing:1px; /* opacity - move to sep. stylesheet */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}
.portfolio-image-wrapper .title-overlay h6 a {
	text-transform:uppercase;
	color: #ccc;
	text-decoration: none;
	z-index: 1;
}
.portfolio-image-wrapper .title-overlay h6 a:hover {
	color:#fff;
}
.portfolio-image-wrapper .title-overlay p {
	text-shadow:1px 1px 1px #000;
	font-size:.8em;
	color:#515151;
	padding:2px 5px;
	display: block;
	z-index: 1;
}
.portfolio-image-wrapper .title-overlay p a {
	color:#515151
}
.portfolio-image-wrapper .title-overlay p a:hover {
	color:#fff
}
.gallery-caption {
	font-style:italic;
	text-align:center
}
.thumbnail-310x150 {
	max-width:310px;
	max-height:150px;
	width:310px;
	height:150px;
	margin:0 1.5em 1.5em 0;
	float:left
}
/* CUSTOMIZATIONS */

#demark-container {
	background: transparent url(images/bg-main-shadow.png) no-repeat bottom left;
	width: 978px;
	margin: 0 auto;
	padding-bottom:15px;
	padding-right:10px;
}
#demark-wrapper {
	background: #dddddd url(images/bg-main.png) repeat-x top left;
	width: 960px;
	margin: 0 auto;
}
#demark-container .container {
	background: transparent;
	width: 942px;
}
#top {
	width: 942px;
	margin:0 auto;
	padding: 0;
	height: auto;
}
.container-inner {
	width: 942px;
	padding: 0 0 1em;
}
.span-24, div.span-24 {
	width:942px;
	margin:0;
}
.sliderGallery ul li a {
	display:block;
	float:left;
	height:auto;
	margin:0 1.2em 0 0;
	position:relative;
	width:auto;
}

.home-box p {
	color: #fff;
	line-height: 14px;
	font-size: 12px;
	margin: 0 8px;
}
.home-box {
	width: 227px;
	height: 157px;
	float:left;
	background:url(/wp-content/themes/demark/images/box.png) no-repeat;
	overflow:hidden;
	margin-right: 10px;
}
.home-box p a.more {
	float: right;
	color: #fff;
	padding-right: 5px;
}
.home-box p.read-more{
bottom:-30px;
float:right;
position:relative;
right:5px;
width:50%;
}
.heading {
	height:300px;
	margin:0;
	padding:0;
}
.thumbnail, .attachment-thumbnail, #featured-section .timthumbnail, .archive .timthumbnail, .search .timthumbnail, #category-stack .timthumbnail {
	float:left;
	margin:0 1.5em 1.5em 0;
}
.content {
	width:942px;
	background:#ffffff;
}
.content .page {
	padding:10px;
	width: 98%;
	height: auto;
}
.page-title {
	position:relative;
	/*top: -60px;*/
	color:#ffffff;
	/*margin-bottom:-30px;*/
}
/* Suckerfish Menu */

/* Navigation overrides */
.sf-menu .sf-sub-indicator { display: none; }
.sf-menu {
	position:absolute;
	top: 10px;
	float:right;
	width:auto;
	margin-right:20px;
	background: transparent;
	font-size: 12px;
}
.sf-menu li {
	margin-right:0;
	background: transparent;
}
.sf-menu #search #s {
	width:100px;
}
.sf-menu .search ul, .sf-menu .search ul li {
	width: 142px !important;
}
#top .sf-menu a {
	color: #666666;
}
#top .sf-menu a:hover {
	text-decoration: none; 
	color: #333333;
}
.sf-menu #search form#searchform input#s {
	background:#fff;
	width:125px;
}
.sf-menu li li {
	background: #eee;
}
.sf-menu li li li {
	background: #eee;
}
.sf-menu a.sf-with-ul { padding-right: 9px; }
/**/

#sub-menu {
	width:942px;
	height:52px;
	margin:0 auto;
	background: url(/wp-content/themes/demark/images/bg-subnav.jpg) no-repeat top left;
}

#sub-menu ul {
	width:auto;
	height:100%;
	float:right;
	list-style:none;
	margin:0;
}
#sub-menu ul li {
	list-style:none;
	display:block;
	float:left;
	padding:17px 5px;
}
#sub-menu ul li.current_page_item{
	background: url(/wp-content/themes/demark/images/bg-subnav-on.jpg) no-repeat top left;
}
#sub-menu ul li a {
	color:#fff;
	position:relative;
}
#sub-menu ul li a:active {
	background: url(/wp-content/themes/demark/images/bg-subnav.jpg) no-repeat top left;
}
/* HEADERS */

#sub-menu h2.page-title {
	height: 43px;
	min-width: 220px;
	float:left;
	margin: 2px 10px;
	font-size: 2em;
	line-height: 1.5em;
}
.home-box p { height: 104px; font-weight: normal; }
.home-box a { color:#ffffff; float: right; position: relative; bottom: 0; }
.home-box h2{
	margin:5px;
	height: 43px;
	width: 227px;
}

h2.heading-196,
h2.heading-304 {
	background: url(/wp-content/uploads/home_offer_logo_demarkindicators.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999em;
}
h2.heading-202,
h2.heading-407,
h2.heading-403,
h2.heading-317 {
	background: url(/wp-content/uploads/home_offer_logo_demarkprime.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999em;
}
h2.heading-205,
h2.heading-308 {
	background: url(/wp-content/uploads/home_offer_logo_demarksolutions.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999em;
}
h2.heading-209 {
	background: url(/wp-content/uploads/home_offer_logo_demarkeducation.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999em;
}
h2.heading-369,
h2.heading-287 {
background: url(/wp-content/uploads/2010/02/aboutdemark_4_1.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999em;
}
h2.heading-455,
h2.heading-543,
h2.heading-546,
h2.heading-610,
h2.heading-965
{
background: url(/wp-content/uploads/2010/02/offer_logo_support.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999em;
}

h2.heading-518,
h2.heading-325,
h2.heading-320
{
background: url(/wp-content/uploads/2010/02/offer_logo_sales.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999em;
}

img.alignnone {
display:block;
margin:3px -5px 0 0;
max-width:950px;
padding:4px 4px 4px 0;
}

#dm-left-3 { width: 30%; float: left; margin-right: 4%; }
#dm-center-3 { width: 30%; float: left; margin-right: 4%;}
#dm-right-3 { width: 30%; float: left; margin-right: 0%;}

#dm-left-2 { width: 48%; float: left; height: auto; margin-right: 1%;  }
#dm-right-2 { width: 48%; float: left; height: auto; margin-right: 1%; }


#footer ul li a:hover,ul.txt li:hover{color:#fff;background: transparent;}

#footer h3 { font-size: 1.5em; color: #333; font-weight: normal; border-bottom: 1px solid #999; }
#footer .textwidget { margin-top: 5px; width:100%; }
#footer .textwidget p { line-height: 1.5em; color: #333; margin: 0; padding: 0; }
#footer .textwidget ul { list-style: none; margin: 0; padding: 0; }
#footer .textwidget ul li { list-style: none; line-height: 1em; margin: 0; padding: 0; display: block;}
#footer .textwidget ul li a { margin: 0; padding: 2px;}
 #footer .item{ margin: 0;}

#footer .footer-nav { width: 100%; border-top: 1px solid #aaa; text-align: center; margin-bottom: 25px; }

#footer .footer-nav ul { list-style: none; margin: 0; padding: 0; width: 50%; margin: 10px auto;}
#footer .footer-nav ul li { list-style: none; margin: 0; padding: 0; display: block; float: left; border-right: 1px solid #999; }
#footer .footer-nav ul li a { color: #999; padding: 0 10px;}
#footer .footer-nav ul li.last { border-right: none; }

.promo-image { width:64px; height: 64px; padding: 5px; float: left;}
.promo-copy { width: 140px; float: left; padding: 8px 0;}
.promo-copy h3 { color: #fff; margin: 0 5px 5px; line-height: 1em; height: auto; }
.promo-copy h3 a { float:left; }
.promo-copy p { margin: 5px 5px 0; }
.promo-copy p a { float: left; }

h2.bottom_border{
border-bottom:1px solid #000000;
margin:10px 0;
padding:0 0 5px;

}
#psSXSWl{
font-size:18px;
}

/**** Slide Show pagination *****/
.slideShow { position: relative; }
.slideShow .nav { margin: 5px 0;  position: absolute; z-index: 10; }
.slideShow #nav a { float: left; }
.slideShow #nav a, #s7 strong { margin: 0 3px; text-align: center; background: url(images/circle.png) no-repeat left top; text-decoration: none; width: 14px; padding:4px 3px; color: #515151; font-weight: normal; }
.slideShow #nav a.activeSlide { background: url(images/circle.png) no-repeat right top; width: 14px; color: #fff; }
.slideShow #nav a:focus { outline: none; }
.slideShow #output { text-align: left; }

.slideShow #nav { margin-left:790px;margin-top:316px; text-align:left; width:150px;}