* { margin:0; padding:0;}
body { background:#ffffff url(images/body.gif) repeat-x}
html, input, textarea, select{
	font-family:arial;
	font-size:0.6875em;
	color:#333333;
	font-weight:normal;
	font-size:0.6875em;
	line-height:1.45em;
	text-align: center;
}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}


.separate{ background:url(images/separate.gif) repeat-x; width:auto; height:12px}

p {margin:0; padding:0;}


h1 { text-indent:-1000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(images/logo.gif) no-repeat; width:319px; height:49px; position:absolute}
.pos{ position:absolute; margin:0; padding:0}

ul { margin:0; padding:0; list-style:none; line-height:1.9em}
ul li{ no-repeat 0 9px; padding-left:1px}
ul li a { color:#292c2a; text-decoration: underline; font-weight:normal; font-size:1.09em}
ul li a:hover{ text-decoration: none}

/*txt, links*/

.link{ background:url(images/marker.gif) no-repeat 0 6px; padding-left:12px; color:#5d5d5d; text-decoration:underline}
.link:hover{ text-decoration:none}

p{
	padding-bottom:10px;
	text-align: left;
	
}

a{ color:#5c5c5c; text-decoration: underline}
a:hover{ text-decoration: none}

/*header*/
#header .row1 .col1 .indent{ padding:25px 0 0 53px}
#header .row1 .col2{ background:url(images/line.gif) no-repeat}
#header .row1 .col2 .indent{ padding:42px 40px 0 0; text-align:right; color:#474a49; font-size:1.09em}
#header .row1 .col2 .indent a{ color:#26a9d7; text-decoration:underline}
#header .row1 .col2 .indent a:hover{ text-decoration:none}

#header .row2{ padding-left:5px; text-align:center}

#header .row3{ background:url(images/man_rep.jpg) repeat-x}
#header .row3 .left{ background:url(images/man_left.gif) no-repeat ; height:249px; width:100%}
#header .row3 .right{ background:url(images/man_right.jpg) no-repeat right top; height:249px; width:100%}
#header .row3 .right img{ margin:96px 0 0 77px}

#header .row3a{ background:url(images/man_rep.jpg) repeat-x}
#header .row3a .left{ background:url(images/man_left.gif) no-repeat ; height:249px; width:100%}
#header .row3a .right{ background:url(images/games_right.jpg) no-repeat right top; height:249px; width:100%}
#header .row3a .right img{ margin:96px 0 0 77px}

#header .row3b{ background:url(images/man_rep.jpg) repeat-x}
#header .row3b .left{ background:url(images/man_left.gif) no-repeat ; height:249px; width:100%}
#header .row3b .right{ background:url(images/creative_right.jpg) no-repeat right top; height:249px; width:100%}
#header .row3b .right img{ margin:96px 0 0 77px}

#header .row4{ background:url(images/casual_rep.gif) repeat-x}
#header .row4 .left{ background:url(images/casual_left.jpg) no-repeat ; height:112px; width:100%}
#header .row4 .right{ background:url(images/casual_right.jpg) no-repeat right top; height:112px; width:100%}
#header .row4 .right img{ margin:6px 0 0 77px}

#header .row5{ background:url(images/about_rep.jpg) repeat-x}
#header .row5 .left{ background:url(images/about_left.gif) no-repeat ; height:249px; width:100%}
#header .row5 .right{ background:url(images/about_right.jpg) no-repeat right top; height:249px; width:100%}
#header .row5 .right img{ margin:6px 0 0 77px}

#header .row6{ background:url(images/about_rep.jpg) repeat-x}
#header .row6 .left{ background:url(images/about_left.gif) no-repeat ; height:249px; width:100%}
#header .row6 .right{ background:url(images/contact_right.jpg) no-repeat right top; height:249px; width:100%}
#header .row6 .right img{ margin:6px 0 0 77px}

#header .row7{ background:url(images/about_rep.jpg) repeat-x}
#header .row7 .left{ background:url(images/about_left.gif) no-repeat ; height:249px; width:100%}
#header .row7 .right{ background:url(images/privacy_right.jpg) no-repeat right top; height:249px; width:100%}
#header .row7 .right img{ margin:6px 0 0 77px}

/*content*/
#content .block{ width:101%; color:#333333}
#content .block strong{ color:#5c5c5c}
#content .t{ background:url(images/top.gif) repeat-x #f5f5f5; width:100%}
#content .b{ background:url(images/bottom.gif) repeat-x left bottom; width:100%}
#content .l{ background:url(images/left.gif) repeat-y; width:100%}
#content .r{ background:url(images/right.gif) repeat-y right top; width:100%}
#content .lt{ background:url(images/lt.gif) no-repeat; width:100%}
#content .rt{ background:url(images/rt.gif) no-repeat right top; width:100%}
#content .lb{ background:url(images/lb.gif) no-repeat left bottom; width:100%}
#content .rb{ background:url(images/rb.gif) no-repeat right bottom; width:100%}

/*footer*/
#footer .indent{ padding:0 20px 28px 28px}
#footer .bg{ width:100%; height:43px; background:#fafafa; border:#f2f2f2 1px solid}
#footer .ind{ padding:16px 0 0 30px; color:#8a8a8a; font-size:1.09em}
#footer a{ color:#373737; text-decoration:underline}
#footer a:hover{ text-decoration:none}

/*================== index.html ==================*/
#page1 #content .row1{ width:100%}
#page1 #content .row1 .indent{ padding:0 17px 7px 22px}
#page1 #content .row1 .ind{ padding:25px 23px 28px 25px }
#page1 #content .row1 .ind1{ padding:22px 0 0 10px}
#page1 #content .row1 .more{ margin-top:24px; display:block}

#page1 #content .row2{ width:100%}
#page1 #content .row2 .col1 .indent{ padding:27px 49px 35px 47px}
#page1 #content .row2 .col1 ul{ margin:29px 0 0 6px}

#page1 #content .row2 .col2 .border{ border:#f2f2f2 1px solid; background:#fafafa}
#page1 #content .row2 .col2 .border .bg{ background:url(images/bgd_y.gif) repeat-y}
#page1 #content .row2 .col2 .border .bg1{ background:url(images/image.jpg) no-repeat left bottom}
#page1 #content .row2 .col2 .indent{ padding:28px 18px 32px 128px; font-size:1.09em; color:#909090; line-height:1.5em}
#page1 #content .row2 .col2 p{ padding:24px 0 14px 0}

#page1 #content .row3{ width:100%; height:13px}
#content .row4{ width:100%}
#content .row4 .indent{ padding:0 24px 0 29px}
#content .row4 .indent .bg{ width:100%; background:#7a7a7a; border:#888888 1px solid; border-width:1px 0 }
#content .row4 .indent .line{ background:url(images/line1.gif) no-repeat 0 24px}
#content .row4 ul { margin:0; padding:0; list-style:none; line-height:1.6em}
#content .row4 ul li{ background:url(images/list_bg1.gif) no-repeat 0 7px; padding-left:14px}
#content .row4 ul li a { color:#fafafa; text-decoration: none; font-weight:normal; font-size:1em}
#content .row4 ul li a:hover{ text-decoration: underline}
#content .row4 .col1 .ind{ padding:22px 0 20px 36px}

#content .row4 .col2 .ind{ padding:22px 0 20px 32px}
#content .row4 .col3 img{ margin:10px  0 20px 31px}


#content .row5{ width:100%; height:13px}


/*================== index-1.html ==================*/
#page2 #content .row1{ width:100%}
#page2 #content .row1 .indent{ padding:0 17px 7px 22px}
#page2 #content .row1 .ind{ padding:26px 25px 27px 24px }
#page2 #content .row1 .title{ margin-bottom:21px}
#page2 #content .row1 .img{ float:left; margin-right:14px}
#page2 #content .row1 .col2 .ind1{ padding:23px 0 0 11px}

#page2 #content .row2{ width:100%; font-size:1.09em; color:#909090; line-height:1.5em}
#page2 #content .row2 .col1 .indent{ padding:33px 20px 39px 47px}
#page2 #content .row2 .title{ margin-bottom:32px}
#page2 #content .row2 .img{ float:left; margin-right:12px}
#page2 #content .row2 p{ padding-bottom:11px}

#page2 #content .row2 .col2 .indent{ padding:33px 20px 39px 0}



/*================== interactive.html ==================*/
#page3 #content .row1{ width:100%}
#page3 #content .row1 .indent{ padding:0 17px 7px 22px}

#page3 #content .row1 .col1 .r1{ width:100%}
#page3 #content .row1 .col1 .r1 .ind{ padding:27px 24px	25px 25px}
#page3 #content .row1 .col1 .r1 .ind .title{ margin-bottom:21px}
#page3 #content .row1 .col1 .r1 .ind .img{ float:left; margin-right:19px}

#page3 #content .row1 .col1 .r2{ width:100%} 
#page3 #content .row1 .col1 .r2 .ind{ padding:32px 31px 39px 21px; font-size:1.09em; color:#909090; line-height:1.5em}
#page3 #content .row1 .col1 .r2 .title{ margin-bottom:29px}
#page3 #content .row1 .col1 .r2 .img{ float:left; margin-right:17px}
#page3 #content .row1 .col1 .r2 p{ padding-bottom:15px}

#page3 #content .row1 .col2 .ind{ padding:27px 20px 30px 26px}
#page3 #content .row1 .col2 .ind1{ padding:22px 0 0 11px}
#page3 #content .row1 .col2  ul{ margin:16px 0 22px 0}

/*================== casual.html ==================*/
#page4 #content .row1{ width:100%}
#page4 #content .row1 .indent{ padding:0 17px 7px 22px}

#page4 #content .row1 .col1 .r1{ width:100%}
#page4 #content .row1 .col1 .r1 .ind{ padding:27px 24px	25px 25px}
#page4 #content .row1 .col1 .r1 .ind .title{ margin-bottom:21px}
#page4 #content .row1 .col1 .r1 .ind .img{ float:left; margin-right:19px}

#page4 #content .row1 .col1 .r2{ width:100%} 
#page4 #content .row1 .col1 .r2 .ind{ padding:32px 31px 39px 21px; font-size:1.09em; color:#909090; line-height:1.5em}
#page4 #content .row1 .col1 .r2 .title{ margin-bottom:29px}
#page4 #content .row1 .col1 .r2 .img{ float:left; margin-right:17px}
#page4 #content .row1 .col1 .r2 p{ padding-bottom:15px}

#page4 #content .row1 .col2 .ind{ padding:27px 20px 30px 26px}
#page4 #content .row1 .col2 .ind1{ padding:22px 0 0 11px}
#page4 #content .row1 .col2  ul{ margin:16px 0 22px 0}

/*================== about.html ==================*/
#page5 #content .row1{ width:100%}
#page5 #content .row1 .indent{ padding:0 17px 7px 22px}

#page5 #content .row1 .col1 .r1{ width:100%}
#page5 #content .row1 .col1 .r1 .ind{ padding:27px 24px	25px 25px}
#page5 #content .row1 .col1 .r1 .ind .title{ margin-bottom:21px}
#page5 #content .row1 .col1 .r1 .ind .img{ float:left; margin-right:19px}

#page5 #content .row1 .col1 .r2{ width:100%} 
#page5 #content .row1 .col1 .r2 .ind{ padding:32px 31px 39px 21px; font-size:1.09em; color:#909090; line-height:1.5em}
#page5 #content .row1 .col1 .r2 .title{ margin-bottom:29px}
#page5 #content .row1 .col1 .r2 .img{ float:left; margin-right:17px}
#page5 #content .row1 .col1 .r2 p{ padding-bottom:15px}

#page5 #content .row1 .col2 .ind{ padding:27px 20px 30px 26px}
#page5 #content .row1 .col2 .ind1{ padding:22px 0 0 11px}
#page5 #content .row1 .col2  ul{ margin:16px 0 22px 0}

/*================== content.html ==================*/
#page6 #content .row1{ width:100%}
#page6 #content .row1 .indent{ padding:0 17px 7px 22px}

#page6 #content .row1 .col1 .r1{ width:100%}
#page6 #content .row1 .col1 .r1 .ind{ padding:27px 24px	25px 25px}
#page6 #content .row1 .col1 .r1 .ind .title{ margin-bottom:21px}
#page6 #content .row1 .col1 .r1 .ind .img{ float:left; margin-right:19px}

#page6 #content .row1 .col1 .r2{ width:100%} 
#page6 #content .row1 .col1 .r2 .ind{ padding:32px 31px 39px 21px; font-size:1.09em; color:#909090; line-height:1.5em}
#page6 #content .row1 .col1 .r2 .title{ margin-bottom:29px}
#page6 #content .row1 .col1 .r2 .img{ float:left; margin-right:17px}
#page6 #content .row1 .col1 .r2 p{ padding-bottom:15px}

#page6 #content .row1 .col2 .ind{ padding:27px 20px 30px 26px}
#page3 #content .row1 .col2 .ind1{ padding:22px 0 0 11px}
#page3 #content .row1 .col2  ul{ margin:16px 0 22px 0}