body{

padding: 0;
 margin: 0;
 background: #1f0a25 url(images/bg.jpg) no-repeat center top; 
width: 100px;
 display: table;
	color: #575757;


}

.pagination {  list-style:none; margin:9px; padding:0px;}
.pagination li{ float:left; margin:3px;}
.pagination li a{   display:block; padding:3px 5px; color:#fff; background-color:#44b0dd; text-decoration:none; }
.pagination li a:hover{  background-color:#fff; display:block; padding:3px 5px; color:#000; background-color:#fff; text-decoration:none;   }

.pagination li a.active {border:1px solid #000; color:#000; background-color:#fff; }
.pagination li a.inactive {background-color:#eee; color:#777; border:1px solid #ccc;}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

h2 {		
	font-size: 12px;
text-align: center;
font-family:  Arial;
		display:block;
	background: #e94e77; 
 	border: #c6a49a 2px solid;

-moz-border-radius: 3px;
        padding: 10px;
        padding-left: 50px;

word-spacing: 20px; 



	text-align: justify;  }


h2 a:link {


color: #f4ead5;


}

h5 {		
		display:block;
        padding: 10px;
  }


/* NAVIGATION ELEMENTS */


.black #nav{

	position:relative;

	height:30px;

	width:850px;
    	margin-left: 125px;

    	margin-top:100px;
	text-transform:uppercase;

}
.black #nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:auto;
}
.black #nav ul li{
	float:left;

}
.black #nav ul li a{

	background:transparent url(images/link.jpg) no-repeat top center;
float:left;
	color:#f4ead5;
	text-decoration:none;
	font-size: 13 px;
	font-family: arial;
	font-weight: normal;
padding-left:9px;

padding-top:7px;
margin-top: 0px;
	margin-left:0px;
	height:39px;
width:92px;
}

.black #nav ul li a:hover{

	color:#8c2203;
	background:transparent url(images/hover.jpg) no-repeat top center;
	height:28px;
width:92px;
}
.black #nav ul li a.current{


	color:#8c2203;
	background:transparent url(images/current.jpg) no-repeat top center;
	height:31px;
width:92px;
}


::-moz-selection {background: #FFC1CD; color: #f5eae2;}
::selection {background: #FFC1CD; color: #FF4D69;}




    .tutorial_image {
      width: 509px;
    	margin-bottom: 30px;
    	overflow: hidden;
    	font-size: 11px;
    	font-style: italic;
    	text-align: center;
    	background-color: #f4f4f4;
      border: 1px solid #ddd;

-moz-border-radius: 2px;
      padding: 20px 35px;
    }
      .tutorial_image img {
        background-color: #f4f4f4;
      	border: 1px solid #898989;
      	margin: auto;
}
    .final_image {
  
      width: 579px;
      padding: 10px 35px;
      text-align: center;
      float: left;

    }
      .final_image_inner {       
 background-color: #f4f4f4;
        border: 1px solid #ddd;
        border-top: none;
        padding: 20px;

      }
        .final_image_inner img {
          display: block;
          border: 1px solid #898989;
          max-width: 410px;
          margin: 0 auto;
        }

      .final_image h3 {
        background: #2d2d2d  no-repeat left center;
        padding: 10px 0 13px 20px !important;
        margin: 0;
        color: #fff;
        text-shadow: none;
        font-size: 20px;
        letter-spacing: 0;
        text-align: left;
      }
        .final_image h3 span {
          color: #828282;
          font-style: italic;
          font-weight: normal;
          font-family: Arial;
          font-size: 13px;
        }



 textarea{  color: #757575;
	 background-color: #FEE9EF; 
		display: block;
		width: 90%;
		font: 120% "lucida console", "courier new", courier, monospace;
		margin: .5em auto;
		text-align: left;
		overflow: auto;
		padding: .5em;
		border: 1px dashed #191919;

-moz-border-radius: 2px;
}

 textarea  b {color:#23ABDD;
 width: 90%; 
}

pre {color:  #7D7D7D;
		display: block;
		width: 90%;

		margin: .5em auto;
		text-align: left;
		overflow: auto;

line-height: 20px;

marging-left: 20px; marging-right: 20px;

}

pre b {color:#23ABDD;}

.affiliates img { 
margin: 2px;
border-width :1px;
border-color: #000;
background-color: #fff;

border-style: solid ;
}

.affiliates img:hover { 

border-width:1px;
border-color: #fff;
background-color: #fff;
border-style: solid;
}



code {color:  #7D7D7D;



		display: block;
		width: 90%;

		margin: .5em auto;
		text-align: left;
		overflow: auto;
		padding: .5em;
          border: 1px dotted#898989;


}


code b {	font-weight: normal;font-family: Verdana;
color:#afdc68;

font-size: 12px; 
line-height: 20px;}


code i {color:#b5f255;}

code em {color:#FF99CC;}

a.window { 
position: relative; 
z-index: 20; 
color: #008000; 
text-decoration:none;
} 

a.window:hover { 
z-index: 25; 
text-decoration:none;
} 

a.window span { 
display: none; 
} 

a.window:hover span { 
background: #E0E0E0; 
display: block; 
position: absolute; 
top: 2.8em; 
left: 0.8em; 
padding: 3px 7px; 
border: 1px solid #C7C7C7; 
color: #000000; 
text-align: right; 
text-decoration:none;
} 

A:active, A:visited,A:link {	color: #e94e77;
	text-transform: uppercase;
	
text-decoration:underline;	
 }


a:hover {
	color: #591b2b;
}


a.view {
	background: url(Zoom-icon.png) no-repeat 0 0;
	padding-left: 20px;
        padding-bottom: 20px;
}
a.navia:link,a.navia:visited,a.navia:active {
	font-size:0.666em;


color: #c8096b;   font-weight: normal;
text-decoration:none;

}


a.navia:hover{	
	font-size:0.666em;


text-decoration:none;
 color: #ffcce6;background-color: #C09A1C;  font-weight: normal; }


a.navib:link,a.navib:visited,a.navib:active {	
	font-size:0.666 em;

text-decoration:none;
color: #7b6f12; font-weight: normal; 

}



i {

color:#e252c5;}




h3 {

background: #ecd98e; ;
	
        text-align: center;
        display:block;
	line-height: 14px;
	letter-spacing: 1px;
	width: 505px;
        padding: 5px 0px 4px 30px;
        border-bottom: 1px solid #fff;

}





h4 {			
        font: 1em/1.5em Arial, Helvetica, sans-serif;

	background: #fffaed; 
 	border: #c6a49a 1px solid;
        padding: 10px;

margin-left: 20px;

margin-right: 20px;
	position: relative;
margin-top: 0px;
margin-bottom: 0px;
text-align: left; 

-moz-border-radius: 2px;}




h4 span {
	width: 120px;
	height: 120px;
	display: block;
	position: absolute;	top: 15px;
	left: 15px;

	background: url(thumb/border.png) no-repeat;
}
h4 a {
	text-decoration: none;
}



/* Pagination DIV */
#pg
{
width: 700px;


text-align: center;
font-size: 12px;

margin-bottom: 5px;

padding: 20px;
}

/* Pagination Link */

#pg a {
background-color: #FFFFFF;
border:solid 1px #f0d0a9;
color:#f0d0a9;
font-size: 12px;
text-decoration: none;
padding: 3px;
-moz-border-radius: 3px;
}

#pg a:hover {
font-size: 12px;
text-decoration: none;
color: #ed8260;
border: 1px solid #ed8260;
background-color: white;
padding: 3px;
-moz-border-radius: 3px;
}

/* Pagination Current Page */

#pg a.current {
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: white;
background:#ed8260;
color:#ffffff;
padding: 3px;
-moz-border-radius: 3px;
}

/* Pagination Disabled Page */

#pg span.disabled {
font-size: 12px;
text-decoration: none;
color: #C6C7C7;
border: 1px solid #C6C7C7;
background-color: white;
padding: 3px;
-moz-border-radius: 3px; // Rounds the corners; Works for Mozilla only
}
-->

<-----main div-------------->

#container { 
overflow: hidden;
height: 100%; 
position:relative;
	float: left;
margin: 0 auto;

}







#heading {	
	text-transform: uppercase;
	width: 822px;
font: 1 em "Arial";
	text-transform: uppercase;
	text-align: justify;
	font-weight: bold;
	letter-spacing: 1 px; 

	color: #e06c3b;

        text-align: center;
	padding-top: 20px;



}


#text {	

        background: #f4ead5 url(images/fontext.jpg) ;

	margin-top:0px;
	margin-left:18px;
width: 894px;

}
 

#text p{
text-align: left;
	width: 600px;


	color: #575757;

        font: 1em/1.5em Arial, Helvetica, sans-serif;


	background-color:transparent;
	padding-left: 48px; 

 padding-top:0px;
}

texborder {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}


a.title:link,a.title:visited,a.title:active {	
	font-size:1 em;

text-decoration:underline;
font-weight: normal; 

}


a.title:hover,{	



color: #591b2b; 


}