A {outline-style:none;outline-color:invert;outline-width:medium;COLOR: #7c8f18;text-decoration:none}
A:hover {COLOR: #2892b1; text-decoration:none}

.noborder {border: 0px;}
#over { background-color:#fff; background-attachment:fixed;background:url(images/grad_top.png) 0px 29px repeat-x #fff;height:130px;padding:0 0 0px 0;  height:100%
display: none;
}
BODY {font:12px Helvetica, Arial, sans-serif;color:#000;margin:0 auto;padding:0;background:url('images/BG/grad.png') repeat-x 0 128px;}
P {line-height:140%;margin:0;padding:0}
ul {margin-left:30px; padding:0}
UL LI {list-style-position:outside;
line-height:140%;  }
hr {border:0;border-top:1px solid #ccc;height:1px;margin:0}
H1 {font-family: Arial, Verdana, sans-serif;font-size:2.2em;margin:0;padding:0}
H2 {font-family:Arial,Verdana, sans-serif;margin:6px 0;padding:0;font-weight:normal}
H3 {font-family:Arial, Verdana, sans-serif;margin:4px 0;padding:0}
H4 {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;margin:0;padding:0}
pre {background-color:#dedede;line-height:100%;color:#444;border-left:3px solid #ddd;padding:10px}

.right-float{float:right;}
.left-float{float:left;}
.right{text-align:right}
.reverse {background-color:#303030;color:#fff; padding:2px 4px}
.reverse a {color:#FFFFFF}
.grey {color:#777}
.green {color:#7c8f18}
.greyBG {background-color:#f0f4f4}
.greenBG {background-color: #a8c221}
.blackBG {background-color:#000}
.whiteBG{background-color:#FFF}
.black {color:#000}
.white {color: #fff}
.Warning {color:  #FF0000}
.hidden {display:none}
.up {text-transform:uppercase}
.bold {font-weight:bold}
.normal { font-weight:100}
.pad3 {	padding:2px 3px}
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.padl20 {padding-left:20px;}
.padl30 {padding-left:30px;}
.padr20 {padding-right:20px;}
.padl40 {padding-left:40px;}
.margl20 {margin-left:20px;}
.margr20 {margin-right:20px;}
.margr30 {margin-right:30px;}
.margt10 {margin-left:10px;}

#MainContent .contentBlock p.bigger, #MainContentWide .contentBlockWide p.bigger, .bigger {font-size:1.3em; margin:10px 0 20px 0;  }

.bigger strong { font-weight:normal}
.border{border:1px solid #eee}
.clear {clear:both}
.click{	cursor:pointer}
.center, .aligncenter {text-align:center}
.click:hover {background-color:#222; color:#fff;}
.bulletR {background:url(images/bullet2.gif) no-repeat right; padding-right:12px;}
.bulletL {background:url(images/bullet2.gif) no-repeat left; padding-left:12px;}
.borderd {border:1px solid #ddd}
.relative {position:relative}
.bgblue { background-color:#2892b1}
.bgblue:hover { background-color:#7c8f18}
.round8 {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.round4 {-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

.w50 { width:50px}
.w60 { width:60px}
.w100 {width:100px}
.w130 {width:130px}
.w150 {width:150px}
.w180 {width:180px}
.w200 {width:200px}
.w220 {width:220px}
.w300 {width:300px}
.w320 {width:320px}
.w310 {width:310px}
.w330 {width:330px}
.w360 {width:360px}
.w400 {width:400px}
.w500 {width:500px}
.w600 {width:600px}
.w680 {width:680px}
.w700 {width:700px}

.h20{width:20px}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h110{height:110px}
.h130{height: 130px}
.h140{height: 140px}
.h150{height: 150px}
.h200{height:200px}
.h220{height:220px}
.h250{height:250px}
.h300{height:300px}
.h350{height:350px}
.h400{height:400px}
.h440 {height: 440px}
.h500 {height: 500px}
.h550 {height: 550px}
.h600 {height: 600px}
.h640 {height: 640px}
.h800 {height: 800px}
.req_quote { background:url(images/reguest_a_quote.png) no-repeat 0px 0px; display:block; width:151px; height:37px; text-indent:-9000px;}
.req_quote:hover {background-position:0px -37px;}

#MainBlock #header {padding-top:0px; backgrounds:url(images/top_bar.png) top  center no-repeat; height:152px;
}
#header #headerDiv {width:1000px;position:relative;text-align:left;background-position:top;height:130px;margin:0 auto;}

#logo {width:300px; display:block;width:300px;height:100px;position:relative; overflow:hidden;top:10px;
margin-left:30px}
#logo h1 {text-indent:-8000px}
#headerDiv #logo h1 {background:url('images/Logo5.png') no-repeat 0 10px;}
#headerDiv #logo img{display:none;}
#headerDiv #logo a {display:block;	height:100px}
.like {width:54px; overflow:hidden;  height:89px; padding:6px 12px; }
.like a color {color:#360}
.headshare {position:absolute;right:260px;top:14px;z-index:100;}

#headerDiv #stand span {left:900px;top:0;position:absolute;z-index:100}
#headerDiv #stand span a {display:none;width:76px;height:26px;text-indent:-80000px;cursor:pointer}
#headerDiv #stand span a:hover {height:29px}
#headerDiv #tagline {position:absolute;right:4px;top:54px;z-index:100; font-size:1.0em;color:#666;margin:0;padding:0; font-weight:normal;}
#headerDiv #CallNumber {width:174px;height:49px;position:absolute;right:198px;right:0px;top:-6px;display:block;background:url('images/bg_phone.png') no-repeat right;}
#headerDiv #CallNumber a {color:#93ad0c;text-indent:-80000px;display:block;}
#headerDiv #freeQuote {width:174px;height:49px;position:absolute;right:26px;top:-6px;display:none;}

#headerDiv #freeQuote a {height:49px;background:url('images/get_free_quote.png') no-repeat bottom;color:#93ad0c;text-indent:-80000px;display:block;}
#headerDiv #freeQuote a:hover{background-position: top}
.moto {	position: absolute; top:250px; left:692px; z-index:1000000 }
.moto h3 a { text-decoration:none; display:block; padding:0;  background: url(images/view_our_work.png) no-repeat 0px 0px;  width:157px; height:37px; text-indent:-80000px}
.moto h3 a:hover{ background-position:0px -37px}
.annoncements { position: absolute; top:-10px; left:-5px; display:block;  width:115px; height:119px;  background:url('images/announcements.png') no-repeat top left; z-index:10000}
.annoncements a { text-indent:-8000px; display:block; width:115px; height:119px;}
#headerDiv #nav {height:30px;margin-right:0px;text-align:right;width: 640px;float:right;position:relative;top:-14px;}
#nav #main_navigation {height:26px;margin:auto 0;width: 650px;position:relative;overflow: hidden;}
#nav #main_navigation LI {list-style-type:none;float:left;list-style-image:none;text-align:center;line-height:24px;margin:0 3px 0 0;}
#nav #main_navigation LI.back  {background-color: #a8c221;width: 9px;height: 24px;position: absolute;color:#FFFFFF;}
#main_navigation li a {font-size:1.1em;outline: none;text-align: center;z-index: 10;height: 24px;position: relative;color:#444;text-decoration:none;display:block;font-weight:700;padding:0 14px;text-transform:uppercase}
#main_navigation .active a, #main_navigation .current a {background-color: #a8c221;color:#FFFFFF;}
#main_navigation li.sep {width:2px;display:block;margin:auto}

#MainBlock {background:url('images/BG/backgroundc.jpg') no-repeat 50% 130px;}
#MainBlock #MainContainer {background-repeat:repeat;background-color:#fff;height:100%;display:block;width:1000px;margin:0 auto 20px auto;}

#MainContainer #content {
display:block;
overflow:auto;
/*background-color:#fff;*/
margin:auto;
padding:0
}
#content #HBlock1 {
clear:both;
overflow:hidden;
margin:0;
padding:10px 0 0 1px;
}
#HBlock1 LI {
list-style-type:none;
width:450px;
float:left;
height:210px;
list-style-image:none;
color:#444;
margin:0;
padding:0 0 0 30px
}
#content ul.home-middle-block {
clear:both;
overflow:hidden;
width:264px;
float:right;
margin:0;
padding:4px 0 0 0
}
#content ul.home-middle-block LI {
list-style-type:none;
height:30px;
list-style-image:none;
float:right;
width:264px;
display:block;
clear:both;
padding:2px 0
}
ul.home-middle-block LI h2 {
font-size:1.0em;
}
ul.home-middle-block LI h2 a {
background-color:#222;
color:#FFFFFF;
text-decoration:none;
padding:2px 0 2px 50px;
height:22px;
width:264px;
line-height:22px;
display:block;
}
ul.home-middle-block LI h2 a:hover{
background-color:#a8c221;
color:#000;
}
#HBlock1 LI P {
padding-bottom:6px;
padding-top:6px;
line-height:140%;
font-size:1.2em
}
#HBlock1 LI #recentProjects {
padding:6px
}
#HBlock1 #recentNewsItems h2 {
font-size:11pt; margin:0px;
}
#HBlock1 LI #recentProjects .images {
border:0 solid #eee;
width:124px;
height:100px;
display:block;
float:left;
text-align:center
}
#HBlock1 LI #recentProjects IMG {
border:#fff 2px solid;
width:108px;
height:90px;
overflow:hidden;
background-color:#eee;
text-align:center;
margin-top:6px
}
#HBlock1 LI #recentProjects H2 a {
margin-top:2px;
color:#7c8f18;
line-height:120%;
font-size:11px;
text-decoration:none;
display:none
}
#HBlock1 LI h1 {
line-height:34px;
display:block;
height:32px;
font-size:1.3em;
color:#444;
font-weight:700;
margin:0;
padding:0px 0 0;
}
#HBlock1 LI h4  a{
text-decoration:none;
}
#HBlock1 LI #contacts {
margin-top:10px;
padding:16px 20px 16px 20px
}
.date {
font-size:0.9em;
font-weight:400;
color:#777;
margin:8px 0 0 0
}
#HBlock1 LI #recent_post P {
border-bottom:#252525 1px solid;
border-left:#252525 1px solid;
line-height:15px;
background-color:#000;
color:#898989;
font-size:10px;
border-top:#252525 1px solid;
border-right:#252525 1px solid;
padding:10px
}
.learmore {
float:none
}
.learmore A {
background-image:url('images/bullet2.gif');
background-repeat:no-repeat;
background-position:right;
display:block;
height:23px;
text-decoration:none;
line-height:23px;
width:70px;
color:#333;
margin-top:7px;
font-weight:700;
padding-right:12px;
font-size:1.1em
}
.client-list { height:100px; margin:0; }
.simply-scroll-container {	position: relative; top:10px; margin:0 30px}
.simply-scroll-clip {position: relative;	overflow: hidden;z-index: 2;}
.simply-scroll-list { position: absolute;top: 0px;left: 0;z-index: 1;	overflow: hidden;	margin: 0;	padding: 0;	list-style: none;}

.simply-scroll-list li {padding: 0;	margin:0;list-style: none;}
.simply-scroll-list li a { display:block; }
.simply-scroll-list li img {border: none;display: block; }
.simply-scroll { width: 940px;height: 110px;margin-bottom: 0;}
.simply-scroll .simply-scroll-clip {width: 940px;	height: 87px;}
.simply-scroll .simply-scroll-list li {	float: left; width: 140px;	height: 87px;}

.simply-scroll .simply-scroll-list a { display:inline-block; width:130px; height:85px; border:1px solid #fff;}
.simply-scroll .simply-scroll-list a:hover { border:1px solid #ddd;}

#client1 { background:url(images/clients/RLAF-df.png) no-repeat 0px 0px; }
#client2 { background:url(images/clients/LadiesAmerica-df.png) no-repeat 0px 0px; }
#client3 { background:url(images/clients/your_health_magazine-df.png) no-repeat 0px 0px; }
#client4 { background:url(images/clients/mission_marketing-df.png) no-repeat 0px 0px; }
#client5 { background:url(images/clients/n-ask-inc-df.png) no-repeat 0px 0px; }
#client6 { background:url(images/clients/diligent_innovations-df.png) no-repeat 0px 0px; }
#client7 { background:url(images/clients/hybrid-films-nyc-df.png) no-repeat 0px 0px; }

.margLeft30 {margin-left:30px}
#recentNews A {text-decoration:none}
.get-Started {margin-top:10px;margin-left:30px}
.get-Started a {width:130px;font-size:14px;text-decoration:none;margin-top:10px;padding:3px 10px}
#HBlock1 LI #ourServices {margin:0;padding:6px 10px 6px 0}
#HBlock1 LI #ourServices H2 {height:28px;line-height:28px;font-size:1.1em;padding-left:0;font-weight:700;margin:0}
#HBlock1 LI #ourServices H2 a {color:#222;text-decoration:none}
#HBlock1 LI #ourServices H2 a:hover {color:#99a32b}
.client h4 {margin:0px 0  0 4px; padding:0px; display:inline-block;  }

#HBlock1 LI #contacts H2 {text-indent:0;line-height:34px;font-size:1.4em;font-weight:700;
margin:6px 3px 0}
#leftPane h2 {text-indent:0;line-height:32px;font-size:1.2em;font-weight:700;margin:5px 0 0 12px}

#leftPane h2.widgettitle {margin:5px 0 5px 0px; font-weight:700; color:#222}
#leftPane .widget {margin-bottom:30px;}

#leftPane h1 {
text-indent:0;
font-size:2.0em;
font-weight:100;
margin:0px 0 16px 0;
color:#7c8f18;
color:#888;
}

.specialOffersWeb img {
display:none;
background-color:#f4f4f4
}

#HBlock1 LI #contacts H2 a:hover {
color:#7c8f18
}

.service-block {
list-style:none;
border-top:0px solid #ddd;
border-bottom:1px solid #ddd;
height:180px;
margin: 0px 30px 0 30px;
padding: 0
}

.service-block LI {
list-style-type:none;
list-style:none;
display:block;
float:left;
padding:0 20px 0 0
}
.service-block LI image {
}
.service-block LI div a {
display:block;
}
.service-block LI h2 {clear:both;line-height:20px;font-size:1.8em;padding:12px 6px 12px 6px;background-image:url('images/image-shadow.png');background-position:50% 1px;background-repeat:no-repeat}
.service-block LI h4 {clear:both; line-height:20px; font-size:1.2em; padding:12px 0px; width:220px; display:block; line-height:120%; font-weight:100; background-image:url('images/image-shadow.png');background-position:50% 1px;background-repeat:no-repeat}

.service-block LI h1 {
font-size:1.8em;
color:#222;
line-height:1.8em
}

#leftPane h2 A:hover {
color:#7c8f18
}

#about #right H3 {
text-indent:-80000px;
margin:5px 20px 0
}

#HBlock1 LI #contacts .phone A {
background-image:url('images/IconsCall.png');
width:280px;
display:block;
height:30px
}

#leftPane #contacts {
margin-top:10px;
height:160px;
width:100%;
background-color:#f0f4f4;
padding:10px 0;
font-size:1.2em
}

#special-offers {
margin-top:10px;
height:110px;
width:198px;
padding:16px;
background-color:#222;

}

#special-offers span a {
color:#fff;
text-decoration:none;
height:100px;
display:block;
font-size:1.2em;
line-height:180%;
padding:4px;
}
#special-offers span a:hover{
background-color:#a8c221;
color:black;
}

#HBlock1 LI #contacts A {
background-repeat:no-repeat;
width:280px;
display:block;
height:36px;
color:#000
}

#leftPane #contacts .phone A {
background-image:url('images/IconsCall.png');
background-repeat:no-repeat;
width:170px;
display:block;
height:30px
}

#HBlock1 LI #contacts .quot A {
background-image:url('images/IconsQuote.png')
}

#leftPane #contacts .quot A {
background-image:url('images/IconsQuote.png');
background-repeat:no-repeat;
width:170px;
display:block;
height:30px
}

#HBlock1 LI #contacts .email A {
background-image:url('images/emailUS.png')
}

#leftPane .email A {
background-image:url('images/emailUS.png');
background-repeat:no-repeat;
width:170px;
display:block;
height:36px
}

#HBlock1 LI #contacts .blog A {
background-image:url('images/IconsBlog.png')
}

#leftPane .blog A {
background-image:url('images/IconsBlog.png');
background-repeat:no-repeat
}

#HBlock1 LI #contacts .bookmark A {
background-image:url('images/IconsFavorite.png')
}

#leftPane .bookmark A {
background-image:url('images/IconsFavorite.png');
background-repeat:no-repeat;
width:170px;
display:block;
height:36px
}

#MainContent {
width:720px;
float:right;
height:100%;
overflow:auto;
background-color:#FFF;
margin:0;
padding:0
}

#MainContentWide{
width:960px;
height:100%;
overflow:auto;
background-color:#FFF;
margin:0;
padding:0
}

#MainContentWide .contentBlockWide{
background-color:#fff;
text-align:left;
min-height:500px;
height:100%;
display:block;
font-size:1.1em;
width:930px;
max-width:930px;
overflow:hidden;
margin-left:30px;
padding:0 0px 0px 0px
}

.contentBlockNorrow{
min-height:500px;
height:100%;
display:block;
width:560px;
max-width:560px;
overflow:hidden;
margin-right:0;
padding:10px 10px
}


#MainContent .contentBlock {
background-color:#fff;
text-align:left;
min-height:500px;
height:100%;
display:block;
font-size:1.1em;
width:670px;
max-width:670px;
overflow:hidden;
margin-right:0;
padding-left:20px;
padding-bottom:20px
}

UL.breadCrumb {
list-style:none;
list-style-type:none;
display:block;
position:relative;
top:-14px;
margin:0;
padding:0 16px
}

UL.breadCrumb LI {
list-style:none;
list-style-type:none;
float:left;
display:block;
line-height:17px;
font-size:1.1em;
font-weight:700;
margin:0 8px 0 0;
padding:0
}

UL.breadCrumb LI a {
background-image:url(images/bullet2.gif);
background-repeat:no-repeat;
padding-left:12px;
background-position:left center;
text-decoration:none
}

#MainContent .contentBlock P {
line-height:140%;
margin:2px 0 10px
}
#MainContent .contentBlock UL LI {
line-height:180%;
}
#MainContent h1 {
font-size:2.2em;
line-height:1.2em;
color:#333;
font-weight:700;
margin:0 0 0;
}

#MainContent h3, #MainContentWide h3 {
font-size:1.4em;
padding-left:0;
margin-bottom:14px;
margin-top:14px;
padding-top:6px;
line-height:120%;
font-weight:normal
}

#MainContent h2 {
color:#555;
font-size:1.8em;
margin:20px 0 10px 0
}


#MainContent .contentBlock #checks {
margin:20px 0 10px 30px;
padding:0
}

#MainContent .contentBlock #checks LI {
font-size:1.0em;
color:#222;
margin:0 0 0 10px;
padding:3px 0
}

#MainContent .contentBlock #checks LI a {
text-decoration:none;
color:#000;
padding-left:0;
text-transform:uppercase;
}

#MainContent .contentBlock #checks LI a:hover {
text-decoration:underline;
color:#7c8f18
}

#MainContent .contentBlock #checks LI div {
padding-left:20px;
color:#444
}

#goTo, .goTo {
margin:14px 0 14px 30px;
list-style-type:none;
padding:0
}

#goTo LI, .goTo li {
list-style-type:none;
list-style-image:none;
background-image:url(images/bullet2.gif);
background-position:left;
background-repeat:no-repeat;
font-size:1.1em;
list-style-position:outside;
color:#222;
margin:0;
padding:3px 0 4px 20px}

#goTo LI a, .goTo li a {text-decoration:none;color:#7c8f18}
#goTo LI a:hover, .goTo LI a:hover {text-decoration:none;color:#fff;background-color:#222;}
#goTo LI .reverse a, .goTo li .reverse a {text-decoration:none;color:#fff}

#MainContent .contentBlock h1{ font-size:30px; margin-bottom:10px; font-weight:100	}
.goToImage {clear:both;margin:20px 0px;padding:0;display:block}
.goToImage LI {list-style-type:none;list-style-image:none;list-style-position:outside;color:#555;float:left;width:200px;display:block;margin:0 6px 6px 0;
padding:10px;}

.goToImage LI h4 {font-weight:700;font-size:1.2em;color:#222;line-height:140%;margin:10px 0 8px 0}

.goToImage LI img {cursor:pointer}

.goToImage LI a {text-decoration:none;
}

.goToImage LI p {line-height:160%
}

.goToImage LI div {}

.goToImage LI span {width:200px;
height:110px;
display:block;
overflow:hidden
}

#MainContent .contentBlock .tiny,.tiny,p.tiny {font-size:0.8em;line-height:140%;color:#888}

#fullPortfolio {padding:12px 0;}

#fullPortfolio A {background-color:#222;text-align:center;padding:2px 16px ;
color:#fff;width:100px;text-decoration:none;font-weight:700;height:20px;display:block;
line-height:20px;font-size:1.0em;}

#fullPortfolio A:hover { text-decoration:none;background-color:#666;color:#fff;}

.boxBump {text-align:left;color:#444;padding:10px}
.readmore {color:#222;display:block;float:right;font-size:10px;position:absolute;top:140px;left:100px;margin:0 0 0 45px;padding:0}
.readmore a {color:#aaa;border:0}

#portfolioBlock UL {
list-style-type:none;
list-style-image:none;
margin:0;
padding:0
}

#portfolioBlock UL LI {
float:left;
display:block;
list-style-type:none;
list-style-image:none;
height:150px;
width:180px;
margin:12px 42px 0 0;
padding:0px
}

.hoverPhoto {Z-INDEX: 5000; POSITION: absolute; WIDTH: 180px; DISPLAY: block; BACKGROUND:  url(images/spacer.gif) 0px 0px; HEIGHT: 130px; }
.hoverPhoto:hover {	BACKGROUND:  url(images/zoomsm.png) no-repeat 0px 0px
}
.hoverPhotoBig {Z-INDEX: 5000; POSITION: absolute; WIDTH: 684px; DISPLAY: block; BACKGROUND:  url(images/spacer.gif) 0px 0px; HEIGHT: 230px; }
.hoverPhotoBig:hover {	BACKGROUND:  url(images/view-portfolio.png) no-repeat 0px 0px
}


#portfolioBlock span h3 {
font-size:12px;
line-height:100%;
color:#666;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:4px 0 0
}

#portfolioBlock UL LI h3 {
font-size:10px;
line-height:100%;
color:#666;
background-image:none;
border-left:0;
text-align:center;
margin:0;
padding:6px 0 0
}

#portfolioBlock UL LI img {
background-color:#000;
width:180px;
height:130px;
overflow:hidden;
display:block
}

#portfolioBlock UL LI a {
}

#portfolioBlock UL LI a:hover {
}

.DataForm {
font-size:0.9em;
line-height:120%;
font-family:Arial, Verdana, sans-serif;
background-color:#f2f7f9;
background-color:#fff;
padding:0px
}

.DataFormBlock {
background:#fff;
margin:6px 0;
padding:10px
}

.DataForm td {
padding:0 8px 3px
}

.FormLabel {
text-align:right
}

.star {
color:#F80;
font-weight:700
}

.formButton {
padding:4px 16px
}

.sideImage {
float:right;
margin-left:20px
}

.sideImage p {
position:relative;
top:-34px;
text-align:center
}

TEXTAREA {
font-size:8pt;
padding:3px;
border:1px solid #bbb;
}

#content #contact #form TR TD {
padding:5px
}

#MainBlock #contentBottom {
}

#links {
clear:both;
display:block;
padding:4px 0px;
margin-left:30px;
}

#links span {
float:left;
margin:4px 6px
}

#links span.emailFriend A {
display:block;
cursor:pointer;
}

#links span.facebook A {
display:block;
cursor:pointer;
}

#links span.twitter A {
display:block;
cursor:pointer;
}

#links span.linkedin A {
display:block;
cursor:pointer;
}

#links span.validate-XHTML A {
display:block;
cursor:pointer;
}

#links span.validate-CSS A {
display:block;
cursor:pointer;
}

#links span a:hover {
background-position:top
}

.addthis_button {
margin:6px 20px
}

#footer {
width:100%;
color:#666;
line-height:180%;
clear:both;
padding-bottom:30px;
background-color:#f0f4f4;
}

#footer #copyright {
clear:both;
width:960px;
margin:0 auto;
padding:20px 0px 30px 0px
}

#footer #copyright a:hover {
color:#000;
text-decoration:none
}

#footer #copyright .navi {
text-transform:uppercase;
font-size:0.8em;
border-bottom:1px solid #ddd;
height:26px
}

#footer #copyright .navi a {
padding:0 20px 0 0
}

#footer #copyright .copy {
float:right
}

.footerBoxes {
width:940px;background-color:#f0f4f4;

/*background-color:#222;*/
margin:auto;
padding:0 30px 0 30px;
}

.footerBoxes .box {
float:left;
width:235px;
display:block;
padding:24px 0px 0px 0px;
min-height:210px;
border-top: 0px solid #ddd;
}

.footerBoxes .box h2 {
font-size:1.3em;
line-height:160%;
color:#222;
font-weight:700;
margin:6px 0px 12px 0
}

.footerBoxes div.box UL {
margin:2px 0 10px 0px
}

.footerBoxes div.box UL LI {
list-style:none;
padding:8px 0
}

.footerBoxes div.box A:hover {
text-decoration:underline;
color:#eee
}

.footerBoxes div.box img {
float:left;
border:2px solid #888;
margin-top:10px;
margin-right:10px;
display:block
}

.footerBoxes div.box #specialOffer span {
text-indent:0
}

.footerBoxes div.box #specialOffer span a {
width:100px;
height:18px;
display:block;
background-position:top;
list-style-type:none;
list-style:none;
margin-left:20px;
color:#fff
}

.footerBoxes div.box #specialOffer span a:hover {
background-position:bottom
}

.greyT {
line-height:120%;
color:#666;
font-size:0.8em;
padding:0
}

.greyT a,.greyT a:link,.greyT a:visited {
color:#999
}

#newsletter {
width:236px;
float:right;
height:22px;
margin:10px 0px 2px 00px
}

#newsletter #newsletter-email {
background-color:#fff;
color:#444;
height:20px;
border:0;
width:140px;
line-height:20px;
font-size:12px;
padding:1px 4px;
border:1px solid #7c8f18
}

#newsletter input#newsletter-button {
height:22px;
border:0px solid #000;
background: url(images/sign-up.png) 0px 0px no-repeat;
color:#FFF;
text-indent:-8000px;
margin-left:-3px;
width:80px;
cursor:pointer
}
#newsletter input#newsletter-button:hover {background-position:0px -22px;}

.web-design-and-development a {
width:420px;
height:auto;
background-color:#f4f4f4;
text-align:center;
display:block;
margin:auto;
padding:10px
}
#MainContent .contentBlock UL#sponsored-links li {
list-style:none;
list-style-type:none
}
.slideBlock {
width:1000px;
height:335px;
/**/background-color:#fff;
margin:0px auto 0;
position:relative;
padding:0
}
.midLevel {	width:100%; margin:0px auto 0 auto; 
/*background-color:#80abbf;background-color: #fff;*/
}
.bottomLevel {width:100%; margin:0px auto 0 auto; 
/*background-color: #fff*/;}

DIV#tmpSlideshow {
position:relative;
width:940px;
height:285px;
background-color:#ccdde2;
top:30px;
left:30px;
margin:0;
padding:0
}
DIV.tmpSlide {
position:absolute;
width:940px;
display:none;
height:285px;
top:0;
left:0;
background-color:#ccdde2;

}
DIV.tmpSlide IMG {
float:left;
border:0;
background-color:#ccdde2;
margin:0
}
DIV#tmpSlideshowControls {
position:absolute;
width:130px;
bottom:250px;
right:20px
}

DIV.tmpSlideshowControl {
text-align:center;
width:26px;
font:1.2em Arial, sans-serif;
float:left;
height:26px;
color:#444;
cursor:pointer;
font-weight:700;
margin:0 5px 0 0
}

DIV.tmpSlideshowControl SPAN {
line-height:26px;
vertical-align:middle
}

DIV.tmpSlideshowControlOn {
background-color:#a8c221
}

DIV.tmpSlideshowControlActive {
background-color:#a8c221;
color:#FFF
}

DIV.tmpSlideCopy {
position:absolute;
width:260px;
top:40px;
left:660px
}

DIV#tmpSlideshow H4 {
font:1.3em Arial, sans-serif;
color:#666;
font-weight:700;
margin:10px 0
}

DIV.tmpSlideCopy P {
font-size:2.4em;
font-weight:700;
color:#222;
}

DIV.tmpSlideCopy P a {
color:#222;
text-decoration:none
}
DIV.tmpSlideCopy a:hover {
color:#000;
text-decoration:none
}

.noborder,.web-design-and-development a img {
border:0
}
#HBlock1 LI h1 a:hover {
color:#7c8f18
}
.service-block .last {
padding:0
}
DIV,#MainBlock {
margin:0;
padding:0
}
INPUT[type='text'], SELECT, textarea, input[type='file'] {border:#ccc 1px solid; padding:6px; background:url('images/formBG.png') #fff top repeat-x;}
#HBlock1 LI #recentProjects IMG:hover,.service-block LI div a:hover {border-color:#7c8f18}
#HBlock1 LI #recentProjects H2 a:hover,.service-block LI h2 a:hover,#MainContent .contentBlock #goTo LI a:hover,DIV.tmpSlideCopy P a:hover {text-decoration:underline}
#HBlock1 LI h1 a {color:#222;text-decoration:none}
#footer #copyright a {color:#aaa;text-decoration:none}

.learmore A:hover,#MainContent .contentBlock #goToImage LI a:hover {color:#7c8f18}
#HBlock1 LI #contacts H2 a,#leftPane h2 A {color:#222;text-decoration:none;padding-left:36px}
.service-block LI h2 a,.footerBoxes div.box UL LI A,.footerBoxes div.box UL LI A:visited,.footerBoxes div.box UL LI A:link,.footerBoxes div.box UL LI A:active {color:#7c8f18;}
#MainContainer .BannerServices,#MainContainer .BannerPortfolio,#MainContainer .BannerBlog {
border:#333 0 solid;background-color:#000;width:974px;height:0;display:block;text-align:center;margin:auto}
.footerBoxes div.box UL.plain,.footerBoxes div.box UL.plain LI {list-style:none;list-style-type:none;list-style-image:none}
/* _______________________________BLOG STYLES_______________________________*/
.blogBlock {background-color: transparent;padding: 20px 0px;font-size: 1.0em; border-bottom: 2px solid #eee;}
.blogBlock a {text-decoration: none;}
.blogBlock image.midAvatar {float: left;margin-right:10px;}
.blogTitle {font-size: 1.5em; color: #000; font-weight: bold; margin-bottom:4px; height:40px; line-height:100% }
.blogTitle a {color: #222; text-decoration: none;}
.blogTitle a:hover { color: #7c8f18;}
#bBody .blogTitle {COLOR: #000;FONT-SIZE: 1.7em;font-weight: bold;padding: 0px;margin-bottom: 6px;margin-top: 6px; }

.blogHeader {margin: 6px 0;clear:both;}

.blogHeader2 {margin: 6px 0;clear:both;border-bottom:1px solid #ddd;height:100px;padding:6px 0;}

.blogDate {
font-weight:bold;
color: #738d00;
width:80px;
height:24px;
line-height:24px;
overflow:hidden
}

.pdate {
	background:#fff url('images/calendar.png') no-repeat scroll top left;
	width:50px;
	height:60px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:block; float:left;
	padding-top:6px;
	margin-right:10px;
}
.pdate .date-day {
	color:#333;
	font-family:Arial;
	font-size:20px;
	height:21px;
}
.pdate .date-month {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	height:14px;
} 
.pdate .date-year {
	font-size:11px;
	color:#aaa;
	height:12px;
} 


.blogCategory a {
}
.blogAuthor {

}
.social {
margin:10px 0;height:34px;
border-bottom:1px solid #ddd;
}
.social div {width:80px; padding:0; display:block;  float:left;
}
.facebookButton {margin-top:14px;}
.blogBody {margin: 0px 0 0px 0;line-height: 10%;font-size: 1.0em;}
#MainContent .contentBlock .blogBody p {line-height: 140%;}
.blogBody h2 {line-height: 220%;}
.twitterButton {margin: 0 0 14px 0}
.blogFooterComments {padding: 3px 0px;display: block;height: 24px;}
.commNum a {background-image: url('images/comment.png');background-repeat: no-repeat;background-position: top left;padding-left: 20px;}
.blogFooterComments a {background-image: url('images/comment.png');background-repeat: no-repeat;background-position: top left;padding-left: 20px;}
.breadcrumb {margin: 0px 0px;font-weight: normal;line-height: 200%;color: #444;}
.commentBody {margin: 10px 0px;padding: 6px 0px;border-bottom: 0px solid #666;}
.commentBody {line-height: 160%;}
.blogReplyBlock {line-height: 160%;}
.blogReplyBlock image {
display: block;
width: 48px;
height: 48px;
margin: 3px;
margin-right: 6px;
float: left;
padding: 2px;
margin-left: 6px;
}
.blogButtonBar {
margin: 6px 0px;
display: block;
height: 24px;
}
.new {
text-indent: -90000px;
}
.blogAuthor span.author {
color: #000;
font-size: 1.0em;
}
.authorDiv span.author {
color: #000;
font-size: 1.0em;
}
.repliesNum {
float: right;
display: block;
height: 24px;
width: 100px;
}
.lastpost {
float: right;
color: #eee;
font-size: 0.8em;
background: #666;
padding: 0px 3px;
}
.commentB {
display: block;
width: 670px;
padding-left: 66px;
margin-top: 6px;
min-height: 40px;
padding-bottom: 4px;
padding-right: 4px;
}
.reply {
text-align: right;
height: 18px;
}
.reply a {
width: 100px;
height: 16px;
background-color: #666;
padding: 0px 12px;
color: #eee;
font-size: 8pt;
border: 1px solid #888;
text-decoration: none;
}
.pagelinks {
line-height: 180%;
font-size: 0.8em;
font-weight: bold;
background-color: #ddd;
padding: 0px 6px;
}
.pagenumlink {
padding: 0px 6px;
}
#blogCategories {
background-color: #fff;
padding: 10px 0px;
margin-left: 2px;
border-bottom:1px solid #ddd
}
#blogCategories h2 {
margin:0;
font-size:1.3em
}
#blogCategories UL#categories {
margin-top: 10px;
font-size: 1.0em;
list-style: none;
list-style-type: none;
}
#blogCategories UL#categories LI {
padding: 2px 0px;
background-image: none;
text-indent: 0px;
list-style: none;
list-style-type: none;
border:0px;
}
#blogCategories UL#categories LI a {
color: #666;
border:0px;
}
#blogCategories UL#categories LI a:hover  {
color: #fff;
border:0px;
}

.readitMore {}
.readitMore a {MARGIN-LEFT: 0px;margin-right: 4px;display: block;color: #444; font-weight:700}
.readitMore a:hover {color: #7c8f18;}
/*________________BLOG STYLES END_____________*/

#leftPane {
float:left;
width:230px;
min-height:400px;
text-align:left;
margin-top:0;
margin-left:30px;
padding-top:0;
}

#leftMenu {
margin-top:0;
margin-left:0;
background-color:#FFF;
border-top:1px solid #ddd;
padding:0;
}
#leftPane h4 {
border-bottom:1px solid #ddd;
font-weight:bold;
font-size:1.2em;
margin:0;
width:230px;
}
#leftPane h4 a {
color:#555;
text-decoration:none;
display:block;
line-height:24px;
margin:2px 0;
padding:3px 6px;
}
#leftPane h4 a:hover {
background-color:#a8c221;
color: #fff;
}
#leftPane h4 .current {
background-color:#a8c221;
color: #fff;
}
#leftPane h4 .current a {
color:#aaa;
}
#navigation-block {}
#leftPane UL {
PADDING: 0px;
LIST-STYLE-TYPE: none;
list-style-image:none;
list-style:none;
MARGIN: 0px;
border-top:1px solid #ddd;
FONT-SIZE: 1.2em;
LIST-STYLE-IMAGE: none;
list-style-position:inside
}
#leftPane UL LI {
 background-image:none;	
 border-bottom:1px solid #ddd;
 padding:2px 0 2px 0px;
 text-indent:0px;
 margin:0px;
}
#leftPane UL LI a {
PADDING:5px 0 5px 6px;
MARGIN: 0px;
DISPLAY: block;
COLOR: #555;
TEXT-DECORATION: none;
font-weight:700;
}
#leftPane UL LI #photoAlbum a {PADDING:0px ;MARGIN: 0px; DISPLAY: inline; COLOR: #555; TEXT-DECORATION: none;font-weight:normal;}

#leftPane UL LI a:hover {
background-color:#a8c221; 
color: #fff;
}
#leftPane UL LI a.active, #leftPane UL LI a.current{
background-color:#a8c221; 
color: #fff;
}

#leftPane UL.sub {
PADDING: 0;
LIST-STYLE-TYPE: none;
list-style-image:none;
list-style:none;
MARGIN: 0 ;
FONT-SIZE: 0.9em;
LIST-STYLE-IMAGE: none;
list-style-position:inside;
border:none;
}
#leftPane UL.sub LI{
 background-image:none;	
 border-bottom:none;
 padding:4px 0 2px 18px;
 text-indent:0px;
 margin:0px;
}
#leftPane UL.sub LI a {
PADDING:2px 4px;
MARGIN: 0px;
DISPLAY: block;
COLOR: #666;
TEXT-DECORATION: none;
font-weight: normal;
}
#leftPane UL.sub LI a:hover, #leftPane UL.sub LI a.active, #leftPane UL.sub LI a.current  {
background-color:#a8c221;
color:#fff;
}

#leftPane #contentRight UL LI.cat-item {border:none; padding:3px 0px; font-size:14px }

#leftPane UL LI.widget_categories a {
PADDING:2px 0;
MARGIN: 0px;
DISPLAY: inline;
COLOR: #222;
TEXT-DECORATION: none;
font-weight:normal;
font-size:14px
}

.rss-feed, .twitterb, .facebookb {margin-bottom:10px;background-repeat:no-repeat;background-position:left;padding-left:52px;height:40px;}
.rss-feed{background-image:url('images/rss.gif');}
.twitterb {background-image:url('images/twitter_blog.png');}
.facebookb {background-image:url('images/facebook_blog.png');}

.rss-feed a, .twitterb a, .facebookb a {text-decoration:none;line-height:40px}


.smpack {
height:210px;
border:0px solid #eee;
background-color:#222;
}

#smPackage {
width:130px;
text-align:center;
padding:10px;
}

#pkDescription {
float:right;
width:530px;
padding:6px 0;
}

#pkDescription #rightS {
float:right;
width:130px;
display:block;
padding-top:18px;
}

#pkDescription #rightS p{
width:128px;
height:23px;
padding:0px;
background-color:#a8c221;
text-align:center;
}
#pkDescription #rightS p:hover{background-color:#eee
}
#pkDescription #rightS p a {
text-decoration:none;
padding:0px;
}
#MainContent .contentBlock .smpack h3 {
height:30px;
line-height:32px;
font-size:1.4em;
background-color:#eee;
color:#222;
margin:0;
padding:0 10px;
border-bottom:2px solid #ddd;
}
#pkDescription h2 {
color:#09C;
}
#MainContent .contentBlock #pkDescription #goTo LI {
font-size:1.1em;
padding-left:0px;
color:#eee;
margin:0 auto;
list-style-image:none;
background-image:none
}
.MBG {
float:right;
background-image:url('images/MBG.png');
background-repeat:no-repeat;
width:123px;
height:76px;
text-indent:-8000px;
}
.stepL {
width:100px;
height:140px;
float:left;
text-align:center;
}
.stepR {
width:580px;
height:160px;
float:left;
margin-bottom:10px;
}
#MainContent .stepR h2 {
color:#000;
text-transform:uppercase;
}
#userProfileTable img {
border:1px solid #666;
padding:2px;
}
#userProfileTable #userProfileInfo h4 {
font-size:1em;
border-bottom:1px solid #444;
font-family:Arial, Helvetica, sans-serif;
line-height:200%;
margin:6px 0;
}
#userProfileTable #userProfileInfo .label {
font-size:0.8em;
color:#999;
}
.bold {
font-weight:700;
}
.orange {
color:#F80;
}
.priceT {
border:1px solid #eee;
background-color:#f2f2f2;
padding:3px;
}

.priceT TD {
height:20px;
}

.priceTHeader {
height:24px;
font-size:1.2em;
text-align:center;
font-weight:700;
border-left:2px solid #eee;
padding:3px;
color: #444
}

.priceTBlue {
background-color:#111;
height:24px;
color:#eee;
font-size:1.1em;
}
.priceTYellow {
background-color:#Fa0;
height:20px;
}
.priceTBlack {
height:20px;
}
.priceTBorderB {
border-bottom:1px solid #ddd;
}
.priceTBorderL {
border-left:1px solid #ddd;
}
.priceTBorderL a {
font-size:1.1em;
}
.buttonBlueBG {
height:31px;
width:187px;
color:#000;
text-align:center;
line-height:28px;
text-decoration:none;
display:block;
}

.buttonOrangeBG {
background-color:#7c8f18;
height:31px;
width:187px;
color:#000;
text-align:center;
line-height:28px;
text-decoration:none;
display:block;
}

.buttonBlackBG {
background-image:url('images/bullet2.gif');
background-repeat:no-repeat;
background-position:left;
padding-left:16px;
}

.buttonBlackBG a,.buttonBlackBG a:visited {
color:#000;
text-decoration:none;
font-weight:700;
height:30px;
width:auto;
line-height:30px;
font-size:1.1em;
}

.buttonBlue {
height:30px;
background-color:#7ec4dd;
color:#000;
text-align:center;
text-decoration:none;
padding:4px 10px;
}

.buttonOrange {
background-color:#b1ca7a;
height:30px;
color:#000;
text-align:center;
text-decoration:none;
padding:4px;
}

.buttonBlue a:hover,.buttonOrange a:hover {
text-decoration:underline;
color:#FFF;
}

.buttonBlackBG a:hover {
color:#aaa;
text-decoration:none;
}
#pkDescription #rightS p a:visited,#pkDescription #rightS p a {
text-decoration:none;
color:#000;
text-align:center;
line-height:23px;
width:128px;
font-weight:700;
padding:2px 6px;
}
input[type=reset],input[type=submit] {
font-size:9pt;
background-color:#222;
color:#fff;
border:1px solid #aaa;
padding:4px 12px;
}
.buttonBlueBG a,.buttonBlueBG a:visited,.buttonOrangeBG a,.buttonOrangeBG a:visited {
color:#FFF;
text-decoration:none;
font-weight:700;
}
.buttonBlueBG a:hover,.buttonOrangeBG a:hover {
color:#000;
text-decoration:none;
}
.buttonBlue a:visited,.buttonBlue a,.buttonBlue:link,.buttonOrange a:visited,.buttonOrange a,.buttonOrange:link {
color:#000;
font-weight:700;
text-decoration:none;
}

.boxgrid{ 
margin:0px;
margin-top:4px; 
float:left; 
overflow: hidden; 
position: relative; 
background: #303030 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
padding-bottom:12px;
background-image:url('images/image-shadow.png');
background-position:bottom;
background-repeat:no-repeat
}
.boxgrid p{ 
padding: 16px; 
color:#aaa; 
}
.boxgrid p a{
text-decoration:none;
display:block;
color:#eee;
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
z-index:10000000;
}
.captionfull .boxcaption {
top: 260px;
left: 0;
}
.caption .boxcaption {
top: 220px;
left: 0;
}
.post {
padding:0px 0px 20px 0;
display:block;
overflow:hidden
}
#flickr {
padding:10px;
text-align:center;
margin-bottom:20px; 
border:1px solid #e4e4e4
} 
#flickr a {
background-color: transparent;
border:0px;
}
.flickrimg {
margin:2px 10px 2px 2px;
border:0px;
}

/* simple css-based tooltip */
.tooltip {
background-color:#000;
padding:10px;
width:150px;
display:none;
color:#fff;
border:0px;
text-align:left;
font-size:1.0em;
font-weight:700
}
.tooltip-target {
}
.tooltip-content {
POSITION: absolute;
PADDING: 10px 16px; 
DISPLAY: none;
background-color:#f0f4f4;
border:5px solid #222; 
color: #444;
z-index:20000
}
.tooltip-content LI {
padding-top:0;padding-bottom:0; line-height:100%;
}
.tooltip-content P {
MARGIN: 0px
}
#flowtabs {
PADDING: 10px 0px;
MARGIN: 0px;
WIDTH: 500px;
HEIGHT: 31px !important;
}
#flowtabs #flowtabs A img {
color:#eee;
background-color:#eee;
width:50px;
height:50px;
border:2px solid #ddd;
}
#flowtabs #flowtabs A.current img {
border:2px solid #a8c221;
}

#flowtabs LI {
PADDING: 0px;
LIST-STYLE-TYPE: none;
TEXT-INDENT: 0px;
MARGIN: 0px;
FLOAT: left;
}
#flowtabs LI A {
LINE-HEIGHT: 24px;
MARGIN: 0px;
WIDTH: 60px;
DISPLAY: block;
HEIGHT: 60px;
color:#ddd;
FONT-SIZE: 1.0em;
TEXT-DECORATION: none;
PADDING:0px;
}
#flowtabs A:hover, #flowtabs A.current {
COLOR: #a8c221;
}
#flowpanes {
WIDTH: 500px;
HEIGHT: 400px;
}
#flowpanes DIV {
MARGIN: 0px;
DISPLAY: none;
COLOR: #fff;
}
#flowpanes DIV H2 {
MARGIN: 10px 0px 10px 0px;
COLOR: #888;
FONT-SIZE: 1.2em;;
}
#flowpanes A {
}
#flowpanes P {
margin:10px 0px;
color:black
}
#flowpanes {
POSITION: relative;
CLEAR: both;
OVERFLOW: hidden;
}
#flowpanes DIV {
WIDTH: 500px;
DISPLAY: block;
FLOAT: left;
FONT-SIZE: 1.0em;
}
#flowpanes .items {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 20000em;
PADDING: 0px;
CLEAR: both;
}
#flowpanes .less {
COLOR: #999 !important;
FONT-SIZE: 11px;
}
#flowpanes .less A {
COLOR: #999 !important;
FONT-SIZE: 11px;
}
.itemDiv {
width:500px;
margin: 0;
overflow:hidden;
}
.navScroll {
background-color:#fff;
color:#444;
border:0px;
font-size:1.1em;
margin:20px 0px;
font-weight:700;
cursor:pointer
}
.simple_overlay {
Z-INDEX: 10000;
BORDER: #222 2px solid;
BACKGROUND-COLOR: #222;
MIN-HEIGHT: 200px;
min-width: 700px;
DISPLAY: none;
padding:10px;
color:#fff;
}
.simple_overlay .close {
BACKGROUND-IMAGE: url(/images/closeOverlay.png);
POSITION: absolute;
WIDTH: 35px;
HEIGHT: 35px;
TOP: -15px;
CURSOR: pointer;
RIGHT: -15px;
}
.descriptionScroll {
margin-top:50px;
}
.windowScroll{	
float:right; 
width:520px; 
margin-left:26px;
}
.apple_overlay {
display:none;
min-width:600px;		
padding:0px;
background-image:url(/images/transparent.png);
background-color:#FFFFFF;
color:#444;
min-height:450px;
border:10px solid #fff;
position: static;

}
.contentWrap {

}
.apple_overlay .close {
background-image:url(/images/closeOverlay.png);
background-position:30px 0px;
position:absolute; 
right:-6px; 
top:-6px;
cursor:pointer;
height:30px;
width:30px;
}
.apple_overlay .close:hover {
background-image:url(/images/closeOverlay.png);
background-position:30px 32px;
}
.tooltip2 {
DISPLAY: none;
background-image:url(/images/greenOverlay.png);
COLOR: #fff;
FONT-SIZE:1.0em;
PADDING:10px 15px;
z-index:1000;
text-align:center;
vertical-align:middle;
font-weight:700
}
.tooltip3 {
DISPLAY: none;
COLOR: #fff;
FONT-SIZE:1.0em;
PADDING:15px 15px;
z-index:1000;
text-align:center;
font-weight:700
}
.toolImg {
background-image:url(/images/strip_icons.png);
background-repeat:no-repeat;	
background-position:-178px 0px
}
.toolImg2 {
background-image:url(/images/strip_icons.png);
background-repeat:no-repeat;	
background-position:-114px -100px
}

#pimages .pitems DIV {
WIDTH: 180px;
FLOAT: left;
HEIGHT: 160px;
MARGIN: 0 10px 0 0
}
#pimages .pitems .info {
MARGIN: 0px;
WIDTH: 100%;
DISPLAY: none;
background-color:#404040;
color:#FFFFFF;
width:180px;
height:130px
}
#pimages .pitems .info h3{
color:#FFFFFF;
font-size:1.0em;
margin:0px;
margin-top:10px;
padding:2px 10px;
}
#pimages .pitems .info p
{
padding:2px 10px;
color:#FFFFFF;
font-size:1.0em
}
#pimages a{
text-decoration:none;
color: #fff;
display:block;
min-height:70px
}

.p-i-shad {
display:block;
text-decoration:none;
padding:0 0 10px 0;
border:0px;
width:180px;
background-image:url('/images/image-shadow.png');
background-position:bottom;
background-repeat:no-repeat
}

#tab-nav {
HEIGHT: 140px;
margin-top:10px;
text-align:center;
border-left:0px solid #eee;
border-right:0px solid #eee;
background:#f4f4f4 url(images/grad_bottom.png) top repeat-x;

}
#tab-nav UL {
MARGIN: 0px auto;
}
#tab-nav LI {
TEXT-ALIGN: center;
LIST-STYLE-TYPE: none;
MARGIN: 0px;
padding:0px;
WIDTH: 160px;	
HEIGHT: 140px;
FLOAT: left;
display:block;
border-right:0px solid #ddd;
}
#tab-nav A {
POSITION: relative;
DISPLAY: block;
COLOR: #333333;
FONT-SIZE: 1.0em;
TEXT-DECORATION: none;
PADDING: 10px;

}
#tab-nav A:hover img {
background-color:#a8c221;
border:1px solid #a8c221
}
#tab-nav A.current {
 background-color:#fff;
 font-weight:700
}
#tab-nav A.current img {
background-color:#a8c221;
border:1px solid #a8c221
}
#tab-nav IMG {
PADDING:2px;
BACKGROUND-COLOR: #f4f4f4;
MARGIN-bottom: 10px;
margin-left:8px;
DISPLAY: block;
border:0px;
width:120px;
height:90px;
}
#tab-nav STRONG {
DISPLAY: block;
FONT-SIZE: 1.1em;
}
#panes {
POSITION: relative;
WIDTH: 550px;
margin-bottom:0px;
min-height:440px;
HEIGHT: auto;
background-color:#fff;
overflow:hidden;
text-align:center;
}
#panes DIV {
POSITION: absolute;
DISPLAY: none;
COLOR: #444;
border-left:1px solid #ddd;
text-align: center ;
width:99%;	
FONT-SIZE: 1.0em;
TOP: 0px;
min-height:420px;
height:auto;
LEFT: 0px;
padding:0px;
overflow:hidden;

}
#panes IMG {
margin:0px 0px;
border:0px solid #fff;
width:500px;
cursor:pointer;
}
#panes P {
line-height:140%;
padding:8px 0px;
}
#panes P.more {
COLOR: #666;
FONT-SIZE: 1.0em;
FONT-WEIGHT: bold;
}
#panes H3 {
MARGIN: 0px 0px 4px 0px ;
font-size:1.4em;
text-align:center
}
.slideOutTip {
POSITION: absolute;
PADDING: 0px 0px;
HEIGHT:24px;
COLOR:white;
FONT-SIZE: 1.0em;
OVERFLOW: hidden;
/*background-image:url(/images/greenOverlay.png);*/
background-color:#f0f4f4;
color:#000;
TOP:0px;
LEFT:0px;
}
.slideOutTip:hover {
}
.tipVisible {
HEIGHT: 24px;
CURSOR: pointer;

}
.tipTitle {
LINE-HEIGHT: 22px;
PADDING-RIGHT: 5px;
WHITE-SPACE: nowrap;
FLOAT: left;
FONT-SIZE: 1.0em;
FONT-WEIGHT: bold;
color:#222;
}
.tipIcon {
WIDTH: 24px;
FLOAT: left;
HEIGHT: 24px;
MARGIN: 1px 8px 0px 0px;
}
.green .tipIcon {
BACKGROUND-COLOR: #a8c221;
}
.plusIcon {
MARGIN: 0px;
WIDTH: 22px;
background-image:url(/images/closeOverlay.png);
background-position:186px 0px;
HEIGHT: 22px;
}
.isOpened.slideOutTip {
Z-INDEX: 10000;

}
.isOpened.slideOutTip .plusIcon {
background-image:url(/images/closeOverlay.png);
background-position:186px -22px;
}
.isOpened.slideOutTip .tipTitle {
	color:#000;
}
.openLeft .tipIcon {
MARGIN: 0px 0px 0px 8px;
FLOAT: right;
}
.openLeft .tipTitle {
PADDING:0 0 5px 0;
FLOAT: right;
}
.openLeft .slideOutContent {
MARGIN-TOP: 14px;
}
.openTop.openLeft .slideOutContent {
MARGIN-TOP: 0px;
}
.slideOutContent {
PADDING: 14px;
DISPLAY: none;
FONT-SIZE: 1.0em;
min-width:500px;
}
.slideOutContent a {
color:#000;
text-decoration:none;
WHITE-SPACE: nowrap;
line-height:220%;
padding:10px 20px 10px 0px;
margin-right:30px;
font-weight:700
}
.slideOutContent a:hover{
text-decoration:underline;
}
.slideOutContent span {
display:block; 
width:240px;
height:120px;
float:left;
}
.main > P {
DISPLAY: none;
}
.main {
POSITION: relative;
MARGIN: 0px;
WIDTH: 600px;
HEIGHT: 26px;
z-index:1000;
}
.spaceBottom {
MARGIN: 0px 0px 10px;
}
.spaceTop {
MARGIN: 10px 0px 0px;
}
h2.tut {
color: #444;
font-size: 1.1em;
padding: 2px 0 0 20px;
}
.twitter-icon{
background:url('images/twitter.png') 160px 0px no-repeat; 
}
#twitter-ticker {
width: 210px;
height: 166px;
color: #666666;
display: none;
text-align: left;
padding-left:2px;
padding-top:4px;
}
#tweet-container {
height: 160px;
width:210px;
line-height:140%;
overflow: hidden;
}
#twitIcon {
position: absolute;
top: -25px;
left: -10px;
width: 64px;
height: 64px;
}
.tweet {padding: 0px;
margin: 0 12px 12px 0px;
width: auto;
overflow: hidden;
}
.tweet .avatar, .tweet .user, .tweet .time {
float: left;
border:0
}
.tweet .time {font-size: 0.8em;
color: #999;
white-space: nowrap;padding-right:3px;
}
.tweet .avatar {
 width: 30px;
height: 40px;
overflow:hidden;
margin:-5px 6px 0 0 
}
.tweet .avatar img {width: 30px;
height: 30px;
margin: -4px 0 0 -2px
}
.tweet .txt {}
.tweet .user {font-weight: bold; padding-right:3px;
}
.tweet a, .tweet a:visited {color: #7c8f18;
text-decoration: none;
outline: none;
}
.tweet a:hover {text-decoration: underline;
}
#loading {margin: 100px 95px;
}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {position: absolute;
cursor: pointer;
right: 4px;
max-width:1px;
top: 0;
height: 100%;
}
.jScrollPaneDrag {position: absolute;
border:1px solid #a8c221;
cursor: pointer;
right: -5px;
background-color:#f0f4f4;
overflow: hidden;
}
.jScrollPaneDrag:hover{background-color:#a8c221;
}
.jScrollPaneDragTop {position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 9px;
}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden; 
	height: 9px;
}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.containerAccord {padding: 0px;
display: block;
}
.acc_trigger {FLOAT: left;
FONT-WEIGHT: normal;
padding: 10px 0 6px 0;
}
.acc_trigger.h3 {font-size:1.5em;
}
.acc_trigger A {line-height: 36px;
DISPLAY: block;
font-weight: bold;
TEXT-DECORATION: none;
}
.acc_trigger.h3 a:hover{ text-decoration:underline}
.active a, .active, .acc_trigger.h3.active a, .acc_trigger.h3 a:hover, .acc_trigger A:hover  {color: #7c8f18;}
.acc_container {
padding:0 0 10px 0;
MARGIN:0;
CLEAR: both;
FONT-SIZE: 1.0em;
OVERFLOW: hidden;
border-bottom:1px  solid #ddd;
}
.acc_container .block {
PADDING: 6px 0px 6px 0px;
}
.acc_container .block span{
float:left;
margin-right:18px;
width:220px;
height:176px;
overflow:hidden;
display:block;
background-image:url('images/image-shadow.png');
background-position:bottom;
background-repeat:no-repeat
}
.acc_container .block P {
padding: 0;
}
.acc_container H4 {
padding: 3px 0px;
font-size:1.1em
}
.clearfix:after {content: ".";display: block;height: 0;	clear: both;visibility: hidden;}
.clearfix {	display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {	display: block}
/* End hide from IE-mac */
.clearfix {	height: 1%}
.clearfix {	display: block}
/* Panel Tab/button */
.slide-tab {height: 42px;position: relative;top: 0;	z-index: 999;}
.slide-tab ul.slide-toggle {
display: block;
position: relative;
float: right;
clear: right;
width: auto;
margin: 0;
right: 30px;
color: white;
text-align: center;
}
.slide-tab ul.slide-toggle li {
text-align: left;
padding: 0 4px;
display: block;
float: left;
font-size:1.1em;
background-color: #b4bd26;
border:3px solid #000;
border-top:0px;
}
.slide-tab ul.slide-toggle li a {color: #fff}
.slide-tab ul.slide-toggle li a:hover {color:#000; text-decoration:none}
.slide-tab a.open, .slide-tab a.close {
height: 24px;
line-height: 24px !important;
padding-left: 2px !important;
cursor: pointer;
font-weight:700;
display: block;
width: 150px;
font-size:1.1em;
position: relative;
top: 0px;}
.slide-tab span.openIcon {width:22px; height:20px; display:block; float:left; background: url(images/closeOverlay.png) no-repeat -4px -1px; margin:3px 6px 0 0}
.slide-tab span.closeIcon {width:22px; height:20px; display:block; float:left; background: url(images/closeOverlay.png) no-repeat -4px -23px; margin:3px 6px 0 0}

#top-slide-panel { 
position: absolute;
top: -150px; right:0px;
width: 300px;
z-index: 999999;
text-align: center;
margin-left: auto;
margin-right: auto;
display:none
}
#slide-panel {
width: 100%;
height: 150px;
color: #eee;
background-image:url(images/greenOverlay.png);
overflow: hidden;
position: relative;
z-index: 3;

}
#slide-panel h2 {
font-size: 1.3em;
padding: 2px 0px;
margin: 20px 0 0 0;
color: #ccf011;
font-weight:bold
}
#slide-panel a {
text-decoration: none;
display:block;
color: white;
}
#slide-panel a:hover {color: white}
#slide-panel .content {
width: 280px;
margin: 0 auto;
padding:10px 15px;
text-align: left;
font-size: 1.1em;
}
.goIcon {
width:37px;height:37px;background-image:url(images/strip_icons.png);
background-repeat:no-repeat;
background-position:-295px -210px;
float:right;margin:25px 10px 0 5px
}
.slidePanes {
POSITION: relative;
MARGIN: 0px;
FLOAT: left;
CURSOR: pointer;
}
.slidePanes DIV {
POSITION: absolute;
MARGIN: 5px;
DISPLAY: none;
FONT-SIZE: 1.0em;
TOP: 0px;
LEFT: 0px;
}
.slidePanes H3 a { color:#000}
.slidetabs {CLEAR: both;margin:0 0 0 50px;}
.slidetabs A {
MARGIN-right: 6px;
WIDTH: 14px;
DISPLAY: block;
background-color:#a8c221;
FLOAT: left;
HEIGHT: 14px;
FONT-SIZE: 9px;
}
.slidetabs A:hover { background-color:gray}
.slidetabs A.current { background-color:black}
.forward {
MARGIN: 90px 10px 0 10px;
TEXT-INDENT: -9999em;
WIDTH: 30px;
DISPLAY: block;
BACKGROUND: url(images/closeOverlay.png) no-repeat;
HEIGHT: 66px;
CURSOR: pointer;
BACKGROUND-POSITION: -94px 0px;
}
.backward {
MARGIN: 90px 10px 0 10px;
TEXT-INDENT: -9999em;
WIDTH: 30px;
DISPLAY: block;
BACKGROUND: url(images/closeOverlay.png) no-repeat;
HEIGHT: 66px;
CURSOR: pointer;
BACKGROUND-POSITION: -28px 0px;
}
.forward:hover {BACKGROUND-POSITION: -124px 0px}
.forward:active {BACKGROUND-POSITION: -124px 0px}
.backward:hover {BACKGROUND-POSITION: -60px 0px}
.backward:active {BACKGROUND-POSITION: -60px 0px}
.disabled {	VISIBILITY: hidden !important}

.load-image {background: transparent url(images/loading.gif) no-repeat center center}
/*--------------------------BLOG----------------------------------*/
.singlePost {padding:10px 0}
.postmetadata {font-size:0.8em;padding: 10px 0px}
.singlePost .entryHead {margin:12px 0 16px 0; }
.entryHead {min-height: 40px;}
.comment-author-admin {	BACKGROUND:   url(images/post_by_admin.png) no-repeat left bottom
}
.comment-body {	PADDING-BOTTOM: 10px; PADDING-LEFT: 30px; PADDING-RIGHT: 10px; COLOR: #222; PADDING-TOP: 5px
}
.commentmetadata {	MARGIN: 0px; COLOR: #222; FONT-SIZE: 0.8em; TEXT-DECORATION: none
}
.commentmetadata A {MARGIN: 0px; COLOR: #222;  TEXT-DECORATION: none
}
.vcard {COLOR: #444; FONT-SIZE: 0.9em; PADDING-TOP: 20px
}
.fn {FONT-STYLE: normal; COLOR: #222; CURSOR: pointer; FONT-WEIGHT: bold; MARGIN-RIGHT: 4px
}
A.fn:hover {COLOR: #444}
.reply {MARGIN-TOP: 20px}
.comment-reply-link {BACKGROUND-color: #ccc; padding: 2px 20px; border:1px solid #ddd; COLOR: #222; MARGIN-LEFT: 70px; FONT-SIZE: 1.0em;  CURSOR: pointer; FONT-WEIGHT: bold;TEXT-DECORATION: none; }
.comment-reply-link:hover {BORDER: #39c 1px solid; BACKGROUND: #39c; COLOR: #fff;}
.thread-alt {BACKGROUND-COLOR: #aaa;}
.thread-even {BACKGROUND-COLOR: transparent}
.even {}
.alt {BORDER-TOP: #ccc 1px solid;}
.commentlist {PADDING: 0px;}
.depth-1 {}
.commentlist LI {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
.children {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#commentform P {MARGIN: 5px 0px}
.nocomments {TEXT-ALIGN: center; PADDING-BOTTOM: 15px; MARGIN: 0px}
.commentmetadata {MARGIN: 0px; DISPLAY: block; 	FONT-WEIGHT: normal}
.commentlist LI UL LI {	FONT-SIZE: 1em	}
.commentlist LI .avatar {BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; WIDTH: 48px; PADDING-RIGHT: 4px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #ddd 1px solid; MARGIN-RIGHT: 15px; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 4px
}
.commentlist CITE {	FONT-STYLE: normal; FONT-SIZE: 1.1em; FONT-WEIGHT: bold}
.commentlist CITE A {FONT-STYLE: normal; FONT-SIZE: 1.1em; FONT-WEIGHT: bold}
.commentlist P {LINE-HEIGHT: 1.5em; TEXT-TRANSFORM: none; PADDING-LEFT: 73px; FONT-WEIGHT: normal}

.wp-pagenavi {height:26px; padding:7px 10px 5px 10px; margin:10px 0 6px 0; background: url(images/top_bar.png) repeat-x bottom; border:1px solid #eee; border-bottom:0px; color:#666
}
.wp-pagenavi .pages {margin-right:18px;}
.wp-pagenavi .current { border:1px solid #99CC00; padding:3px 8px; color:#444 }
.wp-pagenavi .page {margin-right:10px; padding:3px 6px;}
.wp-pagenavi .previouspostslink { padding:3px 3px; font-size:1.2em;}
.wp-pagenavi .nextpostslink {padding:3px 3px;font-size:1.2em;}

/*------------------*/
#authorComment1 {BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 25px; BORDER-TOP: #ddd 1px solid; PADDING-TOP: 25px
}
#authorComment2 {BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 25px; BORDER-TOP: #ddd 1px solid; PADDING-TOP: 25px
}
#authorComment3 {BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 25px; BORDER-TOP: #ddd 1px solid; PADDING-TOP: 25px
}
#commentText1 {	MARGIN: 0px; PADDING-LEFT: 90px; COLOR: #888
}
#commentText2 {	MARGIN: 0px; PADDING-LEFT: 90px; COLOR: #888
}
#commentText3 {MARGIN: 0px; PADDING-LEFT: 90px; COLOR: #888
}
#gravatar1 {TEXT-ALIGN: center; WIDTH: 60px; COLOR: #888; FONT-SIZE: 1.0em
}
#gravatar2 {TEXT-ALIGN: center; WIDTH: 60px; COLOR: #888; FONT-SIZE: 1.0em
}
#gravatar3 {TEXT-ALIGN: center; WIDTH: 60px; COLOR: #888; FONT-SIZE: 1.0em
}
#gravatar1 IMG {BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 4px
}
#gravatar2 IMG {BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 4px
}
#gravatar3 IMG {BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 4px}
.replyHead {COLOR: #888; FONT-SIZE: 1.0em}
.author {MARGIN: 0px 4px; COLOR: #444; CURSOR: pointer; FONT-WEIGHT: bold}
.reply {MARGIN: 0px 4px; COLOR: #444; CURSOR: pointer; FONT-WEIGHT: bold}
A.author:hover {COLOR: #888}
A.reply:hover {COLOR: #888}
#quote1 {PADDING-BOTTOM:0px;PADDING-LEFT:88px;PADDING-RIGHT: 0px; PADDING-TOP: 10px}
#quote2 {PADDING-BOTTOM: 0px; PADDING-LEFT: 88px; PADDING-RIGHT: 0px; PADDING-TOP: 10px}
#quote3 {PADDING-BOTTOM: 0px; PADDING-LEFT: 88px; PADDING-RIGHT: 0px; PADDING-TOP: 10px}

.quoteText {BORDER-BOTTOM: #ebebeb 1px solid; BORDER-LEFT: #ebebeb 1px solid; PADDING-BOTTOM: 10px; FONT-STYLE: italic; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; MARGIN-BOTTOM: 15px; BACKGROUND: #fbfbfb; COLOR: #999; FONT-SIZE: 11px; BORDER-TOP: #ebebeb 1px solid; BORDER-RIGHT: #ebebeb 1px solid; PADDING-TOP: 10px
}
#respond {padding:6px 0px; background-color: transparent;  border-top:1px solid #ddd}
#respond a {color:#222;}
#respond h3 {color: #666;}
.leftSpace {MARGIN-LEFT: 10px; FONT-SIZE: 11px}
.n {MARGIN-LEFT: 0px}
.text_input, #wpcf_your_name, #wpcf_email, #wpcf_website { padding:6px; margin-top: 10px; WIDTH: 350px; FONT-FAMILY: "Lucida Grande", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; BACKGROUND: #666; COLOR: #eee; FONT-SIZE: 12px; BORDER: #666 1px solid;
}
#wpcf_msg {	padding:2px;  height:100px; BORDER: #666 1px solid;  MARGIN-TOP: 10px;  WIDTH: 350px; FONT-FAMILY: "Lucida Grande", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; BACKGROUND: #666; COLOR: #eee; FONT-SIZE: 12px; 
}
.text_area {MARGIN-TOP: 10px; WIDTH: 570px}
#wpcf_your_name:focus, #wpcf_email:focus, #wpcf_website:focus,#wpcf_msg:focus, input:focus {BACKGROUND: #dbedf4}
TEXTAREA:focus {BACKGROUND: #dbedf4}
#MainContent .contentBlock .quote {font-size:1.6em; color:#888; font-style:italic; font-weight:bold; font-family:"Times New Roman", Times, serif; margin:18px 0}
.skype {background: url(images/skype.png) no-repeat left; padding-left:26px;}

/*--REGISTER FORM--*/

#simplr-form {margin: 20px 0 0 0 }
.simplr-field {	padding:6px 0}
.simplr-field .left {width:150px; padding-right:6px; display:inline-block}
.simplr-message {color: #CC0000; }

ul.testimonilas  {margin:0; list-style:none}
ul.testimonilas li { width:310px; height:270px; display:inline-block; margin:0 20px 20px 0; padding:0px; float:left;  }
ul.testimonilas li p {display:block; width: 270px; height:190px; background:url(images/testimonial.png) no-repeat top; padding:20px; color:#444}

table#wp-calendar { width:230px; font-size:0.8em}

table#wp-calendar caption { background-color:#222; color:#ccc}
table#wp-calendar .pad { background-color:#fff}
table#wp-calendar thead {background: #dce6e6;; color:#444; font-size:0.9em; font-weight:normal }
table#wp-calendar td { background-color:#f2f2f2; padding:1px 2px;; text-align:center}
table#wp-calendar td a { background-color: #aaa; display:block; color:#fff; padding:0; font-weight:100}
table#wp-calendar tfoot td {background-color:#fff;} 
table#wp-calendar tfoot td a {background-color:#fff; display:inline; color:#444; padding:0; font-weight:100}
#preloader { top:60px; left: 10px; color:#aaa; text-align:center;  position:absolute;  z-index:1000;  width: 100%; height: 50px; margin:auto; cursor:wait; background: transparent url(images/loading.gif) no-repeat bottom center}

.beforeAfter { background-color:#f0f4f4; padding:14px; margin:30px 0 10px 0; position:relative}
.before, .after {background-color:#778b11; width:200px; height:130px; overflow:hidden; text-align:right; margin-top:12px; }
.before { background:url(images/before-after-sm.png) no-repeat 0px 0px;}
.after { background:url(images/before-after-sm.png) no-repeat -40px 0px;}
.before:hover { background-position:-20px 0px;}
.after:hover { background-position:-60px 0px;}
.beforeAfter h5 { font-size:1.1em; margin:10px 0 0 0}
.bfarrow { position:absolute; z-index:10; width:57px; height:57px; background:url(images/arrow_case.png) no-repeat; top:160px; left:160px;}
.bfarrowh { position:absolute; z-index:10; width:84px; height:43px; background:url(images/arrow_case_h.png) no-repeat; top:90px; left:300px;}

.clientQuotesSide {margin-top:40px; clear:both; height: 300px;}
.clientQuote {width:190px; height:234px; padding:12px 20px; margin-bottom:4px; line-height:180%; color:#666; background: url(images/testimonial_side.png ) no-repeat top;}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion { }
#accordion h3 {	background:url(images/bullet2.gif) no-repeat left; margin:0; padding:8px 20px;	font-weight:normal; font-size:14px;	border-bottom:1px solid #ddd ;cursor:pointer; color:#2892b1	
}
#accordion h3:hover { color:#778b11}
/* currently active header */
#accordion h3.current {	cursor:default;	background-color:#fff; color:#778b11}
/* accordion pane */
#accordion .pane {	display:none; padding:14px 20px;}

table#wp-calendar { width:230px; font-size:0.8em}

table#wp-calendar caption {}
table#wp-calendar .pad { background-color:#fff}
table#wp-calendar thead {background: #dce6e6;; color:#444; font-size:0.9em; font-weight:normal }
table#wp-calendar td { background-color:#f2f2f2; padding:1px 2px;; text-align:center}
table#wp-calendar td a { background-color: #aaa; display:block; color:#fff; padding:0; font-weight:100}
table#wp-calendar tfoot td {background-color:#fff;} 
table#wp-calendar tfoot td a {background-color:#fff; display:inline; color:#444; padding:0; font-weight:100}

.footerBoxes div.box ul.socialb  li {padding:4px 0 5px 0}
#twitter1, #facebook1, #linkedin1, #youtube1, #flickr1 { background: url(images/social_l.png) no-repeat; padding:0px; height:26px; display:block; text-indent:-9999px;  width:130px; }
#twitter1:hover, #facebook1:hover, #linkedin1:hover, #youtube1:hover, #flickr1:hover { background-color: #9C0}
#twitter1 { background-position:0px -2px;}
#facebook1  { background-position:0px -32px;}
#linkedin1  { background-position:0px -64px;}
#youtube1  { background-position:0px -94px;}
#flickr1 { background-position:0px -123px;}

.wpcf7-validation-errors {color:red ; background-color:#111; width: 610px; position:absolute; top:310px; padding:10px 20px; font-size:1.4em; text-align:cente; -moz-box-shadow: 0 2px 5px #000;-webkit-box-shadow: 0 2px 5px #000;box-shadow: 0 2px 5px #000;}
.wpcf7-not-valid-tip-no-ajax,  .wpcf7-validation-errors {color:red}
.wpcf7-mail-sent-ok { font-weight:700; font-size:1.2em; margin:14px 0; color:#778b11}
.wpcf7-list-item { display:block; margin:4px 0}

#sheetswitch {	position:absolute;top:260px;right:0px;background-color:#111; width:50px; padding:2px 4px; color:#eee; font-weight:700;  line-height:20px; -moz-box-shadow: 0 0px 3px #666;-webkit-box-shadow: 0 0px 3px #666;box-shadow: 0 2px 5px #000;}
#sheetswitch a {border:1px solid #555; width:16px; height:16px; display:inline-block}
#sheetswitch a:hover {border:1px solid  #9C3;}
#sheetswitch a.darks { background-color:#666;}
#sheetswitch a.lights { background-color:#CFF; }

#ns_widget_mailchimp_form-4, #ns_widget_mailchimp_form-2 { background-color:#f4f4f4; padding:6px; border:2px solid #ddd}
#ns_widget_mailchimp_form-4 label, #ns_widget_mailchimp_form-2 label { color:#444; font-size:0.8em}
#ns_widget_mailchimp_form-4 .error, #ns_widget_mailchimp_form-2 .error { font-size:0.8em; color:#F00; line-height:120%}
#ns_widget_mailchimp_form-4 INPUT[type='text'] , #ns_widget_mailchimp_form-2 INPUT[type='text'] { width:200px; margin-bottom:10px}
#ns_widget_mailchimp_form-4 INPUT[type='submit'], , #ns_widget_mailchimp_form-2 INPUT[type='submit'] { background-color:#7c8f18; font-weight:700; margin-top:10px; -moz-box-shadow: 0 0px 3px #666;-webkit-box-shadow: 0 0px 3px #666;box-shadow: 0 2px 5px #000; border:0px }

/* green */
.greenb, .wpcf7-submit, input[type=reset],input[type=submit]  {color: #240; border: solid 2px #507800; background: #7c8f18 url("css/greenBG.svg");}
.greenb:hover, .wpcf7-submit:hover  { background: #538018 url("css/greenBG-hover.svg");}
.greenb:active {color: #a9c08c; background: #538018 url("css/greenBG-hover.svg");}
.buttonb, .wpcf7-submit, input[type=reset], input[type=submit] {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .5em; 
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.buttonb:hover {text-decoration: none;}
.buttonb:active {position: relative;top: 1px;
}

.bigrounded {-webkit-border-radius: 1.4em;	-moz-border-radius: 1.4em;	border-radius: 1.4em;	font-size:1.2em
}
p::selection, li::selection, div::selection { background:  #09C; color:#fff }
p::-moz-selection, li::-moz-selection, div::-moz-selection {background: #09C; color:#fff  }
.mainBlogImage { padding:0px; border:6px solid #eee; margin-bottom:20px; 	}
.thumbImage {border:4px solid #ddd; width:200px; height:200px; float:left; margin:0px 20px 0 0 }
ul.h li a{font-size:1.2em;}
ul.h li a:hover { text-decoration:underline; color:#444}