@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bg_main.jpg) top center no-repeat #bdc5c3;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 980px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	
}
.banner{
	width: 980px;
	height:370px;
	float: left;
	padding:0;
	background:url(../images/banner/banner-shadow.png) center bottom no-repeat;
}
.sidebar1 {
	float: right;
	width: 250px;
	margin-top:10px;
	padding-bottom: 10px;
}

.blockF {
	float: left;
	width: 250px;
	background:url(../images/navBg.png) top left repeat;
}
.block2 {
	float: left;
	width: 230px;
	padding:10px;
	/*margin-bottom: 10px;*/
	background:url(../images/navBg.png) top left repeat;
}
.shadow {
	float: left;
	width: 250px;
	height:8px;
	margin-bottom: 10px;
	background:url(../images/shadow.png) top center no-repeat;
}
.shadowBig {
	float: left;
	width: 250px;
	height:8px;
	margin-bottom: 10px;
	background:url(../images/shadowBig.png) top center no-repeat;
}
.content {

	padding: 10px;
	width: 690px;
	float: left;
	margin:10px 0 0px 0;
	background:url(../images/navBg.png) top left repeat;
}
.contentBtm {
	width: 710px;
	height:115px;
	float: left;
	margin:0px 0 10px 0;
	background:url(../images/contentBg.png) bottom left repeat-x;
}
.contentBg{
	padding: 10px;
	width: 98%;
	float: left;
	margin:5px 0 10px 0;
	background:url(../images/contentBg-1.png) top left repeat;
	border-bottom:2px solid #a5aeaf;
}
.block1{
	width:100%; float:left; position:block; margin-bottom:10px; padding-bottom:10px;
	/*background: url(../images/border.png) bottom center no-repeat;*/	
	
}
.block_1{
	width:100%; float:left; position:block; margin-bottom:10px; padding-bottom:10px;
	/*background: url(../images/border.png) bottom center no-repeat;*/	
	border-bottom:#c9d0cd 1px solid;
}
.block3{
	width:100%; float:left; position:block; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #C2CCC7;
}
.album-1{
	width:100%; float:left; position:block; margin-bottom:10px; padding-bottom:10px;	
}
.album-2{
	width:50%; float:left; position:block; margin-bottom:10px; padding-bottom:10px;	
}
.album-3{
	width:46%; float:right; position:block; margin-bottom:10px; padding-bottom:10px;	
}
.pagination {
	width: 100%;
	height:40px;
	background:#B8C2BF;
	float:left;
	text-align:center;
}
.paginationLeft {
	width: 22px;
	height:22px;
	background: url(../images/arrow-1.png) no-repeat;
	float:left;
	margin:9px 0 0px 10px;
	opacity:.6;
}
.paginationLeft:hover {
	opacity:1;
}
.paginationRight {
	width: 22px;
	height:22px;
	background: url(../images/arrow-2.png) no-repeat;
	float:right;
	margin:9px 10px 0 0px;
	opacity:.6;
}
.paginationRight:hover {
	opacity:1;
}
ul.nav {
	list-style: none; 
	margin:0 auto;
	padding:0;
	/*background:url(../images/navBg.png) top left repeat;*/
	background-color:transparent;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#000;
	text-align:center;
}
ul.nav li {
	float:left;
	position:relative;
	margin-left:5px;
	margin-bottom:5px;
	text-align:center;
}
ul.nav a, ul.nav a:visited { 
	padding: 15px 5px 5px 5px;
	display: block; 
	/*width: 160px; */
	text-decoration: none;
	text-align:center;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #344D3E;
	color: #FFF;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.active{
	background: #344D3E;
	color: #FFF;
	padding: 15px 5px 5px 5px;
	display: block; 
	/*width: 160px; */
	text-decoration: none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.map {
	float: left;
	width: 270px;
	height:200px;
	margin-right:20px;
	padding-bottom: 10px;
}
.txtBox {
	float: left;
	width: 250px;
	height:20px;
	border:1px solid #BEC9C4;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.commentBox {
	float: left;
	width: 245px;
	height:100px;
	border:1px solid #BEC9C4;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.button {
	float: left;
	width: 100px;
	height:30px;
	border:1px solid #BEC9C4;
	color: #DCE2DE;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-left:180px;
	background: #7F9186;
}
.button:hover {
	background:#666;
	color:#ccc;
	cursor:pointer;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	/*background:url(../images/navBg.png) top left repeat;*/
	background:#B4BDBA;
	position: relative;
	clear: both; 
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.heading1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#326a8d;
	text-align:left;
	padding-left:5px;
}
.heading2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px;
	/*color:#326a8d;*/
	color:#000;
	line-height:36px;
	text-align:left;
	padding-left:5px;
	width:660px;
	height:36px;
	background:url(../images/titleBg.png) left top no-repeat;
}
.buy{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#326a8d;
	text-align:left;
	padding-left:5px;
}
.buy:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	text-align:left;
	padding-left:5px;
	text-decoration:underline;
	cursor:pointer;
}
#cd {
	position: absolute;
	margin-left: 412px;
	top: 455px;
	width: 280px;
	height: 30px;
	z-index: 1;
}
.text1{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#424242;
	text-align:left;
	padding:5px 0 0 5px;
	line-height:20px;
}
.text2{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-align:left;
	padding-left:5px;
	line-height:20px;
}
.text2 a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-align:left;
	padding-left:5px;
	line-height:20px;
	text-decoration:none;
}
.text2 a:link{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-align:left;
	padding-left:5px;
	line-height:20px;
	text-decoration:none;
}
.text3{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #424242;
	text-align: left;
	padding-left: 25px;
	padding-bottom: 15px;
	line-height: 20px;
	border-bottom: 1px solid #CCC;
	margin-top: 8px;

}

.text3_1{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #424242;
	text-align: left;
	padding-left: 30px;
	padding-bottom: 12px;
	line-height: 20px;
	border-bottom: 1px solid #CCC;
	margin-top: 3px;

}

.text4{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#424242;
	text-align:left;
	padding-left:25px;
	padding-bottom:10px;
	line-height:20px;
}
.more a{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#c63604;
	text-align:right;
	text-decoration:none;
}
.text5{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-align:left;
	padding-left:25px;
	line-height:20px;
	list-style:square;
}

.more a:hover{
	color:#000;
	text-decoration:underline;
}
.paginationTxt a{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	text-decoration:none;
}
.paginationTxt a:hover{
	color:#fff;
	text-decoration:underline;
}
.paginationTxtAct{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	text-decoration:underline;
	font-weight:bold;
}
.footer-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#4e4e4e;
	text-decoration:none;
	font-style:normal;
	text-align:left;
		
}
.footer-text a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#4e4e4e;
	text-decoration:none;
	font-style:normal;
	text-align:left;
		
}
.footer-text a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#bf4240;
	text-decoration:none;
	font-style:normal;
	text-align:left;
		
}
.footer-text a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#4e4e4e;
	text-decoration:none;
	font-style:normal;
	text-align:left;
		
}



/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
/*border: 1px solid black;*/
}

#simplegallery1 .gallerydesctext{ 
text-align: left;
padding: 2px 5px;
}

/*----------------------------------*/
#works {
	padding: 0px 0px;
	height:;
/*	overflow:scroll;*/
	float:left;
}
#works li{
	display: inline;
	float:left;
	margin-bottom:10px;
	margin-left:5px;
}
#works li a{
	padding-right: 10px;
	
}
#works img {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	padding: 5px; 
	background: rgba(255,255,255,0.9);
}

.title{
width:200px; text-align:center;padding-right:15px; height:60px;
}	  

/* ######### Drop Down DIVs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
font: normal 11px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
position: absolute;
margin-left:0px;
margin-top:-15px;
list-style-type: none;
/*background: #333;
border:2px solid #1c86b6;*/
visibility: hidden;
z-index: 100;

}

.ddsubmenustyle ul{

padding: 0;
position: absolute;
margin-left: 0;
top: 0;
list-style-type: none;
text-align:left;
z-index:100;

}

.ddsubmenustyle li a{
display: block;
width: 120px; /*width of menu (not including side paddings)*/
color: white;
background-color: #344D3E;
text-decoration: none;
border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
padding: 4px 8px;
margin:1px 1px 2px 0;
font-size:14px;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 120px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #6b8274;
color: #fff;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
margin-left:0px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
margin-left:0;
}

/*--------------------------------------------------------------------------------------------------*/

ol { padding: 0px; margin-left: 30px; text-decoration:none; list-style: decimal-leading-zero inside; color: #333; width: 550px; border-top: 1px solid #ccc; font-size: 0.9em; }
      ol li { position: relative; margin: 0px; padding: 9px 2px 0px; }
      ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
      li.playing { color: #326a8d; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
      li.playing a { color: #326a8d; }
      li.playing:before { content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }