﻿/*elements*/
*
{
    margin:0;
    padding:0;
    list-style-type:none;
    border:0;
    text-decoration:none;
}
html
{
    text-align:center;
}
body 
{
    text-align:left;   
    font:62.5%  "Arial","sans-serif";
}
blockquote
{
    padding:2em 2em;
    margin-bottom:2em;
    background-color:#cccccc;
}
blockquote p
{
    margin-bottom:0;
    font-size:1.3em;
    line-height:1.53846em;
}
cite
{
    font-weight:bold;
    font-style:normal;
    display:block;
    text-align:right;
}
h1
{
    font-size:.5em;
    line-height:1em;
    margin-bottom:1em;
}
    
h2
{
    font-size:1.5em;
    line-height:1.333333em;
    margin-top:1.3333333em;
    margin-bottom:.3333333em;
}

p
{ 
    font-size:1.2em;
}
       
input{border:solid 1px #c0c0c0;height:25px;background:#f0f0f0f;}
textarea{border:solid 0px black;}
label.contact{border:solid 0px black;float:left;width:8em;margin-right: 1em;text-align:right;}
legend {    
        margin-left: 1em;    
        padding: 0;    
        color: #000;    
        font-weight: bold;
}     
fieldset.submit 
{  
    border-style: none;  
}
fieldset 
{  
        border: 1px solid #BFBAB0;    
        background-color: #F2EFE9;    
        float: left;    
        clear: left;    
        width: 100%;    
        margin: 0 0 1.5em 0;    
        padding: 0;  
        background:transparent url("../images/cbg2.gif") repeat-x center top;
}
fieldset li 
{    
        float: left;    
        clear: left;    
        width: 100%;    
        padding-bottom: 1em;  
        padding-top:1em;
}
/*divs*/

#top_cover
{
    position:relative;
    height:47px;
    background:url("../images/bg_top3.gif") no-repeat center top;
}
body#home ul#navigation li a#home,
body#websites ul#navigation li a#websites,
body#hosting ul#navigation li a#hosting,
body#logos ul#navigation li a#logos,
body#contact ul#navigation li a#contact,
body#about ul#navigation li a#about
{
	color:#2F4F4F;
}

#branding
{
    position:relative;
     padding-top:6em;
}
#branding #logo
{   position:absolute;
    left:50px;/*45px*/
    top:10px;/*-65px*/
    width:250px;
}
#branding #logo h1
{    color:#5A5A74;
    font-size:2.0em;
}

#branding #logo img{float:left;}
#branding #pic_menu
{  
    margin-left:4.2em;
    width:888px;
    height:53px;
    background:url("../images/menu_holder.jpg") no-repeat center;
    overflow:hidden;
  }
#branding #pic
{
    margin-left:4.2em;
    margin-top:-.2em;
    width:888px;
    height:212px;
}

#branding .top_right_buttons
{
    position:absolute;
    left:850px;
    top:-52px;
}
#content
{
    position:relative;
    /*background:url("../images/bg_mid3.gif") repeat-y center;*/
    width:100%;
 }

#main_column
{
    position:relative;
    float:left;
    width:68%;
    font-size:1.3em;
   
}
#main_column .about
{
    margin-left:3.5em;
    font-weight:normal;
    width:550px;
}
#main_column .about h2
{
    font-weight:normal;
    width:550px;
    margin-left:-.5em;
}
#main_column .about ul.about
{ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     margin:.5em 0em;
    margin-right:1em;
    float:left;
    width:605px;
    border:solid 1px #c0c0c0;
    background-color:#f0f0f0;
    background-image:none;
}
#main_column .about ul.about li.about_title
{
  background-color:#c0c0c0;
  color:white;
  padding:0em 1em;
  font-weight:bold;
  font-size:1.4em;
}

#main_column .about ul.about li.check
{
  margin-left:.5em;
  font-size:1.4em;
  
  background-image: url("../images/check.png");
  background-repeat: no-repeat;
  background-position: -1.4 1.4em;
  padding-left: 1.8em;
  padding-top:.1em;
  height:35px;   
}

#main_column .about p
{
    padding-bottom:1em;
    font-size:1.2em;
}
#main_column #fold
{
    position:absolute;
    top:363px;
    left:553px;
    background:transparent url("../images/fold.png") no-repeat center;
    height:153px;
    width:100px;
}
#main_column #fold2
{
    position:absolute;
    top:11px;
    left:553px;
    background:transparent url("../images/fold.png") no-repeat center;
    height:153px;
    width:100px;
}
#main_column .main_learn_more
{
  width:100px;
  background-color:#c0c0c0;
  margin-top:1em;
  padding:0 .2em ;
  padding-right:.7em;
}
#main_column .main_learn_more a:visited,#main_column .main_learn_more a:link{color:#036;}
#main_column .main_learn_more a:hover{color:#5A5A74;}

#main_column ul li.frame,#main_column ul li.frame_contact
{
    position:relative;
    float:left;
    width:195px;
    height:215px;
    margin-left:2em;
    background:transparent url("../images/back_shadow_large_width2.png") repeat-y center top;
}
#main_column ul li.frame_contact{margin-left:1em;}
#main_column ul li.frame_contact p
{
    font-size:1em;
    font-weight:bold;
    line-height:1.5em;
}
    
#main_column ul li.description
{
 float:left;
 color:black;
 padding-left:1em;
 margin-left:1em;
 width:55%;  
 
}
#main_column ul li.description p a
{
   margin-top:.5em;
   display:block;
   background-color:#A30001;
   color:White;
   width:45px;
   padding:.3em;
   font-size:.8em;
   border:solid 1px black;
}
#main_column ul li.description p
{
    padding-bottom:1em;
    font-size:1.2em;
    font-weight:300;
}
#main_column ul li.description p a:hover
{
   margin-top:.5em;
   display:block;
   background-color:#CD6879;
   color:White;
   width:45px;
   padding:.3em;
   font-size:.8em;
   border:solid 1px black;
}
#main_column ul#logo_container{padding-left:2.5em;}
#main_column ul li.frame:hover
{
       background-color:#c0c0c0;
       width:195px;
       height:215px;
}
#main_column ul
{
    margin-left:2.5em;
    width:630px;
    background-color:Gray;
    background:transparent url("../images/mm_v2.gif") repeat-y;
}
#main_column ul.middle_bottom_panel
{
    margin-left:2.5em;
    width:630px;
}

#main_column .middle_bottom_panel ul li
{
  padding-left:3em;
}
#main_column .middle_bottom_panel ul li p
{
    width:47%;
    font:1em/1.5em "Arial";
    margin-left:17.8em;
    padding-right:3.5em;
}
#main_column .middle_bottom_panel ul li h2
{
    margin-left:11.9em;
    padding-left:1em;
    border-bottom:solid 1px #333348;
    background-color:#A8ACC5;
    color:White;
    width:280px;
  
}
#main_column .middle_bottom_panel ul li a:visited{color:#036;}
#main_column .middle_bottom_panel ul li a:link{color:#036;}
#main_column .middle_bottom_panel ul li a:hover{color:#879D9D;}
#main_column .middle_bottom_panel ul li img
{ 
    float:left;
    padding-right:.5em;
}

ul#navigation
{ 
    position:absolute;
    left:55px;
    top:60px;
    width:550px;
    clear:both;
}
ul#navigation li.divider
{
    background:transparent url("../images/md.gif") center bottom;
    height:35px;
    width:2px;
    margin-top:.7em;
}
ul#navigation li a:link
{
    display:block;
   /* background:url("../images/menu_gradient_link.gif") repeat-x center top;
    background-color:#f0f0f0;*/
    color:#ffffff;/*#666*/
    padding:1em .7em;
    padding-bottom:.5em;
    text-decoration:none;
    font-size:1.5em;
    font-weight:500;
}
ul#navigation li a:visited
{   
    display:block;
  /*background:url("../images/menu_gradient_link.gif") repeat-x center top;
    background-color:#f0f0f0;*/
    color:#ffffff;
    padding:1em .7em;
    padding-bottom:.5em;
    text-decoration:none;
    font-size:1.5em;
}
ul#navigation li a:hover
{
/* background:url("../images/menu_gradient.png") repeat-x center top;
 background-color:#879d9d;*/
 padding:1em .7em;
 padding-bottom:.5em;
 color:#2F4F4F;
 text-decoration:none;
 font-size:1.5em;
 }
ul#navigation li
{
    float:left;
}
ul#navigation li a
{
     font-size:1.5em;
}
#side_column
{ 
    float:left;
    width:28%;
}
#side_column .panel_top
{
    position:relative;
    background:url("../images/spt.gif") no-repeat center bottom;
    height:70px;
}
#side_column .panel_top h2
{
    padding:2em;
    padding-top:1em;
    font-family:Trebuchet MS;
    color:#5A5A74;
}
#accordion em
{
    color:#A30001;
    font-style:normal;
}
#side_column .panel_middle
{
     background:url("../images/spm.gif") repeat-y center top;
     font-family:Trebuchet MS;
     vertical-align:bottom;
     padding-left:.9em;
     margin-top:-2.5em;
}
#side_column .panel_bottom
{
    background:url("../images/spb.gif") no-repeat center top;
    height:70px;
}
#side_column ul
{
    padding:2em;
    background-color:#f0f0f0;
    margin-top:2.5em;
    margin-left:1em;
    border:solid 1px #c0c0c0;
    width:220px;
}
#side_column ul li p
{
 background-color:#CD6879;
 padding:1em;
}
#site_info
{
    position:relative;
    height:43px;
    background:url("../images/bg_bottom3.png") no-repeat center;
    clear:both;
} 
#site ul
{
    width:100%;
    text-align:center;
}
#wrapper
{
    position:relative;
    width:980px;
    margin:0 auto;
}
/*classes*/
.bottom_main
{
     background:transparent url("../images/bm_v2.gif") repeat;
     width:630px;
     height:58px;
     margin-left:2.5em;
} 
.clearFix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 .clear{clear:both;}
.logo
{
   padding:1em;
   background-color:white;
   border:solid 2px #c0c0c0;
   width:150px;
   float:left;
   margin-right:1em;
   margin-bottom:1em;
}
.middle_main
{
     background:transparent url("../images/mm_v2.gif") repeat-y;
     width:630px;
     margin-left:2.5em;
}  
.middle_main img{margin-left:5em;}
.middle_main p.text
{
    position:absolute;
    left:75px;
    top:91px;
    width:270px;
    font:1em/1.5em "Arial";
    margin-top:-1em;
    padding:1em;
    margin-left:-.5em;
}
.middle_main h2
{
    font-size:1.5em;
    margin-left:2.5em;
    
    padding-left:.5em;
    border-bottom:solid 1px #333348;
    background-color:#A8ACC5;
    color:White;
    width:499px;
}
#home,#about,#contact,#ty,#websites,#websites_p2,#logos{}
.position_in_frame
{
    position:absolute;
    left:21px;
    top:18px;
}
.position_logo
{
   padding-left:.2em;
}
.position_nav_website_button
{
    margin-left:3.5em;
}
.sidebar_results
{
     background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     padding: 10px;
     margin-left:1em;
     width:230px;
}
.sidebar_results p
{
  background-color:#CD6879;
  padding:1em;
  display:block;
}
.top_main
{
     background:transparent url("../images/tm_v2.gif") repeat;
     width:630px;
     height:58px;
     margin-left:2.5em;
 }
.top_main h2
{
    font-size:1.5em;
    margin-left:1.9em;
    padding-top:1em;
    padding-left:.5em;
    
}