.GalleryCanvas {
width:592px;
background: #fff;
float: left;
clear:both;
margin-top: 6px;
margin-left: -2px;
}
.GalleryCanvas ul {padding: 0 0 0px 0;margin:-50px 0 -15px 0;}
.GalleryCanvas ul li {
padding: 0 0 10px 0;
background: none;
margin:0;
width:592px;
}



/*pic & label*/
.GalleryCanvas ul li .pic {
float: left;
clear: none;

z-index:2;
}

.GalleryCanvas ul li.left .pic, .GalleryCanvas ul li.left p {float: left;}
.GalleryCanvas ul li.right .pic, .GalleryCanvas ul li.right p  {float: right;}



/*pic*/
.GalleryCanvas ul li .pic span {
float: left;
background:#fff;
overflow: hidden;
padding-bottom:30px;
}
.GalleryCanvas ul li .pic span img {
background:#f4f4f4;
border:6px solid #fff;
}
.GalleryCanvas ul li.left .pic span img {
border-left: 0px;
}
.GalleryCanvas ul li.right .pic span img {
border-right: 0px;
}
.GalleryCanvas ul li.left .pic span {
background:url(../img/picgal-photoshadow.png) right bottom no-repeat;
padding-right:15px;
margin-right:-15px;
}
.GalleryCanvas ul li.right .pic span {
background:url(../img/picgal-photoshadow.png) left bottom no-repeat;
padding-left:9px;
margin-left:-9px;
}

.GalleryCanvas ul li.left .pic  {
background:url(../img/picgal-photoframe.png) right top no-repeat;
padding: 50px 46px 0 0;
}
.GalleryCanvas ul li.right .pic  {
background:url(../img/picgal-photoframe.png) left top no-repeat;
padding: 50px  0 0 46px;
}
.GalleryCanvas ul li.frame-4 .pic, .GalleryCanvas ul li.frame-5 .pic  {
background-image:url(../img/picgal-photoframe-short.png);
}



/*label*/
.GalleryCanvas ul li p {
clear: none;
line-height: 120%;
color:#333;
font-family: Arial, Helvetica, sans-serif;
background:url(../img/picgal-labelshadow.png) left bottom no-repeat #EBEFF2;
margin: 120px 0 0 0;
padding: 0;
width: 230px;

}
.GalleryCanvas ul li p span  {
float: none;
display: block;
padding: 10px;
background: url(../img/picgal-pointer.png) right top no-repeat;
position: relative;

}

.GalleryCanvas ul li.right .pic  {margin-left: 20px;}
.GalleryCanvas ul li.left .pic  {margin-right: 20px;}
.GalleryCanvas ul li.right p {background-position: left bottom; margin-left: -20px;}
.GalleryCanvas ul li.right p span  {margin: 0 0 19px -5px; background-position: right  top; padding-right: 24px; right:-13px; }
.GalleryCanvas ul li.left p {background-position: right bottom; margin-right: -20px;}
.GalleryCanvas ul li.left p span  {margin: 0 -5px 19px 0; background-position: left  top; padding-left: 24px; left: -13px; }


.GalleryCanvas ul li.left p {margin-left: -20px;}
.GalleryCanvas ul li.right p {margin-right: -20px;}

.GalleryCanvas ul li.frame-1 p {width: 154px; }
.GalleryCanvas ul li.frame-1 .pic span {width: 389px; height:235px}
.GalleryCanvas ul li.frame-2 p {width: 220px;}
.GalleryCanvas ul li.frame-2 .pic span {width: 299px; height:330px}
.GalleryCanvas ul li.frame-3 p {width: 220px;}
.GalleryCanvas ul li.frame-3 .pic span {width: 299px; height:260px}
.GalleryCanvas ul li.frame-4 p {width: 280px;}
.GalleryCanvas ul li.frame-4 .pic span {width: 188px; height:293px}
.GalleryCanvas ul li.frame-5 p {width: 280px;}
.GalleryCanvas ul li.frame-5 .pic span {width: 188px; height:222px}


.GalleryCanvas ul li p em  {
font-size: 9px;
font-style: normal;
display: block;
color:#999;
}











/*10 reasons */
.GalleryCanvasReasons ul li div.Info {
clear: none;
line-height: 110%;
color:#555;
margin: 80px 0 0 0;
padding: 0;
width: 230px;
overflow: visible;
height: auto;
float: left;
}
.GalleryCanvasReasons ul li.frame-1 div.Info {width: 110px;}
.GalleryCanvasReasons ul li.frame-2 div.Info {width: 250px;}
.GalleryCanvasReasons ul li.frame-3 div.Info {width: 250px;}
.GalleryCanvasReasons ul li.frame-4 div.Info {width: 360px;}
.GalleryCanvasReasons ul li.frame-5 div.Info {width: 360px;}
.GalleryCanvasReasons ul li.left  div.Info {float: right; margin-left:-30px}
.GalleryCanvasReasons ul li.right  div.Info {margin-right:-30px}






.GalleryCanvasReasons ul li div.Info h3 {
background: none;
width: auto;
background:none repeat scroll 0 0 transparent;
color:#BFBFBF;
font-size:80px;
font-weight:bold;
height:80px;
left:0;
margin: -20px -7px -7px -7px;
line-height:100%;
position:relative;
top:0;
width:auto;
}

.GalleryCanvasReasons ul li div.Info h4 {
font-size: 14px;
font-weight:bold;
float: left;
clear:both;
color:#222;
padding-bottom: 10px;
}
.GalleryCanvasReasons ul li div.Info p {
padding: 0;
margin: 0;
width: auto;
background: none;
line-height:130%;
color:#444;
}
.GalleryCanvasReasons ul li div.Info ul  {
float: left;
clear: both;
margin: 0;

}
.GalleryCanvasReasons ul li div.Info ul  li {
float: left;
clear: both;
widtH: 230px;
background: #eee;
padding: 5px 5px 20px 5px;
}


/*h4**/
.GalleryCanvasReasons h5 {
text-transform: uppercase;
padding: 12px 0 0 0;
margin: 0;
font-size: 9px;
border-bottom: 1px solid #ddd;
width: 240px;
}
/*links list */
.GalleryCanvasReasons ul li div.Info ul   {
float: left;
clear: both;
margin: 0;
}
.GalleryCanvasReasons ul li div.Info ul   li {
float: left;
clear: both;
background: #EBEFF2;
margin-top: 3px;
padding: 8px 5px 8px 5px;
width: 230px;
font-size: 11px;
line-height: 120%;
}
.GalleryCanvasReasons ul li div.Info ul li p  {
background: none;
padding: 1px 0 0 0;
min-height:0;
!height:auto;
color:#888;
line-height: 110%;
margin: 0;
font-size: 10px;
text-align:left;
float: left;
}
.GalleryCanvasReasons ul li div.Info ul  li a  {
font-weight: bold;
color: #222;
float: left;
clear: both;
widtH: 220px;
}


.GalleryCanvasReasons ul li.right  div.Info * {float: right; text-align: right;}