html, body, ul, ol, li, form, h1, h2, h3, h4, h5, h6, blockquote, dl, dd, img {
	margin:0;
	padding:0;
	list-style:none;
/*		-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);*/
}

dd, blockquote {  
    margin-left: 1em;  
}  
fieldset {  
    border: none;  
}  
input, select, textarea {  
    font-size: 100%;  
    font-family: inherit;  
}  

/* main styles */ 
@font-face {
	font-family: "Diavlo Light";
	src: url(./diavlo_light_ii_37.eot); /* Hello, IE */
	src: local("Diavlo Light"), url(./diavlo_light_ii_37.otf) format("opentype");
}
@font-face {
	font-family: "Diavlo Bold";
	src: url(./diavlo_bold_ii_37.eot); /* Hello, IE */
	src: local("Diavlo Bold"), url(./diavlo_bold_ii_37.otf) format("opentype");
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left
}
.alignright {
	float: right
}
img.alignleft {
	margin:3px 20px 10px 0
}
img.alignright {
	margin:3px 0 10px 20px
}
.text-right {
	text-align:right
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.clear {
	clear:both
}

a {
	text-decoration:none;
	color:#636363
}
a:hover {
	color:#c99150
}

hr {
	height:1px;
	color:#dfdfdf;
	background:#dfdfdf;
	padding:0;
	margin:15px 0;
	border:none}

h1, h2, h3, h4, h5 {
	font-family:Diavlo Light, Arial,Helvetica,Sans-serif;
	font-weight:normal;
	color:#000}

h2, h3 {
	font-size:30px;
	line-height:1em}

h4 {
	font-size:26px}

h5 {
	font-size:18px}

/* body */
body  {
	font: 12px Arial,Helvetica,Sans-serif; 
	line-height: 1.2; 
	color: #555555;
	background: url(../images/body_white.gif);}

.container {
	width:960px;
	margin:0 auto;
	position:relative}

.bodywrap {
	height:100%;
	background:url(../images/topbg.gif) top repeat-x}

.noheader {
	background:url(../images/topbg2.gif) top repeat-x}

.noheader .header {
	height:196px}

.homepage {
	background:url(../images/topbg_home.gif) top repeat-x}

.homepage .header {
	height:auto}

/* header */
.header {
	height:279px}

.logo {
	width:200px;
	height:90px;
	padding:30px 0 0 100px;
	float:left;
	background:url(../images/SA-LOGO.png) left center no-repeat;
	color:#242424;}

.logo-text strong{
	font:60px Diavlo Light,Arial,Helvetica,Sans-serif;
	display:block;
	line-height:50px}

.logo-text a {
	color:#000}

.logo-text span {
	font:17px Diavlo Light,Arial,Helvetica,Sans-serif;}

/* slider */
.slider {
	clear:both;
	overflow:hidden;
	width:960px;
	height:340px;
	padding-bottom:44px;
	background:url(../images/slider_bg_bot.jpg) bottom center no-repeat #fff;
}
.slider p {
	margin:0;}

.noslider {
	background:url(../images/topbg2.gif) top repeat-x}

.homepage .layouts {
	padding-top:47px}

.noslider .intro-box {
	background:#fff}

.text-medium {
	font:22px Diavlo Light,Arial,Helvetica,Sans-serif;
	color:#181818;
	line-height:1.2em}

.text-medium p {
	padding:2px 0}

.intro-box {
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	margin:0 0 40px 0}

.homepage .layout4 {
	margin:0}

.boxbg {
	background:url(../images/bg_home_cols_black.gif) left bottom no-repeat;
	min-height:322px;
	color:#737373;}

.boxbg .text {
	background:url(../images/bg_home_cols_black.gif) left top no-repeat;
	padding:25px 20px 0px 20px;
	min-height:235px;}
	
.boxbg:hover {
	background:url(../images/bg_home_cols_black.gif) right bottom no-repeat;
	color:#000}

.layouts .boxbg h2 {
	background:none;
	margin:0;
	font-size:23px;
	color:#6a8401;}

.boxbg a.link-more {
	color:#79901a}

.boxbg a.link-more:hover {
	color:#6a8401
	border:none}

.ico-brand,
.ico-colors,
.ico-jquery,
.ico-web {
	width:160px;
	height:40px;
	margin:0 auto 23px auto;}

.ico-brand {
	background:url(../images/icons-brand.gif) left top no-repeat;}
.ico-colors {
	background:url(../images/icons-colors.gif) left top no-repeat;}
.ico-jquery {
	background:url(../images/icons-jquery.gif) left top no-repeat;}
.ico-web {
	background:url(../images/icons-browsers.gif) left top no-repeat;}

.boxbg:hover .ico-brand,
.boxbg:hover .ico-colors,
.boxbg:hover .ico-jquery,
.boxbg:hover .ico-web {
	background-position:left bottom;}

a.btn-start {
	background:url(../images/btn-start.gif) no-repeat;
	padding-left:16px;
	width:183px;
	height:54px;
	color:#fff;
	font-size:18px;
	line-height:54px;
	display:block;
	margin:25px auto 10px}

a.btn-start:hover {
	color:#fff}

/* topmeenu, dropdown */
.top-menu {
	width:660px;
	height:134px;
	float:left;
	font:17px Diavlo Light,Arial,Helvetica,Sans-serif;}

ul.dropdown {
	position: relative;
	z-index: 7;
	float: right;
	padding-top:64px;
}

ul.dropdown li {
	display:block;
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	/*zoom: 1;*/
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 9;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 30px;
	left: 8px;
	z-index: 8;
	width: 143px;
	font:12px Arial,Helvetica,Sans-serif;
	font-weight:bold;
	background:url(../images/topmenu_sub_2.gif) left bottom no-repeat;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown .root-item {
	display:block;
	float:left
}
	
ul.dropdown .root-item a {
	float:left;
	display:block;
	height:70px;
	padding:0 10px;
	color:#666;
	text-decoration:none;}

ul.dropdown li.active a {
	color:#000;
	background:url(../images/topmenu_bg_bot.gif) center bottom no-repeat}

ul.dropdown .root-item a:hover{
	color:#000}

ul.dropdown .root-item ul li {
	border-bottom:1px solid #e5e5e5;
}
ul.dropdown .root-item ul a,
ul.dropdown li.active ul a{
	display:block;
	float:none;
	padding:5px 5px 5px 15px;
	height: auto;
	background:none;
	color:#666
}
ul.dropdown .root-item ul a:hover {
	background:url(../images/topmenu_sub_bg.gif) repeat-y #f1f1f1;
	color:#79901a
}

ul.dropdown .root-item ul .last {
	border-bottom:none
}
ul.dropdown .root-item ul .last a {
	padding:5px 5px 10px 15px;}

ul.dropdown .root-item ul .last a:hover {
	background:url(../images/topmenu_sub_last_a.gif) left bottom no-repeat;}

ul.dropdown .root-item ul .first a {
	background:url(../images/topmenu_sub_1.gif) left top no-repeat;
	padding:20px 5px 5px 15px;
}
ul.dropdown .root-item ul .first a:hover {
	background:url(../images/topmenu_sub_1.gif) left top no-repeat;}

/* top text and icon */	
.top-text {
	clear:both;
	height:145px;
	width:780px;
	float:left;
	color:#e9e9e9;}

.top-text p {
	margin:0;
	padding:15px 0;
	height:44px;
	display:block;
	width:780px;
	overflow:hidden;
	font:22px Diavlo Light,Arial,Helvetica,Sans-serif}

.top-icon {
	background:url(../images/icon-blog.png) bottom no-repeat;
	width:126px;
	height:127px;
	margin-top:18px;
	float:left;
	position:relative}

.icon-pages {
	background:url(../images/icon-text.png) bottom no-repeat}

.icon-gallery {
	background:url(../images/icon-gallery.png) bottom no-repeat}

.icon-contact {
	background:url(../images/icon-contact.png) bottom no-repeat}

.icon-download {
	background:url(../images/Downloads-alt-icon.png) bottom no-repeat}

.icon-elearning {
	background:url(../images/Multimedia-icon.png) bottom no-repeat}
/* gallery list */
.gallery {
	position:relative}
	
.gallery ul,
.post-entry .gallery ul{
	padding:20px 0}

.gallery li,
.post-entry .gallery li{
	float:left;
	list-style:none;
	margin:11px;
	width:330px;
	height:237px;
	background:url(../images/gallery_bg_item.gif) no-repeat}

.post-entry .gallery li img {
	border:0;
	padding:0;
	width:320px;
	height:224px;
	padding:5px}

.post-entry .gallery li:hover img {
	background:#a8a8a8}

/* 2 columns layout, right sidebar */
.middle {
	background:url(../images/middle_bg.gif) top right repeat-y;
	float:left;
	width:100%}
	
.wrapper {
	width:960px;
	float:left}

.content {
	margin:0 227px 0 0;}

.navigation, .bottom-right {
	width:227px;
	float:left;
	margin-left:-227px;
	padding-top:10px}

.middle .navigation {
	background:url(../images/navigation_bg_top.gif) left top no-repeat;}

.navigation, .content {
	min-height:200px;}

.middle-bot {
	background:url(../images/middle_footer_bg.gif) top right no-repeat;
	height:76px;
	width:960px}

/* pagination */
.pagination {
	background:url(../images/pages_line.gif) 0 0 no-repeat;
	font:15px Diavlo Light, Arial, Helvetica, sans-serif;
	color:#9a9a9a;
	width:708px;
	padding:25px 25px 0 0;
	text-align:center;}

.pagination a {	
	text-decoration:none;
	color:#9a9a9a;
	margin:0 2px}

.pagination a:hover,
.pagination .active {
	color:#222}

.pagination .prev,
.pagination .next {
	font-size:18px;
	width:100px}

.pagination .prev {
	float:left;}

.pagination .next {
	float:right}

/* sidebar styles */
.navigation h3 {
	font:26px Diavlo Light, Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../images/title_line_right.gif) left 26px no-repeat;
	padding-left:30px;
	margin:10px 0}

.navigation a {
	color:#666;
	text-decoration:none;
	font-weight:bold}

.navigation a:hover {
	color:#be7826}

.widget {
	margin-bottom:25px}

.widget li {
	padding:5px 0 0 30px;
	display:block;
	clear:both;
	background:url(../images/navi_list_line.gif) left bottom no-repeat;
	margin-bottom:5px;}

.widget_popular li {
	height:58px}

.widget_popular li span {
	color:#a9a9a9;
	font-size:11px;
	font-weight:bold;
	display:block;
	padding-top:1px}

.widget_pages {
	font-family:Diavlo Light, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal}

.widget_pages li a {
	color:#979797}
	
.widget_pages li.active {
	background:url(../images/navi_list_active.gif) left top no-repeat #fff;
	border-bottom:1px solid #e6e6e6}

.widget_pages li.active a {
	color:#000}

.thumb-small {
	background:url(../images/thumb_bg.gif) no-repeat;
	width:51px;
	height:48px;
	float:left;
	overflow:hidden;
	padding:4px 0 0 4px;
	margin-right:8px}

.widget_popular li:hover .thumb-small {
	background:url(../images/thumb_bg2.gif) no-repeat;}

.navigation .space {
	padding-left:30px}
	
#tagcloud {
	padding:10px 0 5px 30px;
	line-height:1.8em;
}
#tagcloud a {
	margin:0 3px}

/* post styles */

.post-title {
	padding:0 25px 0 0;
	background:url(../images/title_line_long.gif) 0 bottom no-repeat;
	font-family:Diavlo Light, Arial, Helvetica, sans-serif;
	margin-bottom:15px}

.post-meta, .post-meta, .post-entry, .post-thumb {
	padding-right:25px}

.post-title h2, .post-title h1 {
	color:#000;
	font-size:36px;
	font-weight:normal;
	line-height:28px}

.post-title h2 a {
	color:#000;
	text-decoration:none;}

.post-title h2 a:hover {
	color:#be7826}
	
.post-date {
	color:#c8c8c8;
	font-size:18px;
	text-transform:lowercase;
	width:84px;
	float:right;}

.post-date strong {
	display:block;
	float:left;
	height:25px;
	width:40px;
	font-size:36px;
	line-height:28px;
	font-weight:400;
	text-align:right}

.post-date span {
	display:block;
	float:left;
	width:30px;
	line-height:11px;
	text-align:left;
	padding-left:8px}

.post-date span b {
	font-size:14px;
	font-weight:400;
	line-height:18px;}

.post-meta {
	color:#bebebe;
	font-size:11px;
	font-weight:bold;
	height:18px;
	line-height:18px;
	padding-bottom:15px}

.ico-author, 
.ico-tags, 
.ico-cat, 
.ico-comments {
	padding-right:20px;
	padding-bottom:1px}

.ico-author {
	background:url(../images/ico-author.gif) right top no-repeat;}
	
.ico-tags {
	background:url(../images/ico-tags.gif) right top no-repeat;
	margin-left:5px}

.ico-cat {
	background:url(../images/ico-category.gif) right top no-repeat;
	margin-left:5px}
	
.ico-comments {
	background:url(../images/ico-comments.gif) right top no-repeat;
	margin:0 5px}
	
.post-meta a, .post-meta strong {
	color:#8e8e8e;}

.post-meta a:hover {
	color:#666}

.post-thumb .shadow {
	background:url(../images/post-img-bg.gif) no-repeat;
	width:706px;
	height:236px;
	text-align:center;
	vertical-align:bottom}

.post-thumb .shadow img {
	margin:4px auto}
	
.post-entry {
	line-height:1.7em;
	margin-bottom:35px;
}

.post-entry img {
	border:2px solid #a8a8a8;
	border-top:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	padding:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

.post-entry img:hover {
	background:#a8a8a8}

.post-entry h2,
.post-entry h3, 
.post-entry h4, 
.post-entry h5 {
	margin:35px 0 20px 0;
	background:url(../images/title_line_long.gif) right bottom no-repeat
}
.post-entry ul, .post-entry ol {
	padding:10px 0 10px 40px
}
.post-entry ul li {
	list-style:disc;
	margin-bottom:7px
}
.post-entry ol li {
	list-style:decimal;
	margin-bottom:7px}

.post-entry a {
	color:#657a10}

.post-entry a:hover {
	text-decoration:underline}

.post-entry blockquote {
	background:#f3f5e0;
	border:1px solid #f7f8f0;
	border-left:3px solid #d3c8ad;
	padding:5px 10px 5px 20px;
	margin-bottom:10px}

.post-entry blockquote p {
	margin:7px 0}

.post-entry blockquote blockquote {
	background:#f7f8f0}

a.link-more {
	color:#657a10;}

a.link-more:hover {
	color:#657a10;
	border-bottom:1px solid #657a10;
	text-decoration:none}

/* related list */
.related-list h2,
.comments-list h2,
.add-comment h2 {
	margin:15px 0 10px;
	font-size:36px;
	line-height:30px;
	background:url(../images/title_line_long.gif) bottom no-repeat}

.related-list ul {
	padding:10px 0 10px 40px;}

.related-list ul li {
	list-style:disc;
	margin-bottom:10px;
	font-weight:bold}

/* comments layout */
.comments-list h2 {
	padding-left:10px}

.comment-one, .addcomment-box {
	width:690px;
	margin:20px 0 10px 10px}

.comment-avatar {
	width:85px;
	height:85px;
	background:url(../images/avatar_bg.gif) no-repeat;
	float:left;
	margin-right:15px}

.comment-avatar img {
	width:70px;
	height:70px;
	margin:7px 0 0 7px}

.comment-box {
	width:590px;
	background:url(../images/comment_bg_bot.gif) left bottom no-repeat;
	padding-bottom:9px;
	float:left}

.comment-top {
	background:url(../images/comment_bg_top.gif) left top no-repeat;
	height:31px;
	padding-left:33px;
	line-height:30px;
	font-size:14px}

.comment-text {
	min-height:45px;
	padding:0 20px 0 33px;
	margin-left:16px;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	background:#fff;
	color:#505050;
	line-height:1.4em;
	font-size:13px}

.comment-one p,
.add-comment p {
	margin:0;
	padding:5px 0}

.comment-meta {
	color:#a6a6a6;
	font-size:11px;
	padding:10px 0 5px 0}

.comment-one blockquote {
	background:#f6f6f6;
	padding:10px 10px 5px 10px;
	border:1px solid #dadada;
	border-bottom:none;
	margin:0 0 0 16px}

.comment-one blockquote blockquote {
	border:none;
	border-top:1px dotted #bcbcbc}

.comment-reply {
	padding-left:20px;
	background:url(../images/comment_bg_reply2.gif) 0 0 repeat-y #f6f6f6;}

.comment-author {
	font-size:14px}

a.link-reply {
	float:right;
	background:url(../images/ico-reply.gif) right center no-repeat;
	padding-right:18px;
	text-align:right;
	color:#a6a6a6}

a.link-reply:hover {
	color:#666}

/* add comment form */
.add-comment .post-title {
	margin-top:30px}

.icon-share {
	padding:3px 10px 0 0}

.addcomment-box .comment-top {
	height:56px;} 

.addcomment-box .comment-top p {
	display:block;
	width:50%;
	float:left;
	line-height:20px;
	padding-top:10px}

.addcomment-box .comment-text {
	padding:15px 20px 10px 16px
}
.checkobox {
	margin:3px 4px 0 0;
	padding:0;
	float:left}

.btn-post {
	background:url(../images/btn-post-comment.gif) no-repeat;
	width:130px;
	height:35px;
	font-size:14px;
	padding:0 0 4px 0;
	text-align:center;
	font-weight:bold;
	border:none;
	cursor:pointer;
	color:#2f2f2f;
	float:right}

.btn-post:hover {
	color:#da8a2c}

.notice {
	color:#666}

.backtop-box {
	padding-left:80px}
	
a.backtop {
	display:block;
	background:url(../images/bg_backtotop.gif) top no-repeat;
	width:72px;
	height:23px;
	line-height:21px;
	font-size:11px;
	text-align:center;	
	color:#585751;
	margin:0 auto}

a.backtop:hover {
	color:#000}

.addcomment-box .inputtext {
	background:url(../images/bg_input_white.gif) no-repeat;
	width:256px;
	height:22px;
	padding:5px 3px 0 3px;
	border:none;
	color:#555}

.addcomment-box .textarea {
	overflow:auto;
	background:url(../images/bg_textarea_white.gif);
	width:528px;
	height:143px;
	padding:5px 3px;
	border:none;
	color:#555}

/* bottom content */
.bottom-content {
	clear:both;
	width:100%;
	color:#a7b279;}
	background:url(../images/footer_sidebar_bg.gif) top repeat-x #161616;
	padding-bottom:20px}

.bottom-content h3{
	font:24px Diavlo Light, Arial, Helvetica, sans-serif;
	color:#fff}

.bottom-content h3 a {
	text-decoration:none;
	color:#fff}

.bottom-content h3 a:hover {
	color:#fff}

.bottom-sidebar {
	min-height:325px;
	padding-top:32px;
	color:#b2c07c;}

.bottom-right {
	padding:0}

/* contact form, bottom*/
.contact-form {
	width:221px;
	padding-left:5px}
	
.contact-form p {
	margin:0;
	padding:5px 0}

.contact-form input,
.contact-form textarea {
	border:none}
	
.contact-form .inputtext {
	background:url(../images/bg_input_bot.gif) no-repeat;
	width:211px;
	height:26px;
	padding:6px 5px 0 5px;
	color:#879f22
	font-size:13px}

.contact-form .textarea {
	background:url(../images/bg_textarea_bot.gif) no-repeat;
	width:211px;
	height:128px;
	padding:5px;
	font-size:13px;
	color:#444;
	border:none;
	scrollbar-base-color:#526117;
	scrollbar-arrow-color:#8ea33f;
	overflow:auto;}

.contact-form .btn-submit {
	background:url(../images/btn-submit-bot.gif) no-repeat;
	width:74px;
	height:32px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer}

.label {
	padding-bottom:5px}

/* bottom search */
.bottom-sidebar .content p {
	margin:2px 0;
	color:#b2c07c;
	font-size:11px}
	
.border {
	background:url(../images/bottom_line.gif) bottom repeat-x;
	height:66px;
	margin-right:25px}
	
.search-box {
	width:480px;
	height:66px;
	float:left}
	
.search-box h3 {
	display:block;
	float:left;
	width:135px}
	
.searchform {
	width:330px;
	float:left}
	
.stext {
	background:url(../images/bg_search.gif) no-repeat;
	width:280px;
	height:23px;
	padding:9px 35px 0 11px;
	font-size:13px;
	border:0;
	color:#404040}

.feed {
	width:224px;
	height:66px;
	float:left;
	background:url(../images/ico-feed.gif) right top no-repeat;
	text-align:right}

.feed h3 {
	line-height:22px}

.feed h3 a,
.feed p {
	padding-right:50px}

/* bottom sidebars cols */
.col-bot {
	padding:20px 0 0 0;
	width:175px;
	float:left}

.fcol-1 {
	width:215px;}

.fcol-2, .fcol-3 {
	width:150px}

.fcol-4 {
	width:190px}

.fcol-3, 
.fcol-4 {
	text-align:right}

.col-bot h3{
	padding-bottom:15px;
	background:url(../images/bottom_line.gif) bottom repeat-x;}

.col-bot li {
	background:url(../images/bottom_line.gif) bottom repeat-x;
	padding:10px 0}

.col-bot li a:hover {
	color:#fff}

/* footer */
.footer {
	background:#0e1104}

.copyright {
	height:60px;
	clear:both;
	color:#363e58
	font-size:11px;}

.copyright p {
	margin:0;
	padding:25px 0 5px 0;}

.copyright a {
	color:#2e3e71}

.copyright a:hover {
	color:#3e518a}

.botmenu ul {
	padding:25px 0 5px 0;
	font-size:11px;}
	
.botmenu ul li {
	display:inline;
	border-right:1px solid #333333;
	padding:0 2px 0 2px}

.botmenu ul li.last {
	border:none}

/* contact page */
.google-map {
	background:url(../images/google_map_bg.gif);
	width:446px;
	height:255px;
	padding:4px;}

.form-gray {
	width:453px}

.form-gray input,
.form-gray textarea {
	border:none}

.form-gray .inputtext {
	background:url(../images/bg_input_gray.gif) no-repeat;
	width:210px;
	height:23px;
	padding:8px 4px 0 6px;
	color:#585858}
	
.form-gray .textarea {
	background:url(../images/bg_textarea_gray.gif) no-repeat;
	width:443px;
	height:129px;
	padding:8px 4px 0 6px;
	overflow:auto;
	color:#585858}

.form-gray .btn-submit {
	background:url(../images/btn-submit-gray.gif) no-repeat;
	width:74px;
	height:31px;
	color:#000;
	font-size:14px;
	cursor:pointer}

/* styleswitcher */
#styleswitcher {
	background:url(../images/blank.png);
	width:100%;
	height:20px;
	padding:5px 0;
	text-align:center;
	position: fixed;
	top:0;
	z-index:1000;
}
#styleswitcher select {
	color:#666;
	font-size:13px}
}
div.img-resize img {
	width: 320px;
	height: auto;
}

div.img-resize {
	width: 320px;
	height: 226px;
	overflow: hidden;
	text-align: center;
}

div.thumb {
margin: 3px;
border: 1px solid #A0ACC0;
height: auto;
float: left;
text-align: center;
}
.thumb img{
display: inline;
margin: 5px;
border: 0px solid #A0ACC0;
}
.thumb a:hover img {opacity: 0.4;}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {
text-align: center;
font-weight: normal;
width: 190px;
margin: 0 3px 3px 3px;
} 

.photo {  
    margin: 30px;  
    position: relative;  
    width: 180px;  
    height: 130px;  
    float: left;  
}  
.photo img {  
    background: #fff;  
    border: solid 1px #ccc;  
    padding: 4px;  
}  
.photo span {  
    width: 20px;  
    height: 18px;  
    display: block;  
    position: absolute;  
    top: 12px;  
    left: 12px;  
    background: url(images/digg-style.gif) no-repeat;  
}  
.photo a {  
    text-decoration: none;  
}  
  
.sample1 span {  
    width: 28px;  
    height: 21px;  
    display: block;  
    position: absolute;  
    top: -12px;  
    left: 90px;  
    background: url(images/pin.png) no-repeat;  
}  
  
.sample2 span {  
    width: 77px;  
    height: 27px;  
    display: block;  
    position: absolute;  
    top: -12px;  
    left: 50px;  
    background: url(images/tape.png) no-repeat;  
}  
  
.sample3 span {  
    width: 30px;  
    height: 60px;  
    display: block;  
    position: absolute;  
    top: -5px;  
    left: -2px;  
    background: url(images/paper-clip.png) no-repeat;  
}  
  
.sample4 span {  
    width: 115px;  
    height: 32px;  
    display: block;  
    position: absolute;  
    top: -13px;  
    left: 30px;  
    background: url(images/tape2.png) no-repeat;  
}  
  
.sample5 span {  
    width: 216px;  
    height: 166px;  
    display: block;  
    position: absolute;  
    top: -17px;  
    left: -18px;  
    background: url(images/gold-frame.png) no-repeat;  
}  
  
.sample6 span {  
    width: 189px;  
    height: 137px;  
    display: block;  
    position: absolute;  
    top: -5px;  
    left: -5px;  
    background: url(images/cut-corner.png) no-repeat;  
}  
  
.sample7 span {  
    width: 170px;  
    height: 120px;  
    display: block;  
    position: absolute;  
    top: 0;  
    left: 0;  
    background: url(images/round-corner.png) no-repeat;  
}  
.sample7 img {  
    border: none;  
    padding: 0;  
}  
  
.sample8 span {  
    width: 170px;  
    height: 120px;  
    display: block;  
    position: absolute;  
    top: 5px;  
    left: 6px;  
    background: url(images/round-corner.png) no-repeat;  
}  
.sample8 img {  
    border: none;  
    padding: 5px 6px 6px;  
    background: url(images/round-bg.gif) no-repeat;  
}  
  
.sample9 span {  
    width: 170px;  
    height: 120px;  
    display: block;  
    position: absolute;  
    top: 6px;  
    left: 7px;  
    background: url(images/stamp-pattern.png) no-repeat;  
}  
.sample9 img {  
    border: none;  
    padding: 6px 7px 7px;  
    background: url(images/stamp-bg.gif) no-repeat;  
}  
  
.sample10 span {  
    width: 181px;  
    height: 134px;  
    display: block;  
    position: absolute;  
    top: -6px;  
    left: -6px;  
    background: url(images/brush-border.png) no-repeat;  
}  
.sample10 img {  
    border: none;  
    padding: 0;  
}  
  
.sample11 span {  
    width: 122px;  
    height: 72px;  
    display: block;  
    position: absolute;  
    top: -22px;  
    left: -15px;  
    background: url(images/floral-corner.png) no-repeat;  
}  
  
.sample12 span {  
    width: 186px;  
    height: 137px;  
    display: block;  
    position: absolute;  
    top: 2px;  
    left: 2px;  
    background: url(images/watercolor-top.png) no-repeat;  
}  
.sample12 img {  
    border: none;  
    padding: 9px 12px 12px 11px;  
    background: url(images/watercolor-bg.png) no-repeat;  
}  
  
.sample13 span {  
    width: 170px;  
    height: 120px;  
    display: block;  
    position: absolute;  
    top: 0;  
    left: 0;  
    background: url(images/mask.png) no-repeat;  
}  
.sample13 img {  
    border: none;  
    padding: 0;  
}  
  
.sample14 span {  
    width: 170px;  
    height: 84px;  
    display: block;  
    position: absolute;  
    top: 5px;  
    left: 5px;  
    background: url(images/glossy-gradient.png);  
}