html {width:100%; }
body {background:#1a8edd url('../images/body-bg.gif') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:13px; color:#000000; width:100%; }
p {padding:0 0 15px 0; margin:0; line-height:140%; }
h1 {margin:0; padding:0; font-size:17px; font-weight:normal; }
h2 {margin:0; padding:0 0 20px 0; font-size:17px; font-weight:normal; }
/*link styling*/
a {color:1a8edd; text-decoration:none; }
a:visited {color:#ff7e00; text-decoration:none; }
a:hover {text-decoration:underline; }
#footer a {color:#637076; }
/*structural elements*/
.section {text-align:center; width:100%; border-bottom:1px solid #637076 padding:20px 20px 20px 20px}
#header {background:#1A292F; margin:0 auto; text-align:left; padding:20px 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076;}
#logotxt h1 {color:#000000; background:#ffe900; padding:12px 10px 12px 10px; text-align:center;width:200px; margin:-120px 0 0 500px; min-height:90px; }
#logo img {border:none;}
#container {margin:0 auto; text-align:left; padding:20px 20px 0 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#containersub {margin:0 auto; text-align:left; padding:20px 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
h1#logo {background:#E8EDF7; float:left; padding:47px 20px; width:200px; border:1px solid #FFFFFF; text-align:center; min-height:116px; }
#pictureRail {text-align:center; }
#slogan {background:url('../images/plan_backo.png'); float:left; width:200px; margin:20px 0 0 0px; padding:5px 20px 5px 20px; border:1px solid #FFFFFF; display:inline;}
#slogan h1 {color:#000000; background:#ffe900; padding:10px 10px 10px 10px; text-align:center;border-bottom:1px solid #FFFFFF; width:220px; margin:-5px 0 0 -20px;}
#starter {background:url('../images/plan_backo.png'); border:1px solid #FFFFFF; font-size:13px;}
#starter h1 {color:#000000; background:#ffe900; padding:10px 10px 10px 10px; text-align:center;border-bottom:1px solid #FFFFFF; }
#starter a {float:right; color:1a8edd; background:#ffffff; text-decoration:none; padding:2px; font-weight:bold;}
#starter a:hover {text-decoration:underline; }
#starter ul {list-style-type:square; padding:10px;}
#silver {background:url('../images/plan_backo.png'); border:1px solid #FFFFFF; }
#silver h1 {font-size:17px; color:#000000; background:#cccccc; text-align:center;border-bottom:1px solid #FFFFFF; padding:10px;}
#silver a {float:right; color:1a8edd; background:#ffffff; text-decoration:none; padding:2px; font-weight:bold;}
#silver a:hover {text-decoration:underline; }
#silver ul {list-style-type:square; padding:10px;}
#gold {background:url('../images/plan_backo.png'); border:1px solid #FFFFFF; }
#gold h1 {color:#ffffff; background:#ff7e00; padding:10px 10px 10px 10px; text-align:center;border-bottom:1px solid #FFFFFF; }
#gold a {float:right; color:1a8edd; background:#ffffff; text-decoration:none; padding:2px; font-weight:bold;}
#gold a:hover {text-decoration:underline; }
#gold ul {list-style-type:square; padding:10px;}
#starter, #silver, #gold {
overflow: hidden;
}
#news {background:#E8EDF7; float:left; width:200px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }
#menu {background:#1A292F; margin:0 0 0 260px; border:1px solid #FFFFFF; padding:10px; color:#FFFFFF; text-align:center; }
#content {background:#E8EDF7; margin:20px 0 0 260px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }
#footer {margin:0 auto; text-align:left; padding:20px 20px 60px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#footer p {background:#1A292F; padding:10px; font-size:11px; color:#ffffff; border:1px solid #637076; text-align:center; }
ul {list-style-type:square; margin:0 0 10px 10px ; padding:2px;}
li h2 {font-size:17px; font-weight:normal; }
/* ul li {margin:0; padding:2px; list-style-type:square;} */
/*section dependant style over-rides*/
#news h3 {margin:0; padding:0 0 20px 0; color:#000000; font-size:15px; font-weight:bold; }
#news p {padding:10px 0; border-top:1px solid #000000; }
#news a {float:right; color:1a8edd; background:#ffffff; text-decoration:none; padding:2px; margin: 0 -21px -6px 0;font-weight:bold;border:1px solid #1a8edd;}
#news a:hover {text-decoration:underline; }
/*section dependant style over-rides*/
#news2 {background:url('../images/plan_backin.png'); float:left; width:200px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }
#news2 h3 {margin:0; padding:0 0 20px 0; color:#000000; font-size:15px; font-weight:bold; }
#news2 p {padding:10px 0; border-top:1px solid #000000;}
#newsstarter h1 {color:#000000; background:#ffe900; padding:10px 10px 10px 10px; text-align:center;border-bottom:1px solid #FFFFFF; width:220px; margin:-20px 0 0 -20px;}
#newsstarter a {float:right; color:1a8edd; background:#ffffff; text-decoration:none; padding:2px; margin:8px -20px -30px 0;font-weight:bold;}
#newsstarter a:hover {text-decoration:underline; }
#newsstarter ul {list-style-type:square; margin:5px 5px 0 5px; padding:2px;}
#newssilver h1 {color:#000000; background:#cccccc; padding:10px 20px 10px 20px; text-align:center;border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; width:200px; margin:30px 0 0 -20px;}
#newssilver a {float:left; color:1a8edd; background:#ffffff; text-decoration:none; padding:2px; margin:18px -20px -15px 130px;font-weight:bold;border-right:1px solid #ffffff;}
#newssilver a:hover {text-decoration:underline; }
#newssilver ul {list-style-type:square; margin:5px 5px 0 5px; padding:2px;}
#newsgold h1 {color:#ffffff; background:#ff7e00; padding:10px 20px 10px 20px; text-align:center;border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; width:200px; margin:15px 0 0 -20px;}
#newsgold a {float:right; color:1a8edd; background:#ffffff; text-decoration:none; padding:2px; margin:8px -20px -5px 0;font-weight:bold;}
#newsgold a:hover {text-decoration:underline; }
#newsgold ul {list-style-type:square; margin:5px -20px 0 5px; padding:2px;}
#header p {text-align:center; font-size:19px; color:#E8EDF7; padding:45px 0 0 0; }
ul#menu { }
ul#menu li {margin:0; padding:0; list-style:none; display:inline; }
ul#menu a {color:#FFFFFF; text-decoration:none; padding:10px 10px; }
ul#menu a:hover {background:#fdc800; color:#ff7e00; }
#pictureRail img {margin:20px 10px;border:1px solid #FFFFFF; }
#content img {border:1px solid #000000; float:right; margin:0 0 20px 20px; }
#content p {margin:10px 0 -2px 0; border-top:1px solid #000000; }
p#plain {margin:10px 0 -2px 0; border-top:0 solid #000000; }
#library {width:100%;}
#library img {border:1px solid #000000; margin:0 0 20px 0; }
#library p {margin:2px 0 -2px 0; padding: 10px 0 0 0; border-top:1px solid #000000; }
#library ul {list-style-type:square; margin:0 0 10px 15px; padding:2px;}
/*This adds a little arrow under the menu item of the page you are on. (handy for navigation and usability)
To modify, edit the tag by changing the id.
e.g, if the page you are on is the contact page, change: to */
#home #homeLink,
#plans #plansLink,
#about #aboutLink,
#services #servicesLink,
#portfolio #portfolioLink,
#pricing #pricingLink,
#contact #contactLink
{background:url('../images/menu-a-bg.gif') no-repeat center bottom; }
/*just makes sure the content doesn't spill out the boxes, see http://www.positioniseverything.net/easyclearing.html for details*/
.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 */