@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
img{ border:0; padding:0; margin:0;}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; background-image:url(../img/bg-img.jpg); background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; background-color: #0E0E0E;
}
h1{ font-size:20px; color:#2B96FF;}
#logo-h1{ font-size:16.5px; color:#5A2D04; font-weight:bold;}
#top-title { font-size:19px; color:#0079FF; font-family:Georgia, "Times New Roman", Times, serif; padding-left:0px; font-weight:700;  padding-right:20px; line-height:1.7em; padding-top:15px; padding-bottom:8px;}
h2{ font-size:19px; color:#0079FF; font-family:Georgia, "Times New Roman", Times, serif; padding-left:0px; font-weight:700;  padding-right:20px; line-height:1.7em; padding-top:15px; padding-bottom:8px;}
h3{ font-size:17px; color:#384D56; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600;}
.thrColLiqHdr #container { 
	width: 875px;
	background: #E3E7EE;
	margin: 0 auto; 
	text-align: left; 
}
h4{ line-height:1.7em; padding-top:15px; font-family:"Times New Roman", Times, serif;}
h5{ line-height:1.9em; color:#0381FE;}
p{ font-size:12px;  color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;  padding-right:20px;}
.buy-p{ padding-left:20px;}
h6{ font-size:12px; color:#384D56; font-family:Verdana, Arial, Helvetica, sans-serif;}
#logo{ height:48px; background-image:url(../img/logo-bg-img.jpg); background-repeat:no-repeat;  background-color:#040717; padding-left:16px; } 
.header-logo {float:left;}
.header-keyword { margin-top:9px; margin-left:8px; float:left;}
.header-keyword p{ color:#421900; line-height:1.1em; font-size:11px;}
.top-line { height:2px; background-color:#EEAD85; padding:0; margin:0;}
#header { background-image:url(../img/nav-bg.gif); background-repeat:repeat-x; padding-top:0px; height:29px;} 
#nav { height:29px;  width:873px; border-right:1px solid #585F67; border-left:1px solid #585F67; }
#nav li{ float:left; list-style:none;}
#nav li a{ color:#fff; font-size:11px; text-decoration:none; display:block; width:110px; height:29px; text-align:center; line-height:26px;}
#nav li a:hover{ color:#FFF; background-color:#fff; background-image:url(../img/nav-hover.jpg);}
#nav li p{ padding-top:5px; padding-left:16px; color:#fff;}
#nav .left-line{ background-image:url(../img/nav-center.jpg); background-repeat:no-repeat;}
#nav .rehgt-line { background-image:url(./img/nav-center-one.jpg); background-repeat:no-repeat;
}
#header-bar-1 { background-image:url(../img/header-bar.jpg); background-repeat:no-repeat; padding-top:3px; height:50px;}
#header-bar-1 h1{ float:right; padding-top:8px; color:#974512;}
#header-bar-1 img {}
#header-bar-2 {  background-color:#353C44; background-image:url(../img/eader-bar-2.jpg); background-repeat:repeat-x; height:263px; border-bottom:1px solid #F38948; border-right:1px solid #515153; border-left:1px solid #515153;}


	
#col-2{ height:660px;}
#col-2 .col-2-left{float:left; width:45%; padding:6px 0 6px 39px;}
#col-2 .col-2-right{float:right; width:45%;}


#header-bar-2 #box-left { width:481px; float:left; height:235px; padding-top:27px;}
#header-bar-2 #box-left img { padding-left:18px; float:left;}
#header-bar-2 #box-left p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FF0000; margin: 0; padding: 0; float: left; padding-left:18px;}
#header-bar-2 #box-left a { padding-bottom:20px; }
#header-bar-2 #box-right { width:392px; float:right; height:265px; 
}
#box-right a{font-style:italic; word-spacing:1px;letter-spacing: 1px;
	color:#B3C2D4;
	text-decoration: none; font-family:Helvetica,Verdana, Arial,  sans-serif; font-size:12px;
}
#box-right a:hover{ color:#D1A444;}
#header-bar-3 {  background-color:#24292E; background-image:url(../img/eader-bar-2.jpg); background-repeat:repeat-x; height:215px;  border-bottom:1px solid #6A761F; }

 .list-link { list-style:none; padding:3px 0 8px 10px; }
 .list-link li { height:auto;  width:200px; margin-bottom:5px; }
#header-bar-3 .list-link a {
	color:#ffffff;
	font-size:15px;
	background:url(../img/go.gif) no-repeat left;
	padding-left:32px;
	line-height:1.3em;
	text-decoration: none;
}
#header-bar-3 .list-link a:hover{ color:#0066ff; text-decoration: none;}
.screenshots-left ul{ padding-left:30px;}
.screenshots-left .list-link a {
	color:#0066ff;
	font-size:15px;
	background:url(../img/go2.gif) no-repeat left;
	padding-left:32px;
	line-height:1.3em;
	text-decoration: none;
}
.screenshots-left .list-link a:hover{ color:#000; 	font-size:15px; text-decoration: none; line-height:1.3em; 	padding-left:32px;
	line-height:1.3em;
	text-decoration: none;}

 .list-link { padding-left:19px;}

#header-bar-3 #box-left { width:25%; float:left; height:235px; }
#header-bar-3 #box-left img { padding-left:12px; float:left; padding-top:2px;}
#header-bar-3 #box-left p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FF0000; margin: 0; padding: 0; float: left; padding-left:18px;}
#header-bar-3 #box-left a { padding-bottom:20px; }
#header-bar-3 #box-right {  float:right; height:auto;  margin-top:5px; }
#header-bar-3 #box-right p { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 12px;  padding: 10px 20px 0 20px; font-weight:600;}
#header-bar-3 ul a{ color:#000;}
#header-bar-3 ul a:hover{ color:#0066FF;}
#header-bar-moban { background-color:#E3E7EE; padding-bottom:0px; height:auto; padding-bottom:40px; border-bottom:1px solid #878787;}
 .screenshots-left { width:730px; float:left;}
 .screenshots-left a{ padding-left:27px; font-size:14px; color:#003399; }
 .screenshots-left a:hover{ padding-left:27px; font-size:14px; color:#E37D3F;}

.screenshots-right{ padding-top:20px; height:80px;}
#header-bar-moban h2{ padding-left:27px;  }

#header-bar-download { clear:both; background-color:#E3E7EE; padding-bottom:30px; border-top:1px solid #fff; }
.header-bar-moban_img{  background-repeat:no-repeat;}
.header-bar-moban_img p{ padding:3px 30px 0 30px;}

.download-img { text-align:center; margin-top:38px; float:left; padding-left:75px; }
.download-word { float:right; margin:88px 10px 0 0; padding-left:28px; border-left:1px dashed #ccc; 
}
#box-right #ge{ padding-left:10px;}
#box-right h1{word-spacing:2px;letter-spacing: 1px;
	font-size:21px;
	padding-left:2px;
	padding-top:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.3em;
	font-style: italic;
}
#box-right ul{ padding-top:8px;  }
#box-right ul img{ padding-left:40px; padding-right:12px; padding-bottom:5px; float:left;}
#box-right #ad-2{ padding-left:1px; padding-right:12px; padding-bottom:5px; padding-top:12px; float:left;}
#box-right #ad-3{ padding-left:1px; padding-right:12px; padding-bottom:5px; padding-top:3px; float:left;}


#box-right li{ list-style:none; padding-left:40px; font-size:16px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif;}
#box-right h3{ font-size:11px; color:#384D56; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:600; padding-left:40px;
}
#top-bar { height:157px; width:875px;  border-top:1px solid #FAF5DF; background-color:#CECECE; background-image:url(../img/top-bar-img.jpg); background-repeat:no-repeat;}
#top-bar h3{ padding-bottom:8px;}
#top-bar #orgonize { float:left; margin-left:20px; padding-top:20px; width:400px;}
#top-bar h3 { color:#000;}
#top-bar #orgonize p { font-size:11px; color:#525050; padding-bottom:6px;}
#top-bar #edit { float:left; margin-left:20px; padding-right:12px; padding-top:20px; width:430px;}
#top-bar #edit p { font-size:11px; color:#525050;}
#top-bar #create {  float:left; margin-left:23px; padding-top:7px;}
#top-bar #create p { text-align:center; font-size:18px; color:#128DD2; }
#top-bar a { color: #384284; text-decoration:none;  }
#top-bar a:hover { color:#DD5200; 
}
#top-bar-4 { height:135px;  background-color:#EFD766; background-image:url(../img/top-bar-img.jpg); background-repeat:no-repeat;
}
#top-bar-2 { height:135px; background-color:#EFD766; background-image:url(../img/top-bar-img.jpg); background-repeat:no-repeat;
}
#center-bar-top { background-color:#F3F3F3; background-image:url(../img/center-header_img.jpg); background-repeat:no-repeat; height:auto; padding-bottom:50px; border-bottom:1px solid #878787; 
}
#center-bar-4 .templates-freeicons-2{  text-align:center;   padding-left:44px; } 
#center-bar-4 .templates-freeicons #tf-icons { float:left; padding-right:22px;}
#center-bar-4 .templates-freeicons #tf-icons p { font-size:10px; color:#6E6868;
}  
#center-bar-top #templates-freeicons {  padding-top:5px; padding-left:24px; }
#center-bar-top #templates-freeicons #tf-icons { float:left; padding-right:22px;}
#center-bar-top #templates-freeicons #tf-icons p { font-size:10px; color:#6E6868;
}
#header-bar-4 {  background-color:#E3E7EE; height:250px;   }
#header-bar-4 .templates-freeicons-2 { text-align:center;  padding-top:25px; padding-left:44px; }
#header-bar-4 .templates-freeicons-2 #tf-icons { float:left; padding-right:22px;}
#header-bar-4 .templates-freeicons-2 #tf-icons p { font-size:10px; color:#6E6868;}
#tf-icons-download { padding-top:40px; margin-left:30px; float:left;}
#tf-icons-download2 { padding-top:22px; margin-left:45px;
}
.templates-freeicons-2 { text-align:center;  padding-top:5px; padding-left:44px; }
.templates-freeicons-2 .vt { }
.templates-freeicons-2 #tf-icons { float:left; padding-right:22px;}
.templates-freeicons-2 #tf-icons p { font-size:10px; color:#6E6868;
}
#center-bar-top-2 { background-color:#E3E7EE; background-repeat:no-repeat; height:auto; padding-bottom:180px; border-bottom:1px solid #878787; }
#center-bar-top-2 .word {}
#center-bar-top-2 .word p { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 12px;  padding: 6px 20px 0 20px; 
}
#center-bar-buttom{height:auto; background-color:#E3E7EE;  clear:left; border-bottom:1px solid #fff; padding-bottom:20px; border-bottom:1px solid #878787; border-top:1px solid #FFF;}
#center-bar-buttom #introducing-eezPix p{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #3B3A3A; padding: 20px 20px 10px 20px;
}
#center-bar-buttom-2{height:750px; background-color:#E3E7EE;  clear:left;  padding-bottom:20px; border-bottom:1px solid #878787;}
#center-bar-buttom-2 #introducing-eezPix p{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #3B3A3A; padding: 20px 20px 10px 20px;
}
#center-bar-buttom-two { background-color:#E3E7EE;  border-top:1px solid #FFF;  height:auto; }
#center-bar-buttom-two ul { padding: 20px 0 20px 20px; list-style:none;}
.footer { background-image:url(../img/footer_img.jpg); background-repeat:no-repeat; height:117px; clear:left;}
.footer p{ font-size:10px; color:#ABCFE5;}
.footer #copyrights { padding-left:10px;}
.footer #copyrights p { float:left; padding-right:20px; color:#AE683D; padding-top:10px;}
.footer #copyrights a { color:#999999;  text-decoration:none; }
.footer #copyrights a:hover{ color:#EAC93B;}
.ai { clear:left; padding-right:28px; float:left; padding-top:5px;}
#header-bar-moban .aii { color:#FB8E4C; font-weight:700; line-height:1.8em; padding:8px 0 3px 28px; }
#header-bar-moban p{ padding-bottom:7px;}
.aiii { color:#000;  padding-left:30px;}
.aiiii { padding-left:25px; color:#0033FF;}
.organizeto {height:auto; }
.organizeto2{ clear:both; height:auto;  }
.organizeto3{ clear:both; height:auto; }
.create-02 {color:#585858; font-weight:700;}
.sitemapul { line-height:190%; margin-left:120px; margin-top:30px;}
.sitemapul { list-style:none; }
.list { padding-bottom:10px; line-height:150%; padding-left:40px;}

.flash { text-align:center; padding-top:15px; padding-bottom:15px;}

#jiao {height:13px; background-color:#0E0E0E;}
<!--
.template-demo { text-align:center; height:170px;}
.template-demo li {width:270px; float:left; padding-right:20px; padding-right:10px; padding-top:10px; list-style:none;}
.template-demo p { text-align:center; padding-top:10px;}
.template-demo a { color:#000000; font-size:small;}
.template-demo img{ border:1px solid #252C34;}
--> 

#recommended-templates{ margin-left:80px; margin-top:5px;}
#next-template-icon{ margin-left:22%; }
#nav-next { height:46px; float:left;}
#nav-next li{ float:left; list-style:none; margin-left:40px;}
#nav-next li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../img/next-1.jpg); width:213px; height:23px; }
#nav-next li a p{ padding:12px 0 0 28px; font-size:12px;}
#nav-next li a:hover{ clear:left; background-image:url(../img/next-1-hover.jpg);}

#nav-next-2 { height:46px;}
#nav-next-2 li{ float:left; list-style:none; margin-left:1px;}
#nav-next-2 li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../img/next.jpg); width:215px; height:23px; }
#nav-next-2 li a p{ padding:12px 0 0 28px; font-size:12px;}
#nav-next-2 li a:hover{ clear:left; background-image:url(../img/next-hover.jpg); width:215px; height:23px;}

#download-top{ clear:both; height:auto;  background-color:#E3E7EE;}
#index-download a{ font-size:14px; }

.headline { margin:15px 0 15px 0; border-bottom: #0099FF 1px dashed; padding-bottom:5px;}
.headline a { margin:15px; font-size:16px; font-weight:bold;}
.headline-c {color:#FF6600;}
.headline a:hover { text-decoration:none; color:#FF6600;}

.image { text-align:center; margin:10px 0;}

.image .lightBox img { padding:10px 30px;}
 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; margin::0 20px 0 20px; }

#lightbox a img{ border: none; margin::0 20px 0 20px; }

#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;
	overflow: auto;
	width: 100%	
	}

#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;
	}



#drop-down{
		position: relative;
	}
	#drop-down:hover .sebmenu{
		display: block;
		width:176px;
	}
	#drop-down table{
		display: none;
		top: 29px;
		position:absolute;
		border:1px solid;
		border-color:#63707F;
		text-indent: 5px;
		background-color:#63707F;
	}
	#drop-down table a{
		text-indent: 5px;
		height: 25px;
		display: block; 
		text-align: left;
		padding: 0px;
		line-height: 25px;
		width:172px;
		background-color:#63707F;
	}
     #drop-down table a:hover{background:none; color:#FFF; background-color:#353C44;}
	#drop-down ul{
		background-color: #FFFFFF;
		right: 1px;
		top: 28px;
		position: absolute;
		display: none;
		border:1px solid;
		border-color:#63707F;
	}
	#drop-down ul a:hover{ background:none;}
	#drop-down ul li{
		position: relative;
		color:#63707F;
		background-color:#63707F;
		width: 107px;
		float: none;
		display: block;
		line-height: 25px; margin-top:0px; 
		text-indent: 5px;
		
	}
	#drop-down ul li a:hover{
		color:#FFF;
		background:none;
		background-color:#353C44;
		}
	#drop-down ul li a{
	    display:block;
		height:25px;
		padding-top:0px;
		text-align: left;
		float: none;
		background-image: none;
		margin: 0px;
		padding: 0px;
		width:166px;
		line-height: 25px;
		background-color:#63707F;
	}
	#drop-down ul li table{
		border:1px solid;
		border-color:#63707F;
		display: none;
		left: 166px;
		top: 0px;
		position: absolute;
		width:230px;
	}
	#drop-down ul li:hover table{ background-image:url(../images/Twonav1.png); border-right:1px solid #63707F; border-bottom:1px solid #63707F;
		background-repeat:no-repeat;
		display: block;
	}
	#drop-down ul li table a{
		margin: 0px;
		padding: 0px;
	}
	
   #drop-down ul li table a:hover{
		background-color:#353C44;
		color:#FFF;
		width:226px;
		}

	#drop-down:hover ul{
		display: block;
	}
	.more-pro{ float:right; margin-right:15px;}
	.last-pro{ padding-bottom:12px; }
	#download-li-a a{ width:137px;}
	
    .support-form{text-align:center; margin:30px 160px; border:#999999 1px solid; padding:20px; height:36px; width:500px;}
	.support-form p{font-size:26px; margin-bottom:20px;}