@import url("contact.css");
@import url("context.css");

body
{
padding:0;
margin:0;
background:url(/images/bluestripe.gif);
background:black;
font-family:Tahoma;
text-align:center;
}

#logo
{
position:absolute;
left:5px;
top:15px;
}
#logo img { border:0; }

#container
{
position:relative;
background:white url(/images/black.gif) repeat-y;
width:760px;
margin-left:auto;
margin-right:auto;
border:1px solid #999;
border-width:0 1px 0 0;
text-align:left;
}

#content
{
width:540px;
clear:right;
float:right;
margin-right:7px; /* why does IE double this? */
}

html>body #content
{
margin-right:15px;
}

#blingbling
{
position:absolute;
top:8px;
left:60px;
width:210px;
height:215px;
background:url(/images/flower_earth.gif) no-repeat;
}

#footer
{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.8em;
border-top:1px solid #ddd;
padding:10px 10px 0 10px;
margin:5em 0 15px;
text-align:right;
}

#footer .standards { margin-top:1em; color:#ddd; }
#footer .standards a { color:#999; text-decoration:none; }
#footer .standards a:hover { color:blue; text-decoration:underline; }
#footer .standards div { margin-top:1em; }
#footer .standards div a { color:steelblue; }

#header
{
  text-indent:-100em;
  overflow:hidden;
  height:50px;
  margin-top:25px;
  margin-bottom:0;
}


h1 {
font-weight:normal;
color:#333;
font-size:1.5em;
}

h2 {
color:#de132b;
color:#228;
font-size:1.1em;
font-weight:normal;
}

h3 {
font-size:1.1em;
font-weight:normal;
font-family:'Trebuchet MS';
}


#content .pagesummary
{
clear:right;
float:right;
position:relative;

background:url(/images/shadow2.gif) no-repeat bottom right;
width:410px;
margin:10px 0 0 10px !important;
margin:10px 0 0 5px;
margin-right:10px;
margin-bottom:20px;
}
html>body #content .pagesummary { margin-right:20px !important; }

#content .pagesummary div
{
position:relative;
background: url(/images/whitshad.png) no-repeat left top !important;
background: url(/images/whitshad.gif) no-repeat left top;
padding:0px 9px 8px 0px;
padding:0px 8px 8px 0px;
}


#content .pagesummary div p
{
display:block;
position: relative;
margin:0;

border:1px solid #6a9169;
padding:12px 7px 12px 15px;
font-family:'Times New Roman', Arial, Helvetica, sans-serif;
font-size:1.4em;
background:#ebf5e2;
}


#content .pagesummary span
{
display:block;
position:absolute;
width:60px;
height:60px;
background:url(/images/small_green_flower.gif) no-repeat bottom right;
right:-15px;
bottom:-15px;
z-index:20;
}


#utils
{
background-color:#f3f1f5;
text-align:right;
margin-left:156px;
width:604px;
border-bottom:1px solid #ddd;
margin-bottom:10px;
}

#utils ul
{
float:right;
background-color:#f3f1f5;
list-style-type:none;
margin:0;
padding:0;
}
#utils ul li
{
display:inline;
}

#utils ul li a
{
display:block;
float:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#0d9e0d;
color:#0d860d;
padding:8px 20px;
text-transform:lowercase;
text-decoration:none;
}
#utils ul li a:hover
{
background-color:#e7e4e7;
color:blue;
text-decoration:underline;
}

acronym, dfn { 
color:gray; 
cursor:help; 
border-bottom:1px dotted gray; }

#navigation
{
position:absolute;
top:235px;
left:5px;
width:175px;
border-left-width:0;
border:1px solid #999;
border-width:1px 0;
top:240px;
}
#navigation ul
{
list-style-type:none;
margin:0;
padding:0;
}
#navigation ul li { display:inline; }
#navigation ul li a
{
border-right:1px solid #999;
background-color:#eee;

display:block;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:mediumblue;
text-decoration:none;
text-transform:lowercase;
text-align:right;

padding:5px 15px;
}
#navigation ul li a:hover
{
background-color:#d0e0ff;
}

/* children of navigation */
#navigation ul ul
{
display:none;
}
#navigation ul ul li a 
{
color:black !important;
padding-right:25px;
background: url(/images/tiny_arrow.gif) no-repeat 120px 11px;
}

.comparison
{
font-family:Tahoma;
border-width:0;
}

.comparison .pricing td { background-color:#eee; }
.comparison .yearly td { background-color:#efd; }

.comparison .yellow td span,
.comparison .pricing td span
{
font-size:0.8em;
color:#666;
}


.comparison td
{
font-size:0.8em;
text-align:center;
border:1px solid #ccc;
border-width:0 1px 1px 0;
padding:2px 0;
}

.comparison td.leftcolumn
{
text-align:left;
padding:0 10px;
}

.comparison th.title
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
padding-left:10px;
}

.comparison th.category
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
padding-left:10px;
padding-top:10px;
border:1px solid #ccc;
border-width:0 1px 1px 0;
}

.comparison th.basic,
.comparison th.standard,
.comparison th.premium,
.comparison th.dedicated
{
font-size:0.8em;
font-weight:normal;
width:90px;
text-align:center;
}

.comparison th.basic
{
border:1px solid #333;
border-width:1px 1px 2px 1px;
background-color:#06c;
font-weight:bold;
color:white;
}

.comparison td.basic { color: #06c; font-size:1.0em; }
.comparison td.standard { color:#00ae00; font-size:1.0em; }
.comparison td.premium { color:#f63	; font-size:1.0em; }
.comparison td.dedicated { font-size:1.0em; }

.comparison th.standard
{
border:1px solid #333;
border-width:1px 1px 2px 0;
background-color:#00ae00;
color:white;
font-weight:bold;
}


.comparison th.premium
{
border:1px solid #333;
border-width:1px 1px 2px 0;
background-color:#f63;
color:white;
font-weight:bold;
}

.comparison th.dedicated
{
border:1px solid #333;
border-width:1px 1px 2px 0;
background-color:black;
color:white;
font-weight:bold;
}


.comparison .top th
{
border-bottom:1px solid #333;
}

.small
{
font-size:0.8em;
}


.getreader
{
margin:1em 0;
padding:10px;
background-color:#ffd;
font-size:0.8em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
border:1px solid tan;
}
.getreader p
{
margin:0px;
}
.getreader img
{
float:right;
margin-left:20px;
border:1px solid #666;
border-width:1px 0 0 1px;
}
.resumes img
{
border:0;
}
.resumes
{
text-align:center;
font-size:0.7em;
}

.person
{
font-size:0.85em;
}
.person .name
{
display:block;
font-weight:bold;
}
.title
{
color:#060;
}
.company
{
display:block;
}
.person .websites {}

hr
{
height:0px;
border:0;
border-bottom:1px solid #ccc;
}

a.button
{
width:10em;
border:1px outset #666;
display:block;
background:#eee;
-moz-border-radius:10px;
text-decoration:none;
color:black;
padding:6px;
}
a.button img
{
margin-right:5px;
vertical-align:middle;
border:0;
}
a.button:hover
{
color:blue;
border:1px inset #666;
border:2px outset #666;
padding:5px;
}
.icon img
{
display:block;
}
.icon
{
width:5em;
text-align:center;
font-family:Tahoma;
font-size:0.8em;
}
.icon a { color:blue; }
.infobox
{
float:right;
padding:10px;
margin-right:30px;
font-size:0.9em;
border:1px solid tan;
background-color:#fed;
width:150px;
}

.right
{
margin-left:15px;
margin-bottom:5px;
margin-right:30px;
float:right;
clear:right;
border:1px solid #333;
}
.rightphotos
{
width:200px;
float:right;
}
.offsite
{
cursor:help;
}

.website
{
width:150px;
text-align:center;
}
.website p
{
text-align:left;
font-size:0.8em;
}

.column
{
width:170px;
float:left;
}

/* new 7-1-04 */

/* subnavigation */
ul.subnav  {
list-style-type:none; 
font-size:0.9em; 
margin-left:0;
padding-left:0;
}
ul.subnav li { 
display:block;
padding-left:40px;
background:url(/images/tiny_arrow.gif) no-repeat 25px 6px; 
margin-bottom:0.2em;
}

/* links */
a:hover {
color:red; }

/* before and after */

table.beforeafter { width:99.5%; }
table.beforeafter td { vertical-align:top; }
table.beforeafter h3 { margin-top:0; }