* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

body {
margin:0;
background:white;
background:url(http://www.eznethelp.com/layout2012/background-bar.png) repeat-x ;
font-family:Trebuchet MS,'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
}

.ezpagebuilder-page-main {width:900px; margin:auto;}

/*----- General Formatting --------*/
h1, h2, h3, h4, h5, h6 {
margin:.2em 0;
color:#222;
}

p {
margin:.8em 0;
line-height:1.4; 
}

li {
line-height:1.4;
}

h2 + p {
margin-top:0px;
}

a {color:#33d;}


#zenbox_tab{
height:60px !important;
}

#feedback_tab_text {
padding:6px;
margin:12px !important;

}

/*------------- header ---------------*/

.header {
width:100%;
padding:8px 0;
}
.header h1{
margin:6px 0;
line-height:1;
font-size:24px;
}
.header h1 img {
display:inline-block;
border:solid 1px transparent;
position:relative;
top:-4px;
}

.header h1 img a:hover {
border:solid 1px #45d;
}

/*---------- right nav -------------*/
nav {
border:solid 2px #ddd;
background:#def;
}

nav ul {
list-style:none;
margin:0; padding:0;
}

nav li a {
border-bottom:solid 1px #333;
border-top:solid 1px #eee;
display:inline-block;
background:#15a;
color:#eee;
padding:7px;
text-decoration:none;
line-height:1;
width:170px;
font-weight:bold;
font-size:17px;
text-shadow:-1px -1px rgba(0,0,0,.4);
box-shadow:inset 0 16px 1px rgba(255,255,255,.1);
}


nav li a:hover {
background:black;
}

nav li span {
display:inline-block;
border-bottom:solid 1px #333;
border-top:solid 1px #eee;
background:#c11;
color:#fff;
cursor:pointer;
border:solid 1px #444;
line-height:1;
padding:7px 7px;
text-shadow:-1px -1px rgba(0,0,0,.5);
box-shadow:inset 0 16px 1px rgba(255,255,255,.2); 
}

nav li span:hover {background:#e10;}

nav li a.active {
box-shadow:inset 0 17px 1px rgba(255,255,255,.18); 
}

nav li span.active {background:#e11;}

/*------- submenu --------*/
nav li ul {
display:none;
margin:0; padding:0;
}

nav li ul li a{
font-size:12px;
padding:4px;
margin:0;
width:99%;
box-shadow:inset 0 10px 5px rgba(255,255,255,.06);
}


/*-------------- icons --------------*/
a.sm-btn {
display:block;
width:75px;
height:75px;
margin:8px;
margin-bottom:30px;
border:solid 1px #ddd;
background:url(http://www.eznethelp.com/2012/icon-spritesheet.png) no-repeat;
float:left;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
text-decoration:none;
line-height:1;
}
a:hover.sm-btn[href*="."] {background-color:#cdf; -moz-box-shadow:0px 0px 3px rgba(0,0,5,.45); }

a:active.sm-btn[href*="."] {background-color:#fb7;}

a.sm-btn:after {
content:attr(title);
position:relative;
top:75px;
font-size:12px;
color:#555;
text-align:center;
}


#pagemanager {background-position:0px 0px;}

#textEditor {background-position:-90px 0;}

#qrCode {background-position:-180px 0;}

#directory {background-position:-270px 0;}

#bulletBoard {background-position:-360px 0;}

#photoAlbum {background-position:-450px 0;}

#catalog {background-position:-540px 0;}

#calendar {background-position:-630px 0;}

#viewCounters {background-position:-720px 0;}

#ezMail {background-position:0px -90px;}

#mailSetup {background-position:-90px -90px;}

#mailList {background-position:-180px -90px;}

#formManager{background-position:-270px -90px;}

#linkTrader {background-position:-360px -90px;}

#globalLinks {background-position:-450px -90px;}

#checkout {background-position:-540px -90px;}

#shipping {background-position:-630px -90px;}

#editContact {background-position:-720px -90px;}

#retrieveOrders {background-position:0px -180px;}

#downloadOrders {background-position:-90px -180px;}

#viewOrderStats {background-position:-180px -180px;}

#domainManager {background-position:-270px -180px;}

#backupFiles {background-position:-360px -180px;}

#changePassword {background-position:-450px -180px;}

#constraintUsage {background-position:-540px -180px;}

#viewConfiguration {background-position:-630px -180px;}

#accountsPayable {background-position:-720px -180px;}

#viewDigiSign {background-position:0px -270px;}

#pageBuilder {background-position:-90px -270px;}

#fileManager {background-position:-180px -270px;}

#viewHome {background-position:-270px -270px;}

#globalInfo {background-position:-360px -270px;}

#settings {background-position:-450px -270px;}

#freeSubmission {background-position:-540px -270px;}

#paidInclusion {background-position:-630px -270px;}

#payPerClick {background-position:-720px -270px;}

#directoryListings {background-position:0px -360px;}

#other {background-position:-90px -360px;}

#affiliate {background-position:-180px -360px;}

#devDash {background-position:-270px -360px;}

#paymentOptions {background-position:-360px -360px;}

#signManager {background-position:-450px -360px;}

#gallery {background-position:-540px -360px;}


/*------- footer ------*/
.footer {
background:url(../layout2012/footer-landscape.jpg) repeat-x bottom center #F5ECD5;
border-top:solid 2px #a22;
padding:15px 0;
box-shadow:inset 0 35px 25px rgba(150,90,0,.1);
}

.fat-footer {
width:900px;
margin:auto;
font-size:90%;
}

.fat-footer ul {
color:#444;
list-style:none;
padding:0;
position:relative;
left:25px;
}

.fat-footer li a {
display:inline-block;
padding:2px 4px;
color:#222;
}

.fat-footer ul li a:hover {
background:#922;
color:#fff;
text-decoration:none;
text-shadow:-1px -1px rgba(0,0,0,.3);
border-radius:3px;
}



/*-------- clicked animation ------*/
a.clicked{
-moz-animation: boom .25s ease-out; 
-webkit-animation: boom .25s ease-out; 
}

@-moz-keyframes boom {
0%   {-moz-transform: scale(1);}
100% {-moz-transform: scale(3); opacity:.02;}
}

@-webkit-keyframes boom {
0%   {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(3); opacity:.02;}
}


p.ez-hit-counter {
text-align:center;
margin-bottom:15px;
}
p.ez-hit-counter a {color:#fff;}





/*::::::::::::::::::::::::  Mobile  :::::::::::::::::::::::::*/

@media screen and (max-width:580px) { 

   body {background:white;}
   .ezpagebuilder-page-main { width:100% !important; margin:0; }

   #zenbox_tab { display:none; outline:solid red;}

   .header { background:#F6ECD4; border-bottom: solid 2px #B5191F; }

    table, tbody, tr, td {display:block; }

   .header h1 img {width:50%;}
   .header h1 { font-size:16px; margin:.1em auto; float:left; }
   .header h2 { font-size:12px; margin:5px auto; text-align:center; }


   .header {display:block; }
   .fat-footer  { width:100%; margin:0; padding:0; }
   .fat-footer ul { left:0;}

}