/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#f0f1ee;
}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000;
font-weight:normal;
text-decoration:none;
}

a{ color:#69c301; font-weight: bold; }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p, form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding:0px 30px 10px 30px;}
p.gray{ color:#a4a4a4; }
p.small{ font-size:11px; line-height:14px; }

h1, h1 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:28px;
line-height:34px;
font-weight:normal;
color:#72a804;
text-decoration:none;
}
h1{ padding-bottom:10px; padding-left:30px; }

h2, h2 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:15px;
line-height:20px;
font-weight:bold;
color:#000;
text-decoration:none;
}
h2{ padding-bottom:10px; padding-left:30px; }

h3, h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#000;
text-decoration:none;
}
h3{ padding-bottom:5px; }

#page{ width:1033px; margin:20px auto 20px auto; text-align:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ 
height:178px; position:relative; z-index:2;
background-image:url(/images/bg_header.gif);
background-repeat:no-repeat;
background-position:right bottom;
}
#header.home{ 
height:613px; position:relative; z-index:2;
background-image:url(/images/bg_header_home.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}
#header .logo{ position:absolute; top:59px; left:19px; }
#header .phone{ position:absolute; top:50px; left:800px; }
#header .phone{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:26px;
line-height:26px;
font-weight:normal;
color:#71c611;
text-decoration:none;
text-transform:none;
}
#header .link-e{ position:absolute; top:435px; left:333px; }
#header .link-s{ position:absolute; top:470px; left:333px; }
#header .link-c{ position:absolute; top:505px; left:333px; }
#header .link-video{ position:absolute; top:347px; left:750px; }
#header .link-book{ position:absolute; top:536px; left:39px; }
#header .link-book-inner{ position:absolute; top:127px; left:704px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ 
width:1033px; height:38px;
position:absolute; top:0px; left:0px; 
background-image:url(/images/bg_header_nav.gif);
background-repeat:repeat;
background-position:left top; 
}
#top-nav .top-nav-wrapper{ padding:2px 0px 0px 10px; }
#top-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#top-nav ul li{
height:35px; float:left;
background-image:url(/images/bg_header_nav_line.gif);
background-repeat:no-repeat;
background-position:right top;
padding:0px 25px;
}

#top-nav ul li a, #top-nav ul li ul li a{
display: block;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:35px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
white-space: nowrap;
}

#top-nav a:hover{ text-decoration:underline; }

#top-nav ul li ul{ 
margin: 0;
padding: 10px 0px 0px 0px;
position: absolute;
visibility: hidden;
z-index:10;
background: #68c300;
overflow: visible;
border-bottom:1px solid #f0f1ee;
}

#top-nav ul li ul li {
height:auto; 
background: none; 
border:none;
padding:0px 0px;
float:none;
}

#top-nav ul li ul li a{  
line-height:25px !important;
padding:0px 10px
}

#top-nav ul li ul li a:hover{ color: #000000; text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-nav css */

#main-nav{ position:absolute; top:60px; left:450px; }

#main-nav, #main-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#080807;
text-decoration:none;
text-transform:none;
}

#main-nav a{ padding:0px 10px; }
#main-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{ padding:0px 0px 0px 0px; }
#middle.inner{
background-image:url(/images/bg_middle.gif);
background-repeat:no-repeat;
background-position:left top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:954px; position: relative;
background-image:url(/images/bg_content.gif);
background-repeat:no-repeat;
background-position:left top;  
background-color: #fff;
}
#content .content-wrapper{ padding:100px 0px 30px 0px; }

#content ul{ padding:0px 30px 10px 30px; margin:0px 0px 0px 0px; list-style-type: none; display:table;}
#content ul li{ 
padding:0px 0px 5px 10px; 
background-image:url(/images/arrow_4x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
}

#content .img-left{ width:auto; height:auto; margin:20px 30px 20px 0px; float:left;}
#content .img-right{ width:auto; height:auto; margin:20px 0px 20px 30px;  float:right;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-footer css */

#page-footer{ width:954px; height:310px; position:relative; background-color: #d4d4d4; -moz-border-radius: 7px;}

#page-footer .copy{ position:absolute; top:270px; left:750px; }
#page-footer .title{ position:absolute; top:45px; left:25px; }
#page-footer .title h3{ color:#000;}
#page-footer .copy{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#686868;
text-decoration:none;
text-transform:none;
}

#page-footer .line-horiz{ position:absolute; top:255px; left:0px;  background-color:#ffffff; width:100%; height:1px;}
#page-footer .line-vert1{ position:absolute; top:0px; left:317px;  background-color:#ffffff; width:1px; height:252px;}
#page-footer .line-vert2{ position:absolute; top:0px; left:631px;  background-color:#ffffff; width:1px; height:252px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ position:absolute; top:270px; left:20px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#686868;
text-decoration:none;
text-transform:uppercase;
}
#footer-nav a{ padding:0px 15px; }
#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ posts-nav css */

#page-footer .posts-nav1{ position:absolute; top:75px; left:25px; }
#page-footer .posts-nav2{ position:absolute; top:75px; left:345px; }
#page-footer .posts-nav3{ position:absolute; top:75px; left:655px; }

#posts-nav{}
#posts-nav .posts-nav-wrapper{ padding:0px 0px 0px 0px;}
#posts-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#posts-nav ul li{ padding:0px 0px 0px 0px; }
 
#posts-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#686868;
text-decoration:none;
}
#posts-nav ul li a:hover{ text-decoration: underline;}

#posts-nav ul li ul{ padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; list-style-type: none; }
#posts-nav ul li ul li{ padding:0px 0px 0px 0px; }
 
#posts-nav ul li ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#686868;
text-decoration:none;
}
#posts-nav ul li ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ home css */

#home{ width:955px;
background-image:url(/images/bg_home.gif);
background-repeat:no-repeat;
background-position:left top;
}
#home .home-wrapper{ padding:100px 0px 0px 0px; }

#home .line-green{ width:405px; height:2px; background-color: #69c301; margin-left:30px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ snippets css */

#snippets{}
#snippets .snippets-wrapper{ padding:0px 0px 20px 45px; }
#snippets .snippet{ width:300px; float:left; }
#snippets .snippet-wrapper{ padding:0px 50px 0px 0px; }
#snippets p{ font-size:11px; line-height:14px; padding:0px 0px 5px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ boxes css */

#boxes{
width:653px; height:217px; float:left; 
background-image:url(/images/bg_snippets.gif);
background-repeat:no-repeat;
background-position:left top;
}
#box{ width:326px;  height:216px;  float:left; 
background-image:url(/images/bg_box.gif);
background-repeat:no-repeat;
background-position:left top;
}
#box .box-wrapper{ padding:20px 55px 20px 20px; }

#box h4, #box h4 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:20px;
line-height:24px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
text-transform: uppercase;
}
#box h4{ padding:0px 0px 5px 0px;}
#box p{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#000;
text-decoration:none;
text-transform:none;  
padding:0px 0px 7px 0px;
}

#box .item{}
#box .item-wrapper{ padding:0px 0px 5px 0px; }
#box .item-img{ width:50px; float:left;}
#box .item-txt{ width:190px; float:left; padding:2px 0px 10px 0px; border-bottom:1px solid #e8e8e8;}
#box .item p{ padding:0px 0px 0px 0px; color:#a4a4a4;}
#box .item p a{ color:#000; }

/*************************************************** who-uses css */

#home-txt{ width:650px; float:left;}
#home-txt .home-txt-wrapper{ padding:0px 50px 0px 0px;}

/*************************************************** who-uses css */

#who-uses{ width:298px; float:right; background-color: #fcfcfc; border:1px solid #d4d4d4;-moz-border-radius: 5px;}
#who-uses .who-uses-wrapper{ padding:25px 20px;}
#who-uses h2{ font-size:20px; }

#who-uses .item{ padding:0px 0px 20px 0px; }
#who-uses .item-img{ width:75px; float:left;}
#who-uses .item-txt{ width:180px; height:60px; float:left; border-bottom:1px solid #e2e2e2; }