/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
   / GENERAL
   / BASE
   / HEADER
   / CONTENT
   / FOOTER
   / #HOME

*/
/* ################################## BATTLE ################################## */
#works {}

#works .box1{
	position:relative;
	width:753px;
	height:209px;
	background:url(images/works-bx1-bg.jpg);
}
#works .box1 .txt{
	position:absolute;
	top:18px;
	left:189px;
	z-index:1223;
}
#works .box1 .txt img { display:block;}
#works .box1 .txt p {
	margin:15px 10px 0 7px;
}

#works .box2 { margin:15px 0px; width:753px;}
#works .box2 p { margin:7px 14px 7px 32px; }
#works .box2 .left { width: 450px; margin: 15px 0 0 0; }
#works .box2 .right { margin: 25px 30px 0 0; }
#works .box2 { margin:15px 0px; width:753px;}

#works .box2 ul { position:relative; list-style:none; margin:0 auto; padding:0; width:683px; background:url(images/works-bx2-list.gif); }
#works .box2 li { margin:0px 14px 0px 0px; background:url(images/arrow-blue.gif) no-repeat 0px 12px; padding-left:17px; padding: 6px 0 5px 13px;}
#works .box2 li p { background:url(images/arrow-blue.gif) no-repeat 0px 5px; padding:0 25px 0 17px; margin:7px 14px 7px 50px;}