* {
	margin: 0;
	padding: 0;
}

#liquid-round {

      /*width:70%;*/
      margin:0px auto;
      position: relative;
      top: 4px;
	  left: 0;
      background:#fff url(images/shadow/leftside.gif) repeat-y left top;
}

.top {
      width:100%;
      height:20px;
      background:url(images/shadow/top.gif) no-repeat left top;
}

.top span {
      display:block;
      position:relative;
      height:20px;
      background:url(images/shadow/top-right.gif) no-repeat right top;
}

.center-content {
      position:relative;
      background:url(images/shadow/rightside.gif) repeat-y right top;
      padding:1px 20px 1px 25px;
      margin:-1px 0 -30px 0;
}

.bottom {
      position:relative;
	  height:60px;
      background:url(images/shadow/bottom.gif) no-repeat left bottom;
	  z-index: -1;
}

.bottom span {
      display:block;
      position:relative;
      height:60px;
      background:url(images/shadow/bottom-right.gif) no-repeat right bottom; 	  
}

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -4px;
	top: -4px;
}

	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
	#shadow-container .container {
		background: #EFF2F3;
		border: 1px solid #848284;
		padding: 2px;
	}

body {
	background:#EFF2F3;
	text-align: justify;
	/*background:#EFF2F3 url(45724.png); 
	background-repeat: repeat-y right;*/
}

body,td,th {
	color: #000000;
}

.style1 {
	font-size: 36px;
	font-weight: bold;
}

/* NAVIGATION ELEMENTS */

.navigation {
	margin-left: 240px;
		margin-top: 0;
		margin-right: 0
	margin-bottom: 0;
	padding:0 0 0 20px;
	list-style:none;
	height:37px;
	background:#1841c8 url(navigation/nav_background.gif);
}

.navigation li {
	float:left;
}

.navigation li a {
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	padding:0 0 0 10px;
	/*cursor:pointer;*/
	font-size:11px;
}

.navigation li a b {

	float:left;

	display:block;

	padding:0 16px 0 8px;

}

.navigation li.current a {

	color:#FFFFFF;

	background:url(navigation/nav_hover.gif);

}

.navigation li a:hover {

	color:#00CCFF;

	background: url(navigation/nav_hover.gif);

}

.navigation li a em {

	display:block;

	float:left;

	width:30px;

	height:40px;

}



/* ICON ELEMENTS */



.navigation li a em.home {

	background-image: url(nav_icons/home.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.navigation li a em.templates {

	background-image: url(nav_icons/templates.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.navigation li a em.psd {

	background-image: url(nav_icons/psd.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.navigation li a em.tutorials {

	background-image: url(nav_icons/tutorials.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.navigation li a em.shop {

	background-image: url(nav_icons/shop.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.navigation li a em.contact {

	background-image: url(nav_icons/contact.png);

	background-repeat: no-repeat;

	background-position: center center;

}







body, input, textarea, select {

	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #666666;

}



h1, h2, h3 {

	margin-bottom: 1em;

	font-weight: normal;

	color: #333333;

}



h1 {

	font-size: 2.2em;

}



h2 {

	font-size: 1.7em;

}



h3 {

	font-size: 1.3em;
	margin-bottom: 0.2em;
}



p, blockquote, ul, ol, form {

	margin-bottom: 1.5em;

}



blockquote, ul, ol {

	margin-left: 3em;

}



blockquote {

	margin-right: 3em;

	font-style: italic;

}



ul {

	list-style-type: square;

}



a {

	color: #3366FF;

}



a:hover {

	text-decoration: none;

	color: #FF6600;

}



hr {

	display: none;

}



.hr {

}



img.left {

	float: left;

	margin: 0 15px 15px 0;

}



img.right {

	float: right;

	margin: 0 0 15px 15px;

}



/* Wrapper */



#wrapper {
 /* */
	/* width: 750px; */
	width: 750px;

	margin: 0 auto;

	/*background: url(images/img02.gif) no-repeat;*/

	position: absolute;

      left: 0;

}



/* Header */



#header {

	/*width: 740px;*/

	height: 74px;

	padding: 0px;

	margin-top: 0px;

	background: url(images/header2.png) no-repeat 5px;

	background-size: 50%;

         

	background-color: #32373d;

}



#header h1, #header h2 {

	/*margin: 0;*/

	color: #ffffff;

	text-align: left;

	font-weight: bold;

}    



#header a {

	text-decoration:none;

	border: none;

}



#header h1 {

	padding: 0 0 0 10px;

	letter-spacing: -2px;

	font-size: 2em;

	text-decoration:none;

}



#header h2 {

	margin-top: -25px;

	padding: 0 0 0 22px;

	font-size: 1em;

}



/*@font-face { font-family: "Showguide"; src: url("OKLAHOMA.ttf"); format("TrueType");}*/



/*#header a {

	margin-top: -5px;

	font-family: "Showguide";

	color: #ffffff;

	

}*/



/* Content */



#content {

	background: #000000 url(images/img04.gif) repeat-y;

}



/* Blog */



#blog {

	float: left;

	width: 670px;

	margin-top: -3px;

	padding-left: 5px;

}



/* Post */



.post {

}



.post .title {

	height: 40px;

	margin: 0;

	padding: 7px 0 0 15px;

	background: url(images/img06.gif) repeat-x;

}



.post .title a {

	text-decoration: none;

	color: #ffffff;

}



.post .title a:hover {

	text-decoration: underline;

}



.post .date {

	margin-top: -30px;

	padding-right: 15px;

	text-align: right;

	font: bold x-small Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}



.post .entry {

	margin-top:-10px;

	padding: 5px 15px 10px 15px;

	background: url(images/img07.gif) repeat-x;

	line-height: 1.8em;

}

.post .innerpos {
	padding: 20px 0px 0px 0px;

}

.post .meta {

	margin-bottom: 2em;

	padding: 0 15px;

	text-align: right;

	font-size: x-small;

}



.fList {

line-height:1.5em;

}



.fList .title {

	height: 40px;

	margin: 0;

	padding: 7px 0 0 15px;

	background: url(images/img06.gif) repeat-x;

	color:#ffffff;

}



.fList #a_list .descTD {

padding: 5px 0px;

background-color:#DEDEDE;

border:#000000 solid 1px;

}



#listings {

line-height:1.5em;

}



#listings .imgL {

background-color:#ffffff;

position:relative;

float:left;

width:200px;

text-align:center;

border: #000000 solid 1px;

padding:5px 5px 0px 5px;

}



#listings img {

padding:0px;

margin:0px;

}



#listings .infoL {

position:relative;

width:250px;

float:right;

}



#listings .infoL .titleL {

font-weight:bold;

}



#listings .evenTR {

background-color:#FFFFFF;

}

#listings .oddTR {

background-color:#E6E6E6;

}



#propView {

line-height:1.5em;

}

#propView h1{
letter-spacing: 5.8px;
line-height:1.1em;
}

#propView #propImg {

float:right;

width:330px;

border:#000 solid 1px;

}



#propView #propImg #mainImg {

float:right;

width:200px;

padding:5px;

}



#propView #propImg #linksImg {

float:left;

widows:25px;

padding:5px;

}



#propView #propTitle {

float:left;

width:300px; 

}


#propAttributes #Att1 {

float:left;

width:50%;

}



#propView #propDesc {

border-bottom:#DEDEDE solid 2px;

}



#propAttributess #Att2 {

float:right;

width:50%;

}



#propSep {

clear:both;

border-top:#DEDEDE solid 2px;

height:10px;

font-size:10px;

}



/* Sidebar */
#heyobar {
	margin-top: -5px;
}


#sidebar {

	float: right;

	/*width: 220px;*/

	margin-top: -5px;

}



#sidebar ul {

	margin: 0;

	list-style: none;

}



#sidebar li {

}



#sidebar li ul {

	margin: 0 5px;

	padding: 15px 15px 15px 30px;

	background: url(images/img07.gif) repeat-x;

	list-style-type: square;

}



#sidebar li li {

}



#sidebar h2 {

	height: 29px;

	margin: 0;

	padding: 38px 5px 25px 28px;

	background: url(images/img08.gif) no-repeat;

	text-transform: uppercase;

	font-size: 1em;

	font-weight: bold;

	color: #FFFFFF;

}



#sidebar a {

	text-decoration: none;

}



/* Search */



#search {

}



#search h2 {

	height: 5px;

	padding-top: 28px;

	

	background-position: left bottom;

}



#search form {

	margin-left: 5px;

	margin-right: 5px;

	padding: 15px 15px 0 15px;

	background: url(images/img07.gif) repeat-x;

}



#search #inputtext1 {

	width: 110px;

	padding: 1px 2px;

/*	background: url(images/img5.gif) repeat-x;*/

	border: 1px solid #C4C3C4;

}



#search #inputsubmit1 {

	background: url(images/img6.gif) repeat-x left bottom;

	border: 1px solid #C4C3C4;

}



/* Archives */



#archives {

}



/* Categories */



#categories {

}



/* Blogroll */



#blogroll {

}



/* Meta */



#meta {

}



/* Footer */



#footer {

	/*background: url(images/img05.gif) no-repeat;*/

}



#footer p {

	margin: 0;

	padding: 5px 10px;

	font-size: x-small;

	color: #FFFFFF;

}



#footer a {

	/*color: #FFFFFF;*/

}



.error {

font-size:14px;

font-weight:bold;

color:#ff0000;

padding:10px 10px;

text-align:left;

}



.user {

text-align:right;

font-style:oblique;

border-bottom:#dedede solid 2px;

margin-bottom: 5px;

font-size: 14px;

font-weight:bold;

}



#a_list {

}

#a_list .headTR {

}

#a_list .headTD {

font-size:14px;

font-weight:bold;

border-bottom:#dedede solid 2px;

text-align:left;

}

#a_list .unameTD {

font-weight:bold;

font-style:italic;

text-align:left;

}

#a_list .nameTD {

}

#a_list .emailTD {

font-style:italic;

text-align:left;

}

#a_list .titleTD {

font-weight:bold;

font-style:italic;

text-align:left;

}

#a_list .descTD {

font-size:11px;

text-align:left;

}

#a_list .addTD {

font-size:11px;

font-style:italic;

text-align:left;

}

#a_list .priceTD {

font-weight:bold;

font-size:13px;

text-align:left;

}

#a_list .actTD {

text-align:center;

}

#a_list .evenTR {

background-color:#FFFFFF;

}

#a_list .oddTR {

background-color:#E6E6E6;

}

.manImgTitle {

font-size:14px;

font-weight:bold;

text-align:left;

}



#Plinks {

text-align:right;

}



.SearchTitle {

font-size:14px;

font-style:oblique;

border-bottom:#DEDEDE solid 2px;

}





/*- Menu Tabs H--------------------------- */



    #tabsH {

      /*float:center;

      width:100%;

      background:#000;*/

      font-size:93%;

      line-height:normal;

      }

    #tabsH ul {

	margin:0;

	padding:45px 20px 0px 250px;

	list-style:none;

      }

    #tabsH li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabsH a {

      float:left;

      background:url("images/tableftH.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

      }

    #tabsH a span {

      float:left;

      display:block;

      background:url("images/tabrightH.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#FFF;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabsH a span {float:none;}

    /* End IE5-Mac hack */

    #tabsH a:hover span {

      color:#FFF;

      }

    #tabsH a:hover {

      background-position:0% -42px;

      }

    #tabsH a:hover span {

      background-position:100% -42px;

      }
	  
	  
	  
	  
	  
	  
	  /*==============Image Pop-up=================*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/*================ End Image Pop-up ==============*/