* {
  margin: 0px;
  padding: 0px;
  border: none;
}
body{
	background:#ffffff;
	background-image: url(../images/xxx);
	background-repeat: no-repeat;
	background-position:center top;
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20;
}
.clr-b { clear:both; }
.title{
font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #af0608;
}

#container {width: 940px;margin: auto;}  

DIV.separator{  
width:940px;     
float:left;  
height:17px; 
margin:auto;
}


/* Top Navigations */
#top{  
position:relative;
width:940px;   
height:130px; 
margin:auto;
background-repeat: no-repeat;
background-position:center top;
}  
#logo{  
background-repeat:no-repeat;  
background-image: url(../images/logo.png);  
height: 98px;
width: 241px;
position:absolute;
left:25px;
top:15px;
}
.topnavi {
position:absolute;
right:0;
top:0;
}
.topnavi li {  
float: left;  
display: block;  
list-style-type: none;
} 
.topnavi li a {  
background-image: url(../images/top_navi.png);  
background-repeat: no-repeat;
height: 100%;  
width: 100%;  
display: block; 
} 

.topnavi li a span  
{
     display:none;  
} 

.topnavi li.home {width:80px; height:30px;}
.topnavi li.home a{background-position:left top;}   
.topnavi li.home a:hover{background-position:left bottom;} 

.topnavi li.faq {width:63px; height:30px;}
.topnavi li.faq a{background-position:-80px top;}   
.topnavi li.faq a:hover{background-position:-80px bottom;} 
 
.topnavi li.contact {width:101px; height:30px;}
.topnavi li.contact a{background-position:-143px top;}   
.topnavi li.contact a:hover{background-position:-143px bottom;} 

.topnavi li.login {width:132px; height:30px;}  
.topnavi li.login a{background-position:-244px top;}   
.topnavi li.login a:hover{background-position:-244px bottom;} 

/* END Top Navigations */


/* Main Navigations + Banner*/
#main{  
width:940px;   
float:left;  
margin:auto;
}  
.mainnavi li {  
float: left;  
display: block;  
list-style-type: none;
position:relative;
} 
.mainnavi li a {  
background-image: url(../images/main_navi.png);  
background-repeat: no-repeat;
height: 46px;  
width: 188px;  
display: block; 
} 
.mainnavi li a span
{
    display: none;
}

.mainnavi li.pb a{background-position:left top;}   
.mainnavi li.pb a:hover{background-position:left bottom;} 

.mainnavi li.prc a{background-position:-188px top;}   
.mainnavi li.prc a:hover{background-position:-188px bottom;} 

.mainnavi li.pm a{background-position:-376px top;}   
.mainnavi li.pm a:hover{background-position:-376px bottom;} 

.mainnavi li.abt a{background-position:-564px top;}   
.mainnavi li.abt a:hover{background-position:-564px bottom;} 

.mainnavi li.ann a{background-position:-752px top;}   
.mainnavi li.ann a:hover{background-position:-752px bottom;} 


/*sub-menu*/
.sub-menu { list-style:none; background-color:#202020; padding-top:10px; }
.sub-menu li { float:none; width:100%; }
.mainnavi .sub-menu li a { width:auto; height:100%; }
.sub-menu li a { display:block; background-position:5px 0px; background-repeat:no-repeat; text-align:left; text-decoration:none; }
.sub-menu li a:hover { background-position:5px 0px; }
.sub-menu li a.disabled:hover { background-position:5px 0px; }
.sub-menu li a:hover span { color:#ff0099; }
.sub-menu li a.disabled span { color:#545454; }

.sub-menu li a span { display:block; font-size:1.2em; color:#ccc; font-weight:bold; padding:3px 12px 8px 15px; }
.sub-menu span.latest { color:#fc0; }

.mainnavi .sub-menu li a { background-image:url(../images/g_submenu_hover.png); 
background-position:5px -30px; background-repeat:no-repeat; }

/*sub-menu-wrap*/
.sub-menu-wrap { display:none; position:absolute; left:0; top:46px; background-color:transparent; width:188px; z-index:999; }
.sub-menu-wrap .bottom { height:13px; font-size:1px; }
.sub-menu-wrap .bottom .l { width:13px; height:13px; float:left; background:url(../images/g_submenu_cbl.png) no-repeat 0 0; }
.sub-menu-wrap .bottom .m { width:162px; height:13px; float:left; background-color:#202020; }
.sub-menu-wrap .bottom .r { width:13px; height:13px; float:right; background:url(../images/g_submenu_cbr.png) no-repeat 0 0; }

.sub-menu-wrap .bg { position:absolute; left:0; top:0px; width:188px; height:0px; background-color:#202020; z-index:-1; }

.mainnavi li .sub-menu-wrap { left:0px; right:auto; }


#banner{  
width:940px;   
float:left;  
height:252px; 
margin:auto;
}
#banner .g-corner {
background-image:url(../images/g_corner.png);
width:100%;
height:8px;
position:absolute;
left:0;
bottom:0;
z-index:9999;
}
/* END Main Navigations + Banner */


/* index 3 content */
#indexcontent {
width: 940px;
height: 270px;  
float:left;  
margin:auto;
}

.content1 {
width: 300px;
height: 270px;  
float:left;  
margin:auto;
}
.content1 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #513400; 
padding-right: 15px;  
padding-left: 15px;
padding-bottom: 5px;
text-align: justify;
}     
.content11 {  
background: url(../images/index1_1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 300px;  
}  
.content12 {  
background: url(../images/index222.png);  
background-repeat: repeat-y;  
width: 300px;  
height: 207px;
}  
.content13 {  
background: url(../images/index333.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 300px;  
} 

.content2 {
width: 300px;
height: 270px;  
float:left;  
margin:auto;
}
.content2 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #513400; 
/* padding-right: 15px;  */
/* padding-left: 15px; */
padding-bottom: 8px;
text-align: justify;
}
.content2 h1 {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #513400;
	font-weight:bold;
}
.content21 {  
background: url(../images/index2_1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 300px; 
}  
.content22 {  
background: url(../images/index222.png);  
background-repeat: repeat-y;  
width: 300px;  
height: 207px;
}
.content23 {  
height: 13px;  
width: 300px;  
background: url(../images/index333.png);  
background-repeat: no-repeat;  
} 
.content24 {
width:270px;
height: 205px;
margin:auto;
}
.content24 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #513400; 
padding-bottom: 8px;
text-align: justify;
}
.content3 {
width: 300px;
height: 270px;
float:left;  
margin:auto; 
}
.content31 {  
background: url(../images/index3_1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 300px;  
}  
.content32 {  
background: url(../images/index222.png);  
background-repeat: repeat-y;  
width: 300px;  
height: 207px;
}  
.content33 {  
height: 13px;  
width: 300px;  
background: url(../images/index333.png);  
background-repeat: no-repeat;  
} 

#contentspace {
width: 20px;
height: 270px;  
float:left;  
margin:auto;
}

.indexlist li {
  text-decoration: none;
  background-image: url(../images/index_bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  float: left;
  width: 270px;
  padding-left: 10px;
  margin-top: 5px;
  margin-left: 17px;
  background-position: left center;
}

.testi1 {
background-image: url(../images/testi1.png);
background-repeat: no-repeat;
width:257px;
height: 70px;
margin:auto;
}
.testi1 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #750305; 
padding-top: 5px;
padding-right: 10px;  
padding-left: 10px;
padding-bottom: 5px;
text-align: justify;
}

.testi_Big {
background-image: url(../images/testi4_big.png);
background-repeat: no-repeat;
width:257px;
height: 170px;
margin:auto;
}
.testi_Big p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #750305; 
padding-top: 5px;
padding-right: 10px;  
padding-left: 10px;
padding-bottom: 5px;
text-align: justify;
}

.testi11 {
width:257px;
height: 20px;
margin:auto;
}
.testi11 p {
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #513400; 
	font-weight:bold;
text-align: right;
}

.testi2 {
background-image: url(../images/testi2.png);
background-repeat: no-repeat;
width:257px;
height: 70px;
margin:auto;
margin-top: 3px;
}
.testi2 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #750305; 
padding-top: 5px;
padding-right: 10px;  
padding-left: 10px;
padding-bottom: 5px;
text-align: justify;
}
.testi22 {
width:257px;
height: 20px;
margin:auto;
}
.testi22 p {
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #513400; 
	font-weight:bold;
text-align: left;
padding-left: 2px;
}

.button2 {
height: 19px;  
width: 52px; 
margin-top: 6px;
margin-left: 230px;
}
.button3 {
height: 19px;  
width: 52px; 
margin-top: 3px;
margin-left: 230px;
}

/* END index 3 content */

#promo {
width: 940px;  
float:left;  
margin:auto;
}

/* Footer */

#footer {
width: 940px;
height: 200px;
margin:auto;
float:left;
}
.footer1 {
height: 150px;
padding-top: 50px;
background: url(../images/footer1.png) no-repeat;
}
.board1 {
	margin-left: 64px;
	width: 280px;
	float:left;
}
.footer li {
   text-decoration: none;
  background-image: url(../images/footer_bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  float: left;
  width: 130px;
  padding-left: 10px;
  background-position: left 8px;
  
}
.footer li li.main {
  background-image: url(../images/footer_bullet_lili.png);
	padding-left:10px;
	background-position: left 8px;
}
.footer li li {
  background-image: url(../images/footer_bullet_lili2.png);
  background-position: 10px 8px;
  padding-left:20px;
}
.footer li li a {
  font-size: 11px;
}
.footer li span {
  font-family: "Arial", sans-serif;
  font-size: 12px;
  color: #464646;
}


.board2 {
	margin-left: 27px;
	width: 230px;
	float: left;
}
.board2 p {
font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #464646;
	padding-top: 5px;
}
.board2 h1 {
font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #464646; 
	font-weight:bold;
}

.board3 {
	margin-left: 89px;
	width: 230px;
	float: left;
}
.board3 p {
font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #464646; 
	padding-bottom: 5px;
}

#footer2 {
min-height:65px;
width: 940px;
background: url(../images/footer2.png) repeat-y;
margin:auto;
float:left;
text-align: center;
padding-top:15px;
}
.footerstyle{
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #464646; 
	padding-bottom:8px;
}

/* END Footer */

#content {
width: 940px;  
float:left;  
margin:auto;
}
#content p {  
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20;
	margin-top: 5px;
	margin-bottom: 20px;
}
#content h2 {  
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #cb5051;
	margin-top: 5px;
}
#content h3{  
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #231f20;
	margin-top: 5px;
}
#content h4{  
font-family: "Arial", sans-serif;
	color: #af0608;
	margin-left: 15px;	
}



/* Photobook Page */

#pbleft {
width: 708px;
float:left;  
margin:auto;
}
#pbright {
width: 219px;
float:left;  
margin-left:13px;
}
#pb1-a {  
background: url(../images/clabel_photobook.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-ab {
background: url(../images/clabel_quality.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-ac {
background: url(../images/clabel_ideas.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-b {  
background: url(../images/clabel_gallery.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
} 
#pb1-c {  
background: url(../images/clabel_tutorial.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
} 
#pb1-d {  
background: url(../images/clabel_download.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}  
#pb1-a2 {  
background: url(../images/clabel_canvas.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-a4 {  
background: url(../images/clabel_tablecanvas.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-ab2 {  
background: url(../images/clabel_ideas_type2.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-b2 {  
background: url(../images/clabel_gallery_type2.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-c2 {  
background: url(../images/clabel_tutorial_type2.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}
#pb1-d2 {  
background: url(../images/clabel_download_type2.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 708px;  
}  
#pb2 {  
background: url(../images/708_2.png);  
background-repeat: repeat-y;  
width: 708px;
padding-top:10px;
} 
#pb2 .wrap { 
	padding-top: 5px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}
#pb2-type2 {  
background: url(../images/708_2_type2.jpg);  
background-repeat: repeat-y;  
width: 708px;
padding-top:10px;
} 
#pb2-type2 .wrap { 
	padding-top: 5px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}
#pb3 {  
background: url(../images/708_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 708px;  
}
#pb3-type2 {  
background: url(../images/708_3_type2.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 708px;  
}
.pb5 {  
float:left;
background: url(../images/tut2.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 608px;
margin-top: 10px;
margin-bottom: 10px;
} 
#pbr1 {
	background: url(../images/submenu_pbright_top.png);  
	background-repeat: no-repeat;  
	height: 27px;
	width: 219px;
}
#pbr2 {
	background: url(../images/submenu_pbright_middle.png);  
	background-repeat: repeat-y;  
	width: 219px;
	padding-bottom:30px;
}
#pbr3 {
	background: url(../images/submenu_pbright_bottom.png);
	background-repeat: no-repeat;
	height: 13px; 
	width: 219px;
}
#pbright .submenu {}
#pbright .submenu ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:2px;
}
#pbright .submenu li {
	height:32px;
	padding:0;
	margin:0;
	margin-bottom:3px;
}
#pbright .submenu a {
	display:block;
	width:215px;
	height:32px;
	padding:0;
	margin:0;
	background-image:url(../images/submenu_pbright.gif);
	background-repeat:no-repeat;
}
#pbright .submenu a span{
	display:none;
}
.main a {
	background-position: 0 0;
}
.gallery a {
	background-position: 0 -38px;
}
.tutorial a {
	background-position: 0 -76px;
}
.download a {
	background-position: 0 -114px;
}
.main a:hover {
	background-position: -430px 0px;
}
.gallery a:hover {
	background-position: -430px -38px;
}
.tutorial a:hover {
	background-position: -430px -76px;
}
.download a:hover {
	background-position: -430px -114px;
}
.main a.active {
	background-position: -215px 0px;
}
.gallery a.active {
	background-position: -215px -38px;
}
.tutorial a.active {
	background-position: -215px -76px;
}
.download a.active {
	background-position: -215px -114px;
}  
.pblist li {
  text-decoration: none;
  background-image: url(../images/content_bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  width: 500px;
  padding-left: 10px;
  margin-top: 5px;
  margin-left: 25px;
	margin-bottom:10px;
  background-position: left center;
}
#pbleft p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20; 
	margin-top: 5px;
text-align: justify;
}     
#pb2 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20;
	margin-top: 5px;
}
#pb2 .tut-n {
	width:608px;
	float:left;
}
#pb2 .tutlist {
	float:left;
	width:608px;
	margin-bottom:20px;
}
#pb2 .tutlist li {
  text-decoration: none;
  background-image: url(../images/tut_bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  float: left;
  width: 192px;
  padding-left: 10px;
  margin-top: 10px;
  background-position: left center;
}
#pb2 .tutlist2 li{
	text-decoration: none;
	margin-left:70px;
	margin-top:5px;
	list-style-type: none;
}
ol.tutorial {
  margin-top: 10px;
	margin-left:24px;
	list-style:decimal;
}
ol.tutorial ol {
	margin-left:24px;
	list-style:lower-roman;
}
ol.tutorial li {
	margin-bottom:15px;
}
ol.tutorial ol li {
	margin-bottom:3px;
}
.
#pb2 .quality {
	
}
#pb2 .quality li {
	list-style:none;
	float:left;
	width:132px;
	margin-right:24px;
}
#pb2 .quality li.last {
	margin-right:0;
}
#pb2 .quality li p {
	text-align:left;
	font-size:11px;
}

/* END Photobook Page */


/* Price List Page */
#prc {
width: 940px;
margin:auto;
}
#prc1 {  
background: url(../images/clabel_price.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#prc2 {  
background: url(../images/940_2.png);  
background-repeat: repeat-y;  
width: 940px;
padding-top:10px;
} 
#prc2 .wrap { 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
}
#prc2 h3 {
	color:#900;
	font-size:14px;
}
#prc3 {  
background: url(../images/940_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 940px;  
} 
.prc5 {  
background: url(../images/tut2.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 840px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 50px;
margin-right: 50px;
} 

.price-list-table { position:relative; top:0em; }

.price-list-table table { font-size:1em; margin-top:15px; border:2px solid #cccccc; }
.price-list-table th { text-align:left; padding:10px 20px 5px 0px; background-color:#990000; border-bottom:1px solid #ffffff; font-size:0.85em; color:#ffffff; }
.price-list-table td { text-align:left; height:50px; padding:3px 5px; border-bottom:1px solid #ffffff; border-top:1px solid #cfcfcf; }

.price-list-table th.soft-cover,
.price-list-table th.deboss,
.price-list-table th.spine-cover, 
.price-list-table th.dust-cover,
.price-list-table th.price { width:90px; padding:15px 0px 10px 0px; }

.price-list-table .alt2 td { background-color:#d8bdb1; }
.price-list-table td.graphic {  border-bottom:1px solid #ffffff; border-top:1px solid #cfcfcf; }

.price-list-table .last td {  border-bottom:none; }

.price-list-table  th {  }

.price-list-table-canvas th {
	background-color:#2e3e5d;
}
.price-list-table-canvas th.size { width:120px; }
.price-list-table-canvas th.price { width:120px; }
.price-list-table-canvas th span { padding-left:15px; }
.price-list-table-canvas td span { padding-left:15px; }

.price-list-table-canvas .alt2 td { background-color:#92a8b9; }

#prc p.notes { font-size:10px; font-style:normal; }
.pricelist li {
	text-decoration: none;
	background-image: url(../images/content_bullet.png);
	background-repeat: no-repeat;
	list-style-type: none;
	width: 500px;
	padding-left: 10px;
	margin-top: 5px;
	margin-left: 25px;
	margin-bottom:10px;
  background-position: left center;
}
/* END Price List Page */

/* Promotions Page */
#pm {
width: 940px;
margin:auto;
}
#pm1 {  
background: url(../images/clabel_promotions.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#pm2 {  
background: url(../images/940_2.png);  
background-repeat: repeat-y;  
width: 940px;
padding-top:10px;
} 
#pm2 .wrap { 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
}
#pm3 {  
background: url(../images/940_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 940px;  
} 
.pm5 {  
background: url(../images/tut2.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 840px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 50px;
margin-right: 50px;
} 
/* END Price List Page */

/* About Us Page */
#abt {
width: 940px;
margin:auto;
}
#abt1 {  
background: url(../images/abt1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#abt2 {  
background: url(../images/940_2.png);  
background-repeat: repeat-y;  
width: 940px;
padding-top:10px;
} 
#abt2 .wrap { 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
}
#abt3 {  
background: url(../images/940_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 940px;  
} 
.abt5 {  
background: url(../images/tut2.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 840px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 50px;
margin-right: 50px;
} 
/* END About Us Page */

/* Announcement&Download Page */

#ann {
width: 940px;
margin:auto;
}
#ann2 .wrap { 
padding-top: 5px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
}
#ann2 .theme-column{ 
padding-top: 25px;
padding-left: 50px;
padding-right: 50px;
}
.hr2 { background:url(../images/bg_hr2.jpg) no-repeat 0 0px; height:10px; width:100%; padding-top:0px; padding-bottom:10px; }
#ann1 {  
background: url(../images/ann1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#ann2 {  
background: url(../images/940_2.png);  
background-repeat: repeat-y;  
width: 940px;
padding-top:10px;
padding-bottom:10px;
}  
#ann3 {  
background: url(../images/940_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 940px;  
} 
.annlist li {
  text-decoration: none;
  background-image: url(../images/content_bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  float: left;
  width: 250px;
  padding-left: 10px;
  margin-top: 10px;
  margin-left: 52px;
  background-position: left center;
}
#ann4 {  
width: 940px;
float:left;
margin:auto;
padding-top:10px;
padding-bottom:10px;
}  
#ann4 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 50px;
padding-right: 50px;
}
.ann5 {  
background: url(../images/tut2.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 840px;
margin-top: 5px;
margin-bottom: 5px;
} 
#dl1 {  
background: url(../images/dl1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#dl21 {  
background: url(../images/dl2.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}
#dl2 {
	background-color:#caed5a;
	height: 45px;
	width: 450px; 
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 50px;
}
#dl2 p{
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20;
	font-weight:bold;
padding-bottom:5px;
padding-top: 15px;
padding-left: 30px;
padding-right: 30px;
}	
#dl3 {
	background-color:#faffb8;
	height: 45px;
	width: 450px; 
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 50px;
}
	
	
/* END Announcement&Download Page */

/* FAQ Page */
#faq {
width: 940px;
margin:auto;
}
#faq1 {  
background: url(../images/clabel_faq.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#faq2 {
background: url(../images/940_2.png);  
background-repeat: repeat-y;  
width: 940px;
padding-top:10px;
} 
#faq2 .wrap { 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
}
#faq3 {  
background: url(../images/940_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 940px;  
} 
.faqlist li {
  text-decoration: none;
  background-image: url(../images/tut_bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  padding-left: 10px;
  margin-top: 10px;
  background-position: left center;
}
.faq5 {  
background: url(../images/tut2.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 840px;
margin-top: 5px;
margin-bottom: 5px;
} 
/* END FAQ Page */

/* Testimonial Page */
#tes {
width: 940px;
float:left;  
margin:auto;
}
#tes1 {  
background: url(../images/tes1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#tes2 {  
background: url(../images/940_2.png);  
background-repeat: repeat-y;  
width: 940px;
padding-top:10px;
padding-bottom:10px;
}  
#tes3 {  
background: url(../images/940_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 940px;  
} 
.tes4 {  
width: 840px;
margin-left:50px;
margin-right:50px;
}  
.tes4 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20;
	margin-top:5px;
	margin-bottom:5px;
}
.tes4 h2 {  
font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #757575;
}
.tes4 h3{  
font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #231f20;
}
/* END Testimonial Page */

/* Contact Us Page */

#cleft {
width: 460px;
float:left;  
margin:auto;
}
#cright {
width: 460px;
float:left;  
margin-left:20px;
}

.c1 {
width: 460px;
float:left;  
margin:auto;
}
.c12 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20; 
padding-top: 10px;
padding-right: 25px;  
padding-left: 25px;
padding-bottom: 5px;
text-align: justify;
}    
.c11 {  
background: url(../images/contact1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 460px;  
}  
.c12 {  
background: url(../images/460_2.png);  
background-repeat: repeat-y;  
width: 460px;  
}  
.c13 {  
background: url(../images/460_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 460px;  
margin-bottom:17px;
} 
.c5 {  
background: url(../images/contact4.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 410px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 25px;
margin-right: 25px;
} 
.c2 {
width: 460px;
float:left;  
margin:auto;
}
.c22 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20; 
padding-top: 10px;
padding-right: 25px;  
padding-left: 25px;
padding-bottom: 5px;
text-align: justify;
}
.c23 {  
background: url(../images/460_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 460px;  
} 
.c21 {  
background: url(../images/contact2.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 460px;  
}  

.c3 {
width: 460px;
float:left;  
margin:auto;
}
/*.c32 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20; 
padding-top: 10px;
padding-right: 25px;  
padding-left: 25px;
padding-bottom: 5px;
text-align: justify;
} */   
.c31 {  
background: url(../images/contact3.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 460px;  
}  
.c32 {  
background: url(../images/460_2.png);  
background-repeat: repeat-y;  
width: 460px;  
}  
.c33 {  
background: url(../images/460_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 460px;  
margin-bottom:17px;
} 
.c34 {  
width: 410px;
margin-left:25px;
margin-right:25px;
}
.c34 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20; 
padding-top: 10px;
padding-bottom: 5px;
text-align: justify;
} 
.c6 {  
background: url(images/contact4.png);  
background-repeat: no-repeat;  
height: 2px;  
width: 410px;
margin-top: 5px;
margin-bottom: 5px;
} 
.accordion2 {
	width: 410px;
}
.accordion2 h3 {
	background: url(../images/arrow.png) no-repeat right -39px;
	margin: 0;
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #af0608;
	cursor: pointer;
	padding-top:5px;
	padding-bottom:5px;
}
.accordion2 h3.active {
	background-position: right top;
}
.accordion2 p {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20; 
padding-top: 5px;
padding-bottom: 15px;
text-align: justify;
display: none;
}
.sidebar-list li {
  list-style-type: none;
  margin-top: 5px;
  padding-bottom: 20px;
  background-image: url(../images/contact5.png);
  background-repeat: repeat-x;
  background-position: bottom;
} 

/* END Contact Us Page */

/* Gallery Page */
#g {
width: 940px;
float:left;  
margin:auto;
}

#g2 p {  
font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #231f20;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
text-align:center
}
#g1 {  
background: url(../images/g1.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  
#g2 {  
background: url(../images/940_2.png);  
background-repeat: repeat-y;  
width: 940px;
padding-top:10px;
padding-bottom:10px;
}  
#g3 {  
background: url(../images/940_3.png);  
background-repeat: no-repeat;  
height: 13px;  
width: 940px;  
} 
/* END Gallery Page */

/* Themes Page */
.theme{
	width:840px;
	float:left;
	margin-left:50px;
	margin-right:50px;
}

.theme1 li {  
float: left;  
display: block;  
list-style-type: none;
padding-right:18px;
} 
.theme1 li a {  
background-image: url(../images/theme1.jpg);  
background-repeat: no-repeat;
height: 136px;  
width: 119px; 
display: block; 
} 
.theme1 li.wed1 a{background-position:left top;}   
.theme1 li.wed1 a:hover{background-position:left bottom;} 

.theme1 li.wed2 a{background-position:-120px top;}   
.theme1 li.wed2 a:hover{background-position:-120px bottom;} 

.theme1 li.wed3 a{background-position:-240px top;}   
.theme1 li.wed3 a:hover{background-position:-240px bottom;} 

.theme2 li {  
float: left;  
display: block;  
list-style-type: none;
padding-right:18px;
} 
.theme2 li a {  
background-image: url(../images/theme2.jpg);  
background-repeat: no-repeat;
height: 136px;  
width: 119px; 
display: block; 
} 
.theme2 li.va1 a{background-position:left top;}   
.theme2 li.va1 a:hover{background-position:left bottom;} 

.theme2 li.va2 a{background-position:-120px top;}   
.theme2 li.va2 a:hover{background-position:-120px bottom;} 

.theme2 li.va3 a{background-position:-240px top;}   
.theme2 li.va3 a:hover{background-position:-240px bottom;} 

.theme2 li.va4 a{background-position:-360px top;}   
.theme2 li.va4 a:hover{background-position:-360px bottom;} 

.theme2 li.va5 a{background-position:-480px top;}   
.theme2 li.va5 a:hover{background-position:-480px bottom;} 

.theme2 li.va6 a{background-position:-600px top;}   
.theme2 li.va6 a:hover{background-position:-600px bottom;} 

.theme3 li {  
float: left;  
display: block;  
list-style-type: none;
padding-right:18px;
} 
.theme3 li a {  
background-image: url(../images/theme3.jpg);  
background-repeat: no-repeat;
height: 136px;  
width: 119px; 
display: block; 
} 
.theme3 li.baby1 a{background-position:left top;}   
.theme3 li.baby1 a:hover{background-position:left bottom;} 

.theme3 li.baby2 a{background-position:-120px top;}   
.theme3 li.baby2 a:hover{background-position:-120px bottom;} 

.theme3 li.baby3 a{background-position:-240px top;}   
.theme3 li.baby3 a:hover{background-position:-240px bottom;} 

.theme3 li.baby4 a{background-position:-360px top;}   
.theme3 li.baby4 a:hover{background-position:-360px bottom;} 

.theme3 li.baby5 a{background-position:-480px top;}   
.theme3 li.baby5 a:hover{background-position:-480px bottom;} 

.theme3 li.baby6 a{background-position:-600px top;}   
.theme3 li.baby6 a:hover{background-position:-600px bottom;}

/* END Themes Page */

/* Download Form */
	#download_form ul					{float:left;}
	#download_form ul li	s				{margin:10px 0; list-style:none; position:relative; clear:both;}
	#download_form label					{line-height:35px; width:35px; text-align:left; float:left; margin-right:10px;}
	#download_form input#name,
	#download_form input#email,
	#download_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#download_form input#name,
	#download_form input#email		  	{width:400px;}
	#download_form textarea				{width:500px;height:150px;}
/* Contact Form */
	#contact_form ul					{float:left;}
	#contact_form ul li	s				{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; width:150px; text-align:left; float:left; margin-right:10px; margin-left: 20px; font-weight: bold;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#address,
	#contact_form input#phone,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#address,
	#contact_form input#phone			{width:300px;}
	#contact_form textarea				{width:300px;height:150px; }

/*formi*/
.formi { width:650px; padding-left:50px; padding-right:0px; padding-top:15px;}
.formi .inp-text { width:auto; }

.text-input2 { padding-top:3px; padding-bottom:3px;  }
.text-input2 label { width:50px; float:left; vertical-align: middle; height:22px; padding-top:5px; font-weight:bold; }
.text-input2 input { border:1px solid #CCCCCC; padding-left:5px;width:350px; background:#fcfcfc; height:22px; padding-top:2px; color:#555050; }

.checkbox-input { }
.checkbox-input label { }
.checkbox-input input {  }

.action2 { margin-top:20px; }

.action2 input { border:none; background-image:url(../images/button.png); background-repeat:no-repeat;  background-color:#F5F7E9; background-position:center; width:100px; height:24px; color:#fff; cursor:pointer; }
.action2 input:hover { background-image:url(../images/button.png);  background-color:#F5F7E9; }
.action2 input.button-type2 { border:none; background-image:url(../images/longbutton.png);  background-color:#F5F7E9; background-repeat:no-repeat; background-position:center; width:150px; height:24px; color:#fff; cursor:pointer; }
.action2 input.button-type2:hover { background-image:url(../images/longbutton.png);  background-color:#F5F7E9; }

/*formi2*/
.formi2 {  }
label { }
input { }
.lb { float:left; width:120px;  padding-top:3px; text-align:left; margin-right:10px; margin-left: 20px; font-weight: bold; vertical-align:middle;}
.text-input {  padding-top:3px; padding-bottom:3px; }
.radio-input, .checkbox-input, .combo-input { padding-top:3px; padding-bottom:3px; }
.textarea-input  { padding-top:3px; padding-bottom:3px;  }

.text-input input             { border:1px solid #CCCCCC; padding-left:5px;width:250px; background:#fcfcfc; height:22px; padding-top:2px; color:#555050; }
.textarea-input textarea { border:1px solid #CCCCCC; padding-left:5px;width:250px; background:#fcfcfc; height:100px; padding-top:2px; color:#555050; overflow:auto; font-family: "Arial", sans-serif; font-size: 13px;}
.combo-input select { border:1px solid #CCCCCC; width:257px; background:#fcfcfc; height:22px; color:#555050;  padding-left:5px;}

.action { float:right; margin-right: 48px }
.action input { border:none; background-image:url(../images/button.png); background-color:#F5F7E9; background-repeat:no-repeat; background-position:center; width:90px; height:23px; color:#fff; cursor:pointer; text-align: center; font-weight: bold;  font-size:0.9em;}
.action input:hover { background-image:url(../images/button.png); background-color:#F5F7E9;}



.btn-download-wedoo { margin-left:50px; margin-top:10px; }
.btn-download-wedoo a { display:block; width:218px; height:76px; background-image:url(../images/btn_download_wedoo.gif); }
.btn-download-wedoo a:hover { background-position:0 -76px; }
.btn-download-wedoo span { display:none; }

.btn-download-themes { margin-top:20px; }
.btn-download-themes a { display:block; width:218px; height:76px; background-image:url(../images/btn_download_themes.gif); }
.btn-download-themes a:hover { background-position:0 -76px; }
.btn-download-themes span { display:none; }



/*survey form */
#surveyHeadline {  
background: url(../images/hl_survey.png);  
background-repeat: no-repeat;  
height: 50px;  
width: 940px;  
}  

.survey-form-block { margin-left:50px; margin-top:10px; padding:20px 50px; background-color:#ffffff; width:500px; border:1px solid #efefef; }
.survey-form-block .hr { background:url(../images/bg_form_hr.gif) no-repeat 0 0px; height:2px; width:100%; margin-top:20px; margin-bottom:5px; }

.errorbox-good { clear:both; margin-bottom:5px; }

.ss-q-short { width:200px; height:auto; border:1px solid #ccc; padding:3px; }
.ss-q-title { width:100px; float:left; font-weight:bold; padding-top:3px; }
.ss-scale .ss-q-title { display:block; float:none; width:auto; margin-bottom:10px; }
.ss-scale .ss-q-help {  }

.ss-scale table { margin-top:10px; margin-left:40px; background-color:#f5f7e9; border:1px solid #efefef; }

.ss-select .ss-q-title { width:100%; margin-bottom:10px; }
.ss-select select { border:1px solid #ccc; }

.ss-paragraph-text .ss-q-title { width:100%; margin-bottom:10px; }
.ss-paragraph-text textarea { border:1px solid #ccc; width:460px; font-family:Arial, Helvetica, sans-serif; padding:3px; }

.ss-required-asterisk { color:#cc0000; font-weight:bold; margin-left:3px; }

.ss-navigate input { border:none; background-image:url(../images/button.png); background-color:#F5F7E9; background-repeat:no-repeat; background-position:center; width:90px; height:23px; color:#fff; cursor:pointer; text-align: center; font-weight: bold;  font-size:0.9em;}
.ss-navigate input:hover { background-image:url(../images/button.png); background-color:#F5F7E9;}


label.ss-scalenumber { font-weight:bold; font-size:11px; }

td.ss-scalerow, td.ss-scalenumbers { text-align:center; padding:0px 3px; }
td.ss-leftlabel, td.ss-rightlabel { padding-left:10px; padding-right:10px; }



/*ss-legal*/
.ss-legal { margin-top:20px; margin-bottom:20px; color:#999999; }
.ss-legal .ss-powered-by { font-weight:bold; font-size:11px; display:block; }
.ss-legal .ss-powered-by a { color:#999999; } 
.ss-legal .ss-powered-by a:hover { color:#990000; }
.ss-legal .ss-terms a { color:#999999; font-size:10px; }
.ss-legal .ss-terms a:hover { text-decoration:underline; color:#990000; }

a:link {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #464646; 
	text-decoration: none;
	border:none;
}
a:visited {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #464646; 
	text-decoration: none;
	border:none;
}
a:hover {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #a75f07; 
	text-decoration: none;
	border:none;
}
a:active {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #464646; 
	text-decoration: none;
	border:none;
}

a.b:link {
	font-family: "Arial", sans-serif;
	font-size: 10px;
	color: #231f20;
	text-decoration: underline;
	border:none;
}
a.b:visited {
	font-family: "Arial", sans-serif;
	font-size: 10px;
	color: #231f20; 
	text-decoration: underline;
	border:none;
}
a.b:hover {
	font-family: "Arial", sans-serif;
	font-size: 10px;
	color: #af0608; 
	text-decoration: underline;
	border:none;
}
a.b:active {
	font-family: "Arial", sans-serif;
	font-size: 10px;
	color: #231f20; 
	text-decoration: underline;
	border:none;
}
a.c:link {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #af0608;
}
a.c:visited {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #af0608;
}
a.c:hover {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #FA5656;
}
a.c:active {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #af0608;
}
a.d:link {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #b61517;
	font-weight:bold;
	text-decoration: underline;
}
a.d:visited {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #b61517;
	font-weight:bold;
	text-decoration: underline;
}
a.d:hover {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #cb5051;
	font-weight:bold;
	text-decoration: underline;
}
a.d:active {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #b61517;
	font-weight:bold;
	text-decoration: underline;
}
a.e:link {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #b61517;
	font-weight:bold;
	text-decoration: underline;
}
a.e:visited {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #b61517;
	font-weight:bold;
	text-decoration: underline;
}
a.e:hover {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #cb5051;
	font-weight:bold;
	text-decoration: underline;
}
a.e:active {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #b61517;
	font-weight:bold;
	text-decoration: underline;
}