/*  Dark Blue - #003564  */
/*  Orange - #f7931d  */
/*  Bright Blue - #0091d6  */
/*  Dark Blue but a little lighter - #0b4e8a  */


/*************************************** PRIMARY DIVISIONS ****************************************/

div#website { width: 100%; height: 100%;
margin: 0; padding: 0;
text-align: left;
background: url(../images/header-bg-ext.gif) repeat-x;
}

div#header-container { min-width: 1100px; max-width: 100%; height: 154px; margin: 0; padding: 0;
background: url(../images/headerContainer-bg-ext.jpg) repeat-x;
 }
div#header-top { width: 1100px; height: 43px; background: url(../images/header-top.jpg); }
div#header-mid { width: 1100px; height: 51px; }
div#header-bot { width: 1100px; height: 60px; background: url(../images/header-bot.jpg);
}

.easlogoflick { position: absolute; top: 44px; left: 38px; width: 208px; height: 86px;
}

div#craftysyntax { width: 117px; height: 51px; position: absolute; top: 43px; left: 497px; font-size: 1px;
}

div#headerGrad-container { min-width: 1100px; max-width: 100%; height: 51px; margin: 0; padding: 0;
background: url(../images/headerGrad-bg-ext.jpg) repeat-x; }
div#headerGrad { width: 1100px; height: 51px;
background: url(../images/headerGrad.jpg) no-repeat; }
div#headerGradPage { width: 1100px; height: 51px;
background: url(../images/headerGradPage.jpg) no-repeat; }



div#container { width: 1030px; text-align: left;
margin: 0px 61px 0px 38px; padding: 0px;
}


.boxBigLeft { width: 314px; height: 197px; margin: 25px 29px 30px 0px; padding: 0px; background-repeat: no-repeat; float: left; }
.boxBigCenter { width: 314px; height: 197px; margin: 25px 29px 30px 0px; padding: 0px; background-repeat: no-repeat; float: left; }
.boxBigRight { width: 314px; height: 197px; margin: 25px 0px 30px 0px; padding: 0px; background-repeat: no-repeat; float: left; }


div#main { float: left; width: 754px; height: 100%; }
div#side { float: right; width: 273px; height: 100%; }



/* **************************************  PAGES LAYOUT  *******************************************/


.servicesHeader { width: 754px; height: 46px; background-repeat: no-repeat; display: block; cursor: pointer; }
.servicesHeader h2 { display: none; }
.servicesContent { width: 700px; margin: 10px 0px 0px 20px; }
.title { width: 754px; height: 46px; background-repeat: no-repeat; display: block; } /* pages title */
.title h1 { display: none; }



div#main-top { width: 754px; height: 24px; background: url(../images/main-top.jpg) no-repeat; padding: 0px; }
div#main-mid { background: url(../images/main-mid.jpg) repeat-y; margin: 0px; padding: 5px 25px 1px 20px; }
div#main-bot { width: 754px; height: 19px; background: url(../images/main-bot.jpg) no-repeat; margin-bottom: 25px; }


div#sidenav-top { width: 273px; height: 139px; background: no-repeat; padding: 0px; }
div#sidenav-bot { width: 273px; height: 19px; background: no-repeat; padding: 0px; margin-bottom: 20px; }
ul#sidenav { width: 273px; margin: 0px; padding: 0px; background: url(../images/sidenav-mid.jpg) repeat-y; }
ul#sidenav li { width: 273px; height: 29px; list-style-type: none; font-family: Geneva, Arial, Helvetica, sans-serif;
text-indent: 65px; font-size: 12px; text-transform: uppercase; line-height: 20px; padding: 5px 0px;
background: url(../images/sidenav-button.jpg) no-repeat; }
div#sidenav-topTall { width: 273px; height: 168px; background: no-repeat; padding: 0px; }
#sidenav li a:link { color: #003564; text-decoration: none; }
#sidenav li a:active { color: #003564; text-decoration: none; }
#sidenav li a:hover { color: #f7931d; text-decoration: underline; }
#sidenav li a:visited { color: #003564; text-decoration: none; }


ul#ColList { margin: 0px 25px 0px 0px; padding: 5px 0px 5px 55px; }
ol#ColList { margin: 0px 25px 0px 0px; padding: 5px 0px 5px 55px; }
ul.ColList { margin: 0px 25px 0px 0px; padding: 5px 0px 5px 55px; }
ol.ColList { margin: 0px 25px 0px 0px; padding: 5px 0px 5px 55px; }


div#newsletter { width: 273px; height: 139px; margin: 25px 0px; padding: 0px; }



/* **************************************  FOOTER LAYOUT  *******************************************/


div#footer { width: 1030px; height: 100%;
text-align: left; line-height: 20px; padding: 0px; margin: 0px;
border-top: solid 1px #CCC;
}

td#footerlinks { width: 800px; margin-right: 25px; vertical-align: top; }
ul#footerlist { width: 800px; list-style-type: none; margin: 0px;
padding: 15px 0px 0px 0px; vertical-align: top; }
ul#footerlist li { display: inline; margin: 0px 0px 0px 8px; padding: 0px 10px 0px 0px; font-size: 12px; border-right: solid 1px #999;
}

ul#footerlist li a:link { color: #003564; text-decoration: none; }
ul#footerlist li a:active { color: #003564; text-decoration: none; }
ul#footerlist li a:hover { color: #000; text-decoration: underline; }
ul#footerlist li a:visited { color: #003564; text-decoration: none; }
ul#footerlist { color: #CCC; }  /*Divider between links*/

.copyright { color: #000; }
td#easfooter { height: 114px; width: 205px; }


/* **************************************  CLIENT LOGIN NAVIGATION LAYOUT  **************************************/


div#navLoginContainer { width: 100%; height: 47px; background: #003564; }
div#navLoginBar { width: 1100px; height: 47px; margin: 0px; padding: 0px; }

ul#navLoginList { list-style-type: none; margin: 0; padding: 0; }
ul#navLoginList li { display: inline; float: left; height: 47px; }
#navLoginList a { display: block; width: 100%; height: 100%; }
ul#navLoginList a span { display: none; }

li#nav_project a { background: url(../images/b/b-clientlogin-project.jpg) 0px 0px no-repeat; width: 220px; height: 47px; }
li#nav_project a:hover { background: url(../images/b/b-clientlogin-project-hi.jpg) }
li#nav_billing a { background: url(../images/b/b-clientlogin-billing.jpg) 0px 0px no-repeat; width: 183px; height: 47px; }
li#nav_billing a:hover { background: url(../images/b/b-clientlogin-billing-hi.jpg) }
li#nav_ftp a { background: url(../images/b/b-clientlogin-ftp.jpg) 0px 0px no-repeat; width: 197px; height: 47px; }
li#nav_ftp a:hover { background: url(../images/b/b-clientlogin-ftp-hi.jpg) }
li#nav_webmaint a { background: url(../images/b/b-clientlogin-webmaint.jpg) 0px 0px no-repeat; width: 189px; height: 47px; }
li#nav_webmaint a:hover { background: url(../images/b/b-clientlogin-webmaint-hi.jpg) }

li#nav_clientblank { background: url(../images/b/b-clientlogin-blank.jpg) 0px 0px no-repeat; width: 311px; height: 47px; }


/* **************************************  ADD THIS  **************************************/

.addthis_toolbox .two_column { width: 228px; padding: 10px 0 10px 0px; margin-left: 20px; border: 2px solid #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.addthis_toolbox .two_column  a { padding: 4px 0 4px 32px; margin: 0; position: relative; width: 70px; display: block; text-decoration: none; color: #0091d6; }
.addthis_toolbox .two_column  a:hover { background: #B4D3F8; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.addthis_toolbox .two_column  span { position: absolute; left: 10px; top: 4px; }
.addthis_toolbox .two_column  .top { padding: 0 0 10px 0; border-bottom: solid 1px #eee; margin: 0 20px 10px 20px; }

.addthis_toolbox .two_column  .more { border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 20px 0 20px; text-align: center; }
.addthis_toolbox .two_column  .more a { padding: 4px 0; width: auto; }
.addthis_toolbox .two_column  .more span { display: none; }

.addthis_toolbox .two_column  .column1 { width: 110px; float: left; }
.addthis_toolbox .two_column  .column2 { width: 118px; float: left; }
.addthis_toolbox .two_column  .clear { clear: both; padding: 0; display: block; height: 0; width: 0; }00