/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:left;
	background: #000 url("../images/background.jpg");
	height: 100%;
	color: #ccc;
}

body, tr,
td, input,
select, textarea 	{font:normal 12px/1.4 Verdana, Arial, Helvetica, sans-serif;}

a				{outline: none;}
a:link,
a:visited 		{color:#ccc; text-decoration:none;}
a:hover,
a:active 		{color:#009BD9; text-decoration:none;}

.content-main a:link,
.content-main a:visited 		{color:#ccc; text-decoration:none;border-bottom: 1px dotted #ccc;}
.content-main a:hover,
.content-main a:active 		{color:#009BD9; text-decoration:none;border-bottom: 1px dotted #009BD9;}

.content-main a.nohover:link,
.content-main a.nohover:visited, 		
.content-main a.nohover:hover,
.content-main a.nohover:active 		{border-bottom: 0px dotted #009BD9;}

ul, ol	 		{margin:0 0 10px 25px;}
dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{margin:0 0 15px;}
h1 					{font-size:16px; margin:0 0 12px;}
h2 					{font-size:14px; margin:8px 0;}
h3 					{font-size:12px; margin:6px 0 0px;}
h4 					{font-size:10px; margin:0px 0 4px;color: #009CDA;}
h5					{font-size:xx-small; margin:3px 0;}
h6 					{font-size:xx-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

#preload,
.hide {position: absolute; top: -900px;left: 0px;}
.clr {clear:both;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}
.margintop {margin-top: 10px;}
.marginbottom {margin-bottom: 10px;}
.marginleft {margin-left: 10px;}
.marginright {margin-right: 10px;}
.nomargin {margin: 0px;}

p.icon-contact,
p.icon-pdf,
p.icon-gallery {
	background:transparent url("../images/icon-contact.png") no-repeat; 
	clear:left;
	padding: 8px 0 8px 34px;
	margin-bottom: 4px;
}

p.icon-contact {background:transparent url("../images/icon-contact.png") no-repeat;}
p.icon-pdf {background:transparent url("../images/icon-pdf.png") no-repeat;}
p.icon-gallery {background:transparent url("../images/icon-gallery.png") no-repeat;}


/* Standard Layout */

#wrapper {
	position: relative;
	background:transparent;
	width: 871px;
	margin: 0;
	margin-left: 109px;
	text-align: left;
	overflow:hidden;
/*	height:100%;*/
}

body#page-splash #wrapper {
	width: 500px;
}

#header {
	position: relative;
	background:transparent;
	padding: 0px;
	width: 871px;
	height: 218px;
}

#header h1 {
	position: absolute;
	top: 27px;
	left: 10px;
	width: 305px;
	height: 32px;
}

#header h1 a {
	display: block;
	width: 318px;
	height: 32px;
	text-indent: -9000px;
	background: url("../images/logo.gif") no-repeat 0 0;
}


#header h2 {
	position: absolute;
	top: 62px;
	left: 115px;
	width: 220px;
	height: 30px;
}

#header h2 a {
	display: block;
	width: 220px;
	height: 30px;
	text-indent: -9000px;
	background: url("../images/logo.gif") no-repeat 0 0;
}

#header h2 a.damrob-photography {
	background: url("../images/footer-damrob.png") no-repeat;
}
#header h2 a.damrob-sport {
	background: url("../images/footer-sport.png") no-repeat;
}

body#page-splash #header {
	margin-top: 125px;
	height: 124px;
}

#content {
	position: relative;
	margin: 0;
	height:auto;
	background: transparent url("../images/content-bg.png");
}

body#page-splash #content {
	width: 370px;
	height: 246px;
}

.content-main {
	position: relative;
	width: 300px;
	min-height: 296px;
	height: 100%;
	padding: 15px;
	padding-right: 0px;
/*	background: #FFC;*/
}



.content-side {
	float:right;
	/*float:left;*/
	width: 544px;
	padding: 0px;
	background: transparent;
	height:100%;
	text-align: right;
}

body#page-contact .content-side {
	padding: 15px;
}

#footer {
	float: right;
	position: relative;
	clear:both;
	width: 220px;
	height: 60px;
	padding-top: 30px;
	background: transparent;
}

#footer a {
	float: right;
	width: 220px;
	height: 30px;
	text-indent: -9000px;
	display: block;
}

#footer a.damrob-photography {
	background: url("../images/footer-damrob.png") no-repeat;
}
#footer a.damrob-sport {
	background: url("../images/footer-sport.png") no-repeat;
}

#facebook-feeds {
	float: left;
	width: 290px;
}

#facebook-feeds ul {
	float:left;
	list-style-type: none;
	margin-left: 0px;
	padding-top: 15px;
	
}

#facebook-feeds ul li {
	padding-bottom: 10px;
	color: #fff;
}

#facebook-feeds ul li h3 {margin-bottom: 0px;}

#facebook-feeds ul span {
	color: #ccc;
	font-size: 11px;
}

#facebook-feeds ul li a:link,
#facebook-feeds ul li a:visited {color: #fff;}
#facebook-feeds ul li a:hover,
#facebook-feeds ul li a:active {text-decoration: underline;}

#facebook-feeds .gallery_demo li {height: auto !important;padding-bottom: 0px !important}

/* Navigation - Use this for very basic horizontal text based nav */

#sub-nav {
	list-style: none;
}

ul#sub-nav {
	list-style: none;
}

ul#sub-nav li {
	display:inline;
	list-style: none;
}

/* ----------------------------------------------
		JQUERY STYLING 
------------------------------------------------*/


/* begin: slideshow */
.slideshow {
	position:relative;
	padding:0;
	margin:0;
	/*background: #fff;*/
}
.slideshow a img {
    border:none;
}
.slideshow li.slide {
    list-style-type:none;
}
.slideshow .slides {
	height:326px;
	margin:0;
}
.slideshow .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0;
}

/* GALLERIA STYLING */
	
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;margin-top:0 !important;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.demo{margin-top:2em;}
.gallery_demo{width:300px;float: left;margin-top: 00px;height: auto;}
.gallery_demo li{width:65px;height:50px;border:3px double #111;margin: 1px 2px;}
#main_image{width:544px;text-align: right}	
ul.gallery_demo_unstyled{display:none;margin: 0px}