@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

html {
font-size: 100%;
}

body {
background: #f8f8f8 url(images/gradient1c.jpg) repeat-x top;
margin: 0;   
padding: 0; 
font-size: 62.5%;
font-family: Verdana, Helvetica, Courier, "Times New Roman", Arial, sans-serif;
text-align: center;
}


/*   Header styles info  */

h1, h2, h3, h4, h5, h6 {
font-family: Garamond, Georgia, Verdana, Helvetica, "Times New Roman", Arial, serif;
font-style: normal;
font-weight: bold;
padding: 0; 
color: #64BB4A;              
margin: 0; 
}

h1 { 
font-size: 3em;
color: #628AC1;                                  
}

h1.banner {
	position: absolute;
	font-size: .4em;
	display: block;
	z-index:1;
	width: 200px;
	height: 180px;
	overflow: scroll;
	color: #64BB4A;
	margin: 0;
	padding: 0;
	border: 0;
	left: 495px;
	top: -89px;
}
	
h2 { 
font-size: 2.8em;
text-align: left;
padding: 25px 6px 8px 6px;
}

h3 { 
font-size: 2.4em;
text-align: left;
padding: 8px 6px;
}
h3.plain {
text-align: left;
padding-left: 18px;
font-family: Georgia, Helvetica, Verdana, Arial, serif;
}
h4 { 
font-size: 2.2em;
margin-left: 5px;
}
h4.news {
	padding:20px 0 6px 12px;

}
h4.cart {
padding: 5px 0 20px 5px;
}
h5 {
font-size: 1.9em;
margin: 10px 0 10px 10px;
}

h6 { 
font-size: 1.7em;
}

/*  .... Paragraph styling  ...  */

p {
font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, "Times New Roman", Arial, sans-serif; 
margin: 0;
font-size: 1.3em;
font-style: normal;
letter-spacing: 0.070em; 
text-align: left;  
text-indent: 0;
line-height: 135%;
padding: 4px 6px;
color: #666;
}
p.center {
text-align: center;
}
p.box {
padding: 12px;
}
p.orange {
color: #fe9c0a;
font-weight: bold;
}
p.bold {
font-weight: bold;
}
p.larger {
font-size: 1.6em;
color: #666;
}
p.footer {
text-align: center;
color: #f9f9f9;
font-weight: bold;
font-size: 1.4em;
}
.warning {
color: fe9c0a;
}

/*  Link info for the site.....*/

a:link {
color: #64BB4A;  
text-decoration: none;
}

a:visited {
color: #999966;  
text-decoration: none;
}
a:hover {
color: #999999;
text-decoration: underline;
}

a:active {
color: #0033CC;  
text-decoration: underline;
}
#banner {
width: 100%;
height: 123px;
background: #fff url(images/banner_bg2h.gif) repeat-x;
text-align: center;
overflow: hidden;
z-index: 15;
padding: 0;
margin: 0;
}

#container {
position: relative;
width: 770px;
background: #fff;
border-left: 2px solid #fe9c0a;
border-right: 2px solid #fe9c0a;
margin: 0 auto;
text-align: left;
padding: 0;
}
/*  Navigation bits of the page  ....    */

ul#navbar {
float: left;
list-style-type: none;
margin: 0;
display: inline;
font-family: "Trebuchet MS", Helvetica, Verdana, "Arial Black", serif;
font-size: 1.4em;
font-weight: bold;
width: 650px;
}

ul#navbar li {
float: left;
background-color: #fe9c0a;
font-family: "Trebuchet MS", Helvetica, Verdana, "Arial Black", serif;
color: #fff;
margin: 0;
border-bottom: 1px solid #9c9c9c;
}

ul#navbar a:link, ul#navbar a:visited {
display: block;
color: #fff;
background-color: inherit;
text-decoration: none;
padding: 4px;
}

ul#navbar a:hover {
background-color: #FEC65C;
color: #fefefe;
}

ul#navbar li.cur {
border-bottom: 1px solid #fff;
}

ul#navbar li.cur a:link, ul#navbar li.cur a:visited {
background: #fff;
color: #666;
}  

ul#navbar li.last {
border-right: 1px solid #9c9c9c;
} 
ul#navbar li.last a:link, ul#navbar li.last a:visited{
border-right: none;
}
/*   End of navigation elements    */

.login {
	position: absolute;
	width: 250px;
	left: 553px;
	top: -118px;
}
.frog {
	position: absolute;
	width: 272px;
	height: 214px;
	background: #fff url(images/frog2.jpg) no-repeat;
	left: 492px;
	top: -91px;
	z-index: 10;
}
.frog_hosting {
	position:absolute;
	width: 272px;
	height: 214px;
	background: #fff url(images/frog3.jpg) no-repeat;
	left: 492px;
	top: -91px;
	z-index: 10;
}
.full_width {
width: 740px;
margin: 0 15px 0 25px;
background:#fff;
}
p.readers {
	position: absolute;
	width: 150px;
	font-size: .5em;
	height: 100px;
	left: 550px;
	top: -84px;
	overflow: scroll;
	z-index: 1;
}
.sidespot {
	width: 85px;
	height: 74px;
	position: absolute;
	background: #fff url(images/spot75.jpg) no-repeat;
	left: 685px;
	top: 160px;
}
#photo_box_top {
	width: 750px;
	height: 150px;
	clear: both;
	background: #fff;
	text-align: center;
	padding: 6px 0 6px 10px;
}
.spotlights {
	position: absolute;
	width: 47px;
	height: 46px;
	background: #fff url(images/spotlight_one.jpg) no-repeat;
	left: 368px;
	top: -117px;
	z-index: 10;
}
#wrapper {
width: 740px;
padding: 10px 15px;
background:#fff;
}
#left_main {
float: left;
margin: 15px 0 0 0;
width: 463px;
background: #fff;
border-right: 4px solid #fcfcfc;
}

.left_split {
margin: 15px 0 0 0;
width: 430px;
float: left;
background: #fff;
}
/*   Whois? Cart Css  ..... */

#cart_left{
	width: 250px;
	float: left;
	background: #fff;
	margin-left: 3px;
	display: inline;
	border:1px solid #333;
}
h3.contents {
background-color: #64BB4A;
color:#FFFFFF;
text-align: center;
}
p.heading {
font-size: 1.6em;
width: 98%;
font-weight: bold;
background-color: #fe9c0a;
text-align: center;
color: #fefefe;
margin: 10px 0;
display: block;
clear: both;
}
.button_left {
border: none;
float:left;
}
.button_right {
border: none;
float:right;
}
#cart_right{
float: right;
	width: 450px;
	background: #fff;
	margin-left: 15px;
	display: inline;
		border:1px solid #333;
}
span.total {
background-color: #f0f0f0;
padding: 5px 10px 5px 10px;
font-weight: bold;
margin-left: 6px;
}
span.total_odd {
background-color: #fff;
padding: 5px 10px 5px 10px;
font-weight: bold;
margin-left: 6px;
}
#clear {
display: block;
width: 650px;
height: 2px;
clear: both;
background: #fff;
margin:0;
}
#portfolio {
width: 740px;
padding: 10px;
clear: both;
background:#fff;
}

#portfolio img {
display: inline;
float: left;
padding: 2px;
border:1px solid #fe9c0a;
margin: 10px 30px 10px 10px;
}

#portfolio img.noborder {
border: none;
float: none;
padding: 0;
margin: 0;
display: block;
}

#right_content {
float:right;
width: 250px;
display: inline;
margin: 75px 0 0 0;
background: #fff;
}

#right_content img {
margin: 10px 0px 5px 25px;
}
.project {
text-align: left;
}
.project img {
padding: 2px;
margin-left: 5px;
border:1px solid #fe9c0a;
}
ul.services {
list-style-type: none;
padding-top: 10px;
margin: 0 6px;
}
ul.services li {
font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, "Times New Roman", Arial, sans-serif; 
font-size: 1.5em;
color: #fe9c0a;
margin-left: 8px;
display: block;
}

.boxtop {
width: 248px;
height: 64px;
margin-top: 15px;
background: #fff url(images/box-top1.jpg) center top;
}
.boxmid {
width: 248px;
background: #fff url(images/box-mid.jpg) center;
}
.boxmid img {
border: none;
}

.boxbot {
width: 248px;
height: 20px;
margin-bottom: 15px;
background: #fff url(images/box-bot.jpg) center;
}

table {
border-collapse: collapse;
width: 99%;
border: 0;
text-align: left;
margin-left:8px;
}
table.cart {
width: 92%;
margin-left: 10px;
}
td.grey {
background-color: #64bb4a;
color: #fefefe;
}
caption {
font-size: 1.8em;
font-family: "Trebuchet MS", arial, helvetica, verdana, "Arial Black", sans-serif;
margin: 5px;
color: #64BB4A;
padding: 8px 0 20px 0;
text-align:left;
}

th {
background-color: #fe9c0a;
color: #f0f0f0;
border: 1px solid #c9c9c9;
padding: 6px;
font-size: 1.3em;
font-weight: bold;
}
th.first {
border: 0;
background-color: #fff;
}

td {
padding: 6px; 
background-color: #fff;
border: 1px solid #c9c9c9;
font-size: 1.2em;
font-weight: normal;
width: 16%;
}
td.price {
color: #fe9c0a;
}
td.oddprice {
background-color: #f0f0f0;
color: #fe9c0a;
}
td.title {
font-weight: bold;
color: #666;
padding: 8px;
background-color: #f0f0f0;
}

td.odd {
background-color: #f0f0f0;
}
td.first {
background-color: #fff;
border: 0;
}
/*  form data  */

.domain_box {
width: 244px;
border: 1px solid #fe9c0a;
padding: 4px;
margin-bottom: 20px;
}
.domain_box input {
background: #fe9c0a;
}
#hosting.domain_box {
margin-top: 35px;
}
fieldset.domain {
margin: 1em 0;
padding: 1em;
border: 1px solid #f0f0f0;
background: #fcfcfc;
}
.webmail {
width: 425px;
border: 1px solid #fe9c0a;
padding: 4px;
}
.webmail input {
background: #fe9c0a;
}

fieldset.mailbox {
margin: 1em 0;
padding: 1em;
border: 1px solid #f0f0f0;
background: #fcfcfc;
}
#form_box {
width: 435px;
margin: 0;
}
label.domain {
display: inline;
font-size:1.2em;
}

fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #f0f0f0;
background: #fcfcfc;
}

legend {
font-family: "Trebuchet MS", Helvetica, Courier, "Times New Roman", Arial, serif, sans-serif; 
margin: 0; 
font-size: 1.6em;  
font-style: normal;    
text-indent: 0;
padding: 0;
color: #666;
font-weight: bold;
}
label {
display: block;
font-family: "Trebuchet MS", Helvetica, Courier, "Times New Roman", Arial, serif, sans-serif; 
margin-left: 5px; 
font-size: 1.3em;  
font-style: normal;   
text-indent: 0;
color: #666;
}
input.contact {
width: 150px;
}
select {
margin-left: 5px;
}
input {
margin-left: 5px;
}
textarea {
width: 350px;
height: 120px;
}
/*  end of form data   */

#subfooter {
	width:770px;
	clear:both;
	height: 1px;
	background: #fff;

}
.divider {
	position: absolute;
	width: 16px;
	height: 399px;
	background: #fff url(images/divider2.jpg) no-repeat;
	left: 478px;
	top: 132px;
}

.divider_small {
	position: absolute;
	width: 9px;
	height: 230px;
	background: #fff url(images/divider_small.jpg) no-repeat;
	left: 478px;
	top: 123px;
}
p.link {
text-align: center;
color: #FFFFCC;
}

#footer a:link {
color: #FFFFCC;
}

#footer a:visited {
color: #FFCC00;
text-decoration: none;
}
#footer a:hover {
color: #0099FF;
text-decoration: underline;
}

#footer a:active {
color: #FFCC00;  
text-decoration: underline;
}
#footer {
width: 100%;
position: relative;
clear: both;
padding: 20px 0;
border-top: 6px solid #fe9c0a;
border-bottom: 10px solid #fe9c0a;
background: #333 url(images/waffle.gif) repeat;
}
#footer img {
border: none;
}