body {
	margin:0;
	padding:0;
	width:100%;
	font:normal 12px/1.7em "Liberation sans", Arial, Helvetica, sans-serif;
	background:#FFFFFF url(main%201.gif) repeat-x center top;
}
html, .main {
	padding:0;
	margin:0;
}
.main {

	background: url(back.jpg) no-repeat center top;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:26px;
	font-weight:normal;
	color:#343537;
	text-transform:uppercase;
	border-bottom:2px solid #c8c8c8;
}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
height:20px;
background-color:#009900;
}
.header_resize {
	margin:1px auto;
	padding:0;
	width:960px;
}
.logo {
	padding:0 0 0 10px;
	float:none;
	float:left;
	width:268px;
	height:130px;
	
}
.textcenter
{vertical-align:middle}
h1 {
	margin:0;
	padding:24px 0 0;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
	text-transform:none;
	letter-spacing:1px;
}
h1 a, h1 a:hover {
	color:#efeeee;
	text-decoration:none;
}
h1 small {
	display:block;
	font-size:13px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#efeeee;
}
.slider {
margin-top:5px;
	padding:10px;
	background:#fff;
}

 
.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu {
	margin-top:15px;
	margin-left:9px;
	height:30px;
	
	
	
}
.menu li {
    background: linear-gradient( #F3528A, #FFFFFF);


    min-width: 150px;
	
}
.menu > li {
    display: block;
    float: left;
    position: relative;
	margin-left:2px;
	
}
.menu > li:first-child {
    border-radius:1px 0 0;
	
	
}
.menu a {
color:#000099;
    display: block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
	width:auto;
	margin-top:1px;
	padding-left:11px;
	padding-right:11px;
    text-decoration:none;
    text-transform: uppercase;
	text-align:left;
	height:23px;
	
}

/* onhover styles */
.menu li:hover {
    background-color: #1c1c1c;
    background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
    background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
    background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
    background: -o-linear-gradient(#1c1c1c, #1b1b1b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
    background: linear-gradient( #FFFFFF, #F3528A);

}
.menu li:hover > a {
    color:#003399;
}

/* submenu styles */
.submenu {
    left: 0;
    max-height:25px;
    position: absolute;
    top: 100%;
    z-index: -400;
	-webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;
	padding:5px 10px;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
	
	
	background: -moz-linear-gradient(#292929, #252525);
    background: -ms-linear-gradient(#292929, #252525);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
    background: -webkit-linear-gradient(#292929, #252525);
    background: -o-linear-gradient(#292929, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
    background: linear-gradient( #FFFFFF, #999999);

}
.menu .submenu li:hover a {
    border-left: 1px solid #454545;
    border-radius:1px;
    color: #ffffff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;
	width:260px;
	-webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* CSS3 delays for transition effects */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth- child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.content {
	padding:0;
}
.content_resize {
	margin:0 auto;
	padding:24px 0 40px;
	width:960px;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:right;
	width:690px;
}
.content .mainbar h2 {
	margin-bottom:0;
	padding-bottom:8px;
	font-size:26px;
	line-height:1.2em;
	color:#212121;
}

.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	border:1px solid #dedede;
}
.content .mainbar .article {
	margin:0 0 8px;
	padding:6px 20px;
}
.content .mainbar .post_content {
}
.content .mainbar .post_content strong {
	color:#6d6d6d;
}
.content .sidebar {
	padding:0;
	float:left;
	width:270px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:6px 15px 24px;
}
.content .sidebar h2 {
	color:#006699;
}
ul.sb_menu, ul.ex_menu {
	margin:-10px;
	padding:5px;
	list-style:none;
	color:#000066;
	font-size:12px;
	background:#66FFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
ul.sb_menu li, ul.ex_menu li {
	margin:1px;
	border-bottom:1px solid #e8e8e8;
}
ul.sb_menu li, ul.ex_menu li {
	padding:5px 0;
	width:245px;
	text-align:left;
	
}
ul.sb_menu li a {
	color:#0000FF;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:-10px;
	padding:2px 4px 6px 10px;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#000099;
	text-decoration:none;
	text-align:left;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#D69129;
	font-weight:bold;
	text-decoration:none;
}

.fbg {
	border-bottom:1px solid #1b639a;
    background:#f3f3f3 url(main%201.gif);

}
.fbg_resize {
	margin:0 auto;
	width:920px;
	padding:16px 20px;
	color:#0000CC;

}
.fbg h2 {
	color:#330033;
	padding-bottom:24px;
	font-size:20px;
	border-bottom:none;
	text-transform:uppercase;
}
.fbg img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:4px solid #ece7e7;
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:280px;
	
}
.fbg .c2 {
	padding:0 36px 0 16px;
	width:280px;
	
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:274px;
	float:right;
}
.fbg .fbg_ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li a {
	display:block;
	margin:0;
	padding:2px 0 2px 12px;
	color:#c8c8c8;
	text-decoration:none;
	background:url(li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
	color:#c8c8c8;
	text-decoration:underline;
}

.searchform {
	padding:12px 40px 0 0;
	float:right;
}
#formsearch {
	margin:0;
	padding:32px 0 0 20px;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
}
#formsearch input.editbox_search {
	margin:0;
	padding:7px 10px;
	float:left;
	width:178px;
	font-size:12px;
	line-height:16px;
	color:#a8acb2;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
#garagedoor {
	margin: 3px auto;
	list-style: none;
	background:url(image%20-back.jpg) no-repeat;
	width: 650px;
	overflow:hidden;
	padding-left:15px;
	padding-top:10px;
	height:250px;
	position:relative;
}
#garagedoor li {
	width: 210px;
	height: 140px;
	display: block;
	float: left;
	position:relative;
}

/* Modernizer Enabled */
.csstransitions #garagedoor li {
	-webkit-transition: background-position 0.6s ease;
	-moz-transition: background-position 0.6s ease;
	-o-transition-property: background-position 0.6s ease;
}
.csstransitions #garagedoor li:hover {
	background-position: 0 -100px !important;
}

#garagedoor li#shutter1 {
	background:url(photoediting.jpg) 0 0 no-repeat; 
}
#garagedoor li#shutter2 {
	background:url(clippingpath.jpg) 0 0 no-repeat; 
}
#garagedoor li#shutter3 {
	background:url(imagemanipulation.jpg) 0 0 no-repeat; 
}
#garagedoor li#shutter4 {
	background:url(imagerestoration%20service.jpg) 0 0 no-repeat; 
}
#garagedoor li#shutter5 {
	background:url(popart.jpg) 0 0 no-repeat; 
}

#garagedoor li#shutter6 {
	background:url(logodesigning.jpg) 0 0 no-repeat; 
}


#garagedoor a {
   width: 200px;
   height: 100px;
   display: block;
   background:url(window.png) no-repeat bottom center;
   text-indent: -9999px;
   position:relative;
}
ul.flipboard{
margin:0;
padding:0;
list-style:none;
-webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */
-moz-perspective: 10000px;
-o-perspective: 10000px;
perspective: 10000px;
}

ul.flipboard li{
display: inline-block;
width: 80px; /* dimensions of buttons. Do not add padding/margins inside this rule */
height: 80px;
margin-right:2px; /* spacing between buttons */
cursor: pointer;
}

ul.flipboard li a{
display:block;
width: 100%;
height: 100%;
-webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}

ul.flipboard li a span{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2px; /* Add top padding to "center" content */
display:block;
width: 100%;
height: 100%;
-webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}

ul.flipboard li a img{
border-width: 0;
}

ul.flipboard li:hover a{
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 0px #eee inset;
-moz-box-shadow:0 0 0px #eee inset;
box-shadow:0 0 0px #eee inset;
}

ul.flipboard li:hover a span{
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

form div.dynamiclabel{ 
  display: block;
  margin: 30px;
  font: 16px;
  position: relative;
}
form div.dynamiclabel input[type="text"], form div.dynamiclabel textarea{
  width: 400px;
  padding: 10px;
  border: 1px solid #c3c3c3;
  border-radius: 7px;
}
form div.dynamiclabel textarea{
  height: 200px;
}
form div.dynamiclabel label{ /* pop up label style */
  position: absolute;
  left: 0;
  background:#66FF99;
  border:#FF0000;
  border-radius: 2px;
  padding: 3px 10px;
  box-shadow: 1px 1px 5px gray;
  font-weight: bold;
  -webkit-backface-visibility: hidden;
  top: 10px; /* initial top position of label relative to dynamiclabel container */
  -moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
  -o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
  z-index: -1;
}
form div.dynamiclabel > *:focus{ /* when user focuses on child element inside div.dynamiclabel */
  border: 1px solid #45bcd2;
  box-shadow: 0 0 8px 2px #98d865;
}
form div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
  opacity: 1;
  z-index:100;
  top: -25px; /* Post top position of label on focus relative to dynamiclabel container */
  -ms-transform: rotate(-0deg);
  -moz-transform: rotate(-0deg);
  -webkit-transform: rotate(-0deg);
  transform: rotate(-0deg);
}

.footer {
	background:#2476ab;
	border-top:1px solid #3b8cba;
}
.footer_resize {
	margin:0 auto;
	padding:0 20px;
	width:920px;
	line-height:1.5em;
	color:#c8c8c8;
}
.footer_resize p {
	margin:15px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	padding:2px 4px;
	color:#3183bf;
	background:#c8c8c8;
	font-weight:normal;
	margin:0;
	border:none;
	text-decoration:none;
}
.footer_resize a:hover {
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}