/*
NAME:	ID-TEMPLATE
DESC:	GENERAL LAYOUT + STYLE TO ACCOMODATE MOST WEBSITES 
VER:	1.2 | 090428
AUTHOR: ID
*/

/* -------------------------------- */
/* RESET HTML TAG					*/ 
/* -------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-family:; font-size:1em; font-weight: bold; line-height: normal; margin: 0 0 1em 0;}
q:before,q:after{content:'';}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
img {-ms-interpolation-mode: bicubic;}

/* -------------------------------- */
/* STANDARD HTML TAG DEFINITION		*/ 

body {
	background: #2b2b2b url(../img/bg.jpg) repeat-x;
	color:#FFF ;	
	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	}

h1 {font-size: 2.166em;}	/* 26px */
h2 {font-size: 1.833em;}	/* 22px */
h3 {font-size: 1.583em;}	/* 19px */
h4 {font-size: 1.333em;}	/* 16px */
h5 {font-size: 1.166em}		/* 14px */
h6 {font-size: 1.166em}		/* 14px */
	
p {margin-bottom: 1.5em;}	
a {cursor: pointer; text-decoration: none ; color: #666 ;}	
a:hover {/*text-decoration: underline;*/ color:#DDD;}
a:active, a:focus {outline: none;}

input, textarea {
	border: 1px solid #000;
	padding: 4px;
	}
	input:focus, textarea:focus {
		border-color: red;
		}
		
pre {
	margin: 1em 0 1em 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #e8e8e8;
	border-left: 10px solid #b4b4b4;
	background: #fafafa;
	color: #304257;
	font-family: Consolas, "Courier New", Courier, monospace;
	line-height:100%;
	white-space: normal;
	}

hr {display: none;}

/* -------------------------------- */
/* PAGE ELEMENTS					*/ 
/* -------------------------------- */

/* LAYOUT DEBUGGING */
#bar			{background: #EBEBEB;}
#bar-inner		{background: #E1E1E1;}
#container		{background: ;}
#header			{background: ;}
#reg			{background: pink;}
#nav			{background: #C2C2C2;}
#subnav			{background: #636363;}
#content		{background: ;}
#main			{background: ;}
#side			{background: ;}
#footer			{background: ;}
#footer-inner	{background: ;}
.box			{background: ;}
.content-list li	{background: #555;}


#whole {
	font-size: 0.75em; /* 12px */
	overflow: hidden;
	}
	#bar {
		width: 100%;
		}
		#bar-inner {
			width: 940px;	
			margin: 0 auto;
			padding: 10px;
			}
			
	#container {
		width: 996px;
		margin: 0 auto;
		}
		#container-inner {
			width: 910px;
			margin: 0 auto;
			}
			#header {
/* 				padding: 20px; */
				position: relative;
				height: 75px;
				border-bottom: 1px solid #353535;
				}
				#header a {
					display: block;
					}
				#header h1 {
					text-transform: uppercase;
					text-indent: -9999em;
					background: url(../img/logo.jpg) no-repeat;
					height: 23px;
					width: 145px;
					position: absolute;
					top: 26px;
					left: 0;
					}
				#contact a {
					background: url(../img/btn_contact.jpg) no-repeat;
					height: 40px;
					width: 150px;
					text-transform: uppercase;
					text-indent: -9999em;
					position: absolute;
					right: 10px;
					top: 15px;
					}
					#contact a:hover {
						background: url(../img/btn_contact_hover.jpg) no-repeat;
						}	
					
					
			#search {
				display: block;
				height: 44px;
				line-height: 44px;
				position: absolute;
				right: 0;
				top: 0;
				}
				#search input.type {
					width: 150px;	
					}
				#search input.go {
					}
					
			#nav {
				height: 44px;
				font-size: 1.5em;
				position: relative;
				}
				#nav ul {
					}
				#nav li  {
					float: left;
					position: relative;
					z-index: 10;
					}
					#nav a {
						color: ;
						display: block;	
						line-height: 44px;
						height: 44px;
						padding: 0 20px;
						border-right: 1px solid #000;
						border-left: 1px solid transparent;
						float: left;
						}
						#nav li.first a {border-left-color: transparent;}
						#nav li.last a {border-right-color: transparent;}
						
						#nav li ul {
							position: absolute;
							width: 220px;
							top: 44px;
							left: -9999em;
							background: url(../img/shadow2-trans.png) no-repeat right bottom;
							padding: 0 8px 9px 0;
							}
							#nav li:hover ul {
								left: 0;
								}	
								#nav li ul a {
									width: 180px;	
									background: #CCC;
									color: ;
									border: none;
									}	
						
						#nav li#currentpage a, #nav a:hover {
							background: #000;
							color: #FFF;
							border-right: 1px solid transparent;
							}
							#nav li#currentpage li a:hover, #nav li li a:hover {
								background: #000;
								color: #FFF;
								}
						
			#subnav {
				overflow: hidden;
				}
				#subnav li {
					float: left;
					}
					#subnav li a {
						display: block;
						padding: 5px 20px;
						}
			
			#content {
				padding: 55px 0px 20px 0px;
				/*position: relative;
				z-index: 5;*/
				}
				#main {
					float: left;
					width: 630px;
					}	
				#side {
					float: left;
					width: 260px;
					margin: 0 20px 0 0;
					}	
							
		#footer {
			width: 996px;
			margin: 0 auto;
			height: 60px;
			color: #666;
			}
			#footer-inner {
				width: 920px;
				margin: 0 auto;
				padding: 10px 20px 0;
				}
			#footer-inner a {
				color: #666;
				text-decoration: none;
				margin-left: 30px;
				}
			#footer-inner a:hover {
				color: #DDD;
				}
/* -------------------------------- */
/* ADS								*/ 

#AD-top {
	position: absolute;
	right: 0;
	top: 20px;
	}
	
/* -------------------------------- */
/* Contact Form						*/ 


	
/* -------------------------------- */
/* CUSTOM CLASSES					*/ 
/* -------------------------------- */

.fl				{float: left; margin: 0 1em 1em 0;}
.fr				{float: right; margin: 0 0 1em 1em;}
.fl0			{float: left;}
.fr0			{float: right;}
.mb0			{margin-bottom: 0;}
.mb1em			{margin-bottom: 1em;}
.altcolor		{color: #850005;}
.absolute		{position: absolute;}
body .none		{display: none;}
.ui-tabs-hide	{display: none;}

/* -------------------------------- */
/* LIST CORRECTION					*/ 

#content ol, #content ul {/*

	margin-left: 3em;
	margin-bottom: 1em;
*/
	}
	
	#content li ul {
		margin-left: 2em;
		margin-bottom: 0;
		}
	#content ul li {
		list-style-type: disc;
		}
		#content ul li li {
			list-style-type: circle;
			}
			
#content ol {
	list-style-type: decimal;
	}
	#content ol ol {
		list-style-type: lower-alpha;
		margin-left: 2em;
		}
		
/* NICELIST */
ul.niceList {
	margin: 0 0 2em 0;
	}		
	ul.niceList li {
		background: url(../img/icon-ar-12.png) no-repeat 0 4px;
		padding-left: 2em;
		margin-bottom: 1em;
		}
		
/* SPECIAL 'CHECKLIST' LIST */
#content ul.checklist, #content ul.checklist li {
	list-style: none;
	}
	#content ul.checklist li {
		background: url(../img/tick.png) no-repeat 0 4px;
		line-height: 2em;
		padding-left: 20px;
		}

/* SPECIAL 'ARROW' ICON */
span.arrow {
	background: url(../img/list-arrow.png) no-repeat 0 3px;
	padding-left: 14px;
	font-variant: normal;
	text-transform: none;
	}

/* -------------------------------- */
/* QUOTE							*/ 
			
p.quote {
	letter-spacing: .2em;
	text-align: center;
	margin: 24px auto;
	text-transform: uppercase;
	border-bottom: 4px solid ;
	border-top: 4px solid ;
	padding: 5px;
	/*font: normal small-caps normal 1em/125% Georgia, Garamond, Times, serif;*/
	}
	p.quote:first-letter {
		display: block;
		margin: 7px 4px 0px 0px;
		float: left;
		font-size: 250%;
		}

/* -------------------------------- */
/* NOTIFICATIONS					*/ 

/* INFO */
p.info {
    background: #F8FAFC url(../img/info.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
	}

/* WARNING */ 
p.warn {
    background: #FFF7C0 url(../img/warn.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
	}

/* ALERT */ 
p.alert {
    background: #FBEEF1 url(../img/exc.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FEABB9;
    border-bottom: 2px solid #FEABB9;
	}
		
/* -------------------------------- */
/* BOXES							*/ 

.box {
	margin: 0 0 1.666em 0; /* 12px */
	padding: 20px;
	display: block;
	}	
	
	/* -------------------------------- */
	/* UNITS (IN BOXES)					*/ 
		
		.unit {
			width: 250px;	
			float: left;
			margin: 0 20px 0 0;
			}
			.unit.last {
				margin: 0;	
				}
			.unit h4 {
				font-size: 1.5em;
				font-weight: normal;
				}
	
	
/* -------------------------------- */
/* CONTENT LIST						*/ 

#content .content-list {
	margin: 0;
	}
	#content .content-list li {
		list-style-type: none;
		margin: 0 0 1.666em 0;
		}
		.thumb {
			float: left;
			margin: 0 1.666em 0 0;
			}
			.thumb img {
				width: 90px;	
				}
		.tags {
			margin: 0 0 1em 0;	
			}
		.xtra span {
			float: right;
			margin-left: 1em;
			}	
		

		
/* -------------------------------- */
/* VIDEO LIST						*/ 

/* -------------------------------- */
/* CLEARBITCH						*/ 

.clearfix:after,
.box:after,
.content-list li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix,
.box,
.content-list li {
	display: inline-block;
	}
* html .clearfix,
* html .box,
* html .content-list li {
	height: 1%;
	}
.clearfix,
.box,
.content-list li {
	display: block;
	}
.clear { clear: both; }

/* -------------------------------- */
/* BUTTONS							*/ 

a.btn {
	display: block;
	text-indent: -9999em;
	background-repeat: no-repeat;
	}
	/* BADGE DISCOUNT */
	a#badge {
		width: 175px;
		height: 175px;
		background: url(../img/badge2.png) no-repeat;
		position: absolute;
		top: -45px;
		right: -50px;
		}
			
/* -------------------------------- */
/* ICONLINK							*/ 

a.iconlink {
	padding: 0 0 0 25px;
	background: url(../img/icon-ar.png) no-repeat 0 50%;
	display: block;
	}
	
/* -------------------------------- */
/* SDBTN							*/ 
/* -------------------------------- */

/* -------------------------------- */
/* DEFAULT (SMALL)					*/ 

a.sdbtn {
	background-image: url(../img/sdbtn.png);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	float: left;
    height: 20px;
	margin: 0 1em 1em 0;
    padding: 0 10px 0 0; /* sliding doors padding */
	color: #535353;
	text-align: center;
	text-decoration: none;
	}
	a.sdbtn.mr0	{margin-right: 0;}
	a.sdbtn.fr	{float: right; margin: 0 1em 1em 0;}
	a.sdbtn.fr0	{float: right; margin: 0;}
	a.sdbtn.fl	{float: left; margin: 0 0 1em 1em;}
	a.sdbtn.fl0	{float: left; margin: 0;}
	
	a.sdbtn span {
		background-image: url(../img/sdbtn_span.png);
		background-repeat: no-repeat;
		display: block;
		line-height: 12px;
		padding: 4px 0 4px 10px;
		min-width: 60px; /* for standard size adjust here */
		}
		/* The icon | If icon not needed leave out the 'em' tag in the markup */	
		a.sdbtn span em {
			float: left;
			width: 10px;
			height: 10px;
			background: red;
			margin: 1px 5px 0 0;
			}
			a.sdbtn.noicon span em {display: none;}
			
	/* -------------------------------- */
	/* GREEN (SMALL)					*/ 
	
	a.sdbtn.green {
		background-image: url(../img/sdbtn_a_green.png);
		color: #FFF;
		}
		a.sdbtn.green span {
			background-image: url(../img/sdbtn_span_green.png);
			}
			
	/* ICONS */ 
	a.sdbtn.edit span em			{background: url(../img/icon_pencil.png) no-repeat;}
	a.sdbtn.newcollection span em	{background: url(../img/icon_newcollection.png) no-repeat;}
	a.sdbtn.delete span em			{background: url(../img/icon_x.png) no-repeat;}
	a.sdbtn.new span em				{background: url(../img/icon_plus_small.png) no-repeat;}
	
	/* HOVER */ 
	a.sdbtn:hover		{background-position: bottom right; border: none; color: #000; text-decoration: none;}	
	a.sdbtn:hover span	{background-position: bottom left;}	
	
	/* ACTIVE */ 
	a.sdbtn:active		{background-position: bottom right; outline: none;}
	a.sdbtn:active span	{background-position: bottom left; padding: 5px 0 3px 10px;} /* push text down 1px */

/* -------------------------------- */
/* BIG SDBTN						*/ 
	
a.sdbtn.big {
	background-image: url(../img/sdbtn_a_big.png);
	height: 30px;
	/*font-size: 14px;*/
	font-size: 1.166em;
	color: #535353;
	}
	a.sdbtn.big span {
		background-image: url(../img/sdbtn_span_big.png);
		line-height: 14px;
		padding: 8px 0 8px 10px;
		}
		a.sdbtn.big span em {
			margin-top: 2px;
			}
		
	a.sdbtn.big:active span	{padding: 9px 0 7px 10px;} /* push text down 1px */
	
	/* -------------------------------- */
	/* BIG SDBTN GREEN COLOR			*/ 
	
	a.sdbtn.big.green {
		background-image: url(../img/sdbtn_a_big_green.png);
		color: #FFF;
		}
		a.sdbtn.big.green span {
			background-image: url(../img/sdbtn_span_big_green.png);
			}
			
	/* -------------------------------- */
	/* BIG SDBTN GREY COLOR			*/ 
	
	a.sdbtn.big.grey {
		background-image: url(../img/sdbtn_a_big_grey.png);
		color: #FFF;
		}
		a.sdbtn.big.grey span {
			background-image: url(../img/sdbtn_span_big_grey.png);
			}
				
/* -------------------------------- */
/* Taqin Class						*/ 
.myname {
	font-family: Arial,sans-serif;
	padding: 0;
	margin-bottom: 60px;
	}
	.myname h2 {
		font-size: 6.0em;
		letter-spacing: -0.05em;
		margin-bottom: 10px;
		line-height: 70px;
		font-weight: normal;
		}
	.myname h3 {
		font-weight: normal;
		color: #666;
		margin-bottom: 0;
		}
		.myname h3 span { color: #333;}
.bio {
	padding: 0;
	}
.featured {
	background:url(../img/main_banner.png) no-repeat;
	width: 630px;
	height: 270px;
	padding: 0;
	margin: 0;
	}
.grid {
	padding: 0;
	padding-top: 50px;
	overflow: hidden;
	}
	.grid ul {
		margin: 0;
		}
	.grid ul li a {
		display: block;
		-moz-opacity:0.3;
		}
		.grid ul li a:hover {
			-moz-opacity:1;
			}
	.grid ul li {
		background: pink;
		float: left;
		display: inline;
		width: 450px;
		height: 150px;
		background:url(../img/cell_grid.gif) no-repeat;
		}
	.grid ul li.even {
		margin-left: 10px;
		margin-bottom: 20px;
		}