
* { padding: 0; margin: 0; }

body {
 font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
 font-size: 13px;
 background: url(images/back.gif);
 background-repeat: repeat-x;

 font-family: Georgia, serif;

}

html {

}

h1 {
font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color: #333;
padding: 10px 0px 2px 0px;
}


h2 {
font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color: #333;
padding: 10px 0px 2px 0px;
}

h3 {
font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color: #333;
padding-bottom: 3px;
}

p {
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
padding: 3px;
color:#666;
}

p.justify {text-align:justify;}


#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-color:#fff;
}


#faux {
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 922px;
 padding: 0px;
 height: 117px;
 margin: 0px 0px 0px 0px;
 background-color:#3EBBEA;
 
 }
 
 #subheader {
 color: #333;
 width: 900px;
 padding: 10px;
 height: autopx;
 margin: 0px 0px 0px 0px;
 background-color:#FCFCFC;
 border-bottom: #333 dashed 1px;
  }
  
 #subrightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 10px;
 width: 419px;
 float: right;
 background-color:#EFFDFF;
 border: #BFF6FF dashed 1px;
 
 }
#subleftcolumn { 
 float: left;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 width: 439px;
 display: inline;
 position: relative;
 background-color:#fff;
 height: auto;
 border-bottom: dashed #333 1px;
}
 
#navigation {
 color: #333;
 padding: 5px 0px 5px 0px;
 height: 20px;
 background-color:#666;
}
#spacer{
 padding: 0px;
 height: 10px;
 }
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 200px;
 float: right;
 background-color:#fff;
 
 }
#leftcolumn { 
 float: left;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 width: 678px;
 display: inline;
 position: relative;
 background-color:#fff;
 border-right: dashed 1px #ccc;
 
}

#webhosting { 
 float: left;
 color: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 180px;
 height:200px;
 display: inline;
 position: relative;
 background-color:#fff;
 }

#fter { 
 height:210px;
 
 color: #666;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background-color:#EFFDFF;
 border: #0092AF dotted 1px;
 
}


#footerbox { 
 
 float: left;
 color: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 width: 205px;
 height:auto;
 display: inline;
 position: relative;
 background-color:#EFFDFF;
 font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
 }
.clear { clear: both; background: none; }

.underline {text-decoration: underline;
color: #666;
}
.underline a:link {
color: #666;
}
.underline a:visited {
color: #666;
}
.underline a:hover {
color: #ff0000;
}
.samples {
border: 4px #ffffff;
padding: 10px 0px 0px 0px;
}

a img {
border: 0;
}

.leftfoot {
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
}
.leftfoot a:link {
color: #fff;
}
.leftfoot a:visited {
color: #fff;
}
.leftfoot a:hover {
color: #ff0000;
}
.rightfoot {
    float: right;
	margin: 0px 125px 0px 0px;
   }
.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
	
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

img.logo{
display: block;
margin-left: auto;
margin-right: auto;
}

ul#navlist
{
margin-left: 0px;
padding-left: 0;
text-align:center;
white-space: nowrap;
font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 3px 25px 4px;}

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #666;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height: 100%;
text-decoration:none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
text-align: left;
text-indent: 0ex;
}

#navlist a:hover
{
color: #fff;
background-color: #555;
text-decoration: none;

}

#border {
background:#FFFFFF none repeat scroll 0 0;
float: left;
border:1px solid #666666;
padding:5px;
width: 300px;
text-align:center;
margin: 2px;
}

#border a:link {
color:#FF9900;
font-weight:bold;
}
#border a:active {
color:#FF9900;
font-weight:bold;
}
#border a:visited {
color:#FF9900;
font-weight:bold;
}
#border a:hover {
background-color:#FF9900;
color:#FFFFFF;
font-weight:bold;
padding: 0px 3px 3px 3px;
}

.textmiddle {vertical-align:middle;} 

.textwrap {
float:left;
padding:  0px 10px 0px 0px;}

.textwrapright {
float:right;
padding:  0px 0px 0px 10px;}

hr {
width: 90%;
height: 1px;
margin: 15px auto;
border-width: 0;
background-color: #ccc;

}


ul{
padding: 0px 0px 0px 25px;
list-style-type:none;
}

 li
{
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
padding: 3px;
color:#666;
}

.box { 
  background: #FF9900; 
}
.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}


