body {
	margin: 0;
	padding: 5px 0 0;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	background: #111 url(../pics/body_bg.jpg) no-repeat center top;
	color: #fff;
}
* {
	margin: 0;
	padding: 0;
}

a:link, a:visited { 
		text-decoration: none; 
		color: #4e5c6d;
		}

a:hover, a:active { 
		text-decoration: underline; 
		color: #7da7d9;
		}

p,li	{
		font-family: verdana;arial;
		font-size:11px;
		color: #cccccc;
		}
		
.title	{
		font-family: verdana;arial;
		font-size:14px;
		font-weight:bold;
		color: #7da7d9;
		}
		
.small	{
		font-family: verdana;arial;
		font-size:9px;
		color: #4d4d4d;
		}
		
				
	
img {
	border: none;
}
h1 {
	font: 1.5em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	margin-bottom: 20px;
}
h1 span { 	color: #7da7d9; }
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #ccc;
}

.container2 {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 100px;
	
}

.container {
	width: 758px;
	margin: 0 auto;
	padding-bottom: 100px;
	overflow: hidden;
}
ul.display {
	float: left;
	width: 756px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	background: #222;
}
ul.display li {
	float: left;
	width: 754px;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}
ul.display li a {
	color: #7da7d9;
	text-decoration: none;
}
ul.display li .content_block {
	padding: 0 10px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 5px;
	font-weight: normal;
	font-size: 1.7em;

}
ul.display li .content_block p {
	margin: 0;
	padding: 5px 5px 5px 245px;
	font-size: 1.2em;
}
ul.display li .content_block a img{
	padding: 5px;
	border: 2px solid #ccc;
	background: #fff;
	margin: 0 10px 0 0;
	float: left;
}

ul.thumb_view li{
	width: 250px;
}
ul.thumb_view li h2 {
	display: inline;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 5px;
}


a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(../pics/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }



ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 20px;
	padding-right: 20px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }




		ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 25px; }
			
		ul.hover_block li, ul.hover_block2 li {
			list-style:none;
			float:left;
			background: #fff;
			padding: 10px;
			width:215px; position: relative;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		ul.hover_block li a, ul.hover_block2 li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 100px;
			width: 200px;
			padding: 10px;
			color: #000;
			font: 1.0em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a, ul.hover_block2 li a { text-decoration: none; }

		ul.hover_block li img, ul.hover_block2 li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}
		
			/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:350px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	

/* // Easy Slider */

		img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:800px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}		
		
		
		
	pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{border:none;}
ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:0px;
}



/*  */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */

  


ol.es1 li {
	color: #fff;
}
ol.es li {
	color: #000;
}
ol#uploadify li {
	list-style: circle;
}

.table1 {
 width: 650px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 border: none;
}
.table1 td {
 padding: 5px;
}
/* super awesome buttons */
.awesome, .awesome:visited
{
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover
{
	background-color: #111;
	color: #fff;
	text-decoration: none;
}
.awesome:active
{
	top: 1px;
	text-decoration: none;
}
.medium.awesome, .medium.awesome:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-decoration: none;
}
.blue.awesome, .blue.awesome:visited
{
	background-color: #003665;
}
.blue.awesome:hover
{
	background-color: #004e87;
}