/*
Theme Name: DSKMedia.com
Theme URI: http://DSKMedia.com
Description: Gray, brown tones
Version: 20100705
Author: Rick Renault
Author URI: http://DSKMedia.com
*/



html {background: url(images/rearbg.jpg);}
body {margin: 0px; width: auto; height: 100%; font-size: 1em; background: url(images/rearbgheader.jpg) repeat-x;}
div.core {margin: 0px auto; width: 900px;}
div.header {position: relative; margin: 0px; width: 900px; height: 139px; background: url(images/header.jpg) no-repeat;}
img.topobox {display: block; margin: 0px; border: 0px; width: 900px; height: 25px; padding: 0px;}
img.botobox {display: block; margin: 0px; border: 0px; width: 900px; height: 75px; padding: 0px;}
div.content {padding: 5px 25px 5px 25px; margin: 0px; width: 900px; background: url(images/midobox.jpg) repeat-y;}
div.content p {margin: 10px; padding: 5px; background: transparent; width: 820px;}
div.header .menu {position: absolute; top: 47px; left: 26px; width: 714px; height: 70px;}
div.header a {display: block; width: 169px; height: 70px; background: url(images/menubuttons.jpg) no-repeat; float: left;}
div.header a:hover, div.header a:active {background: transparent;}
div.header span {display: none;}
p {margin: 5px; padding: 5px;}
div.header div {display: block; width: 169px; height: 70px; background: transparent; float: left; margin: 0px 0px 0px 0px;}




ul {}
li {width: 90%;}





h2
	{
	padding: 5px;
	margin: 10px;
	font-size: 1.2em;
	color: #663333;
	}
a:link, a:visited
	{color: #003399; text-decoration: underline;}

a:hover, a:active
	{color: #993300;}


	
.subheading
	{font-size: 1.2em;font-weight: bold;color: #000033;font-style: italic;}









/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:85px;
	height:40px;
	float:left;
	margin:40px 10px;

	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{background: url(images/rightarrow.jpg) no-repeat; clear:right; margin-left: 10px; margin-top: 150px;}


/* left */
a.left				{background: url(images/leftarrow.jpg) no-repeat; clear:right; margin-right: 10px; margin-top: 150px;}
 /* was 0px */



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/*-----*/





/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 635px;
	height:275px;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
	margin-top: 25px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .items p {margin: 80px 10px auto 80px; padding: 5px; width: auto; background: transparent;}


.items div {
	float:left;
	width:635px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:15px 10px 10px 10px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:300px;
	height:auto;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}