/* CSS Document */

/*Colors
red - 7b0100
*/

/*General Styles */

body{
/*background:url(../images/lt-blue-bg1.gif) repeat;*/
background:url(../images/blue-bg.gif) repeat;
margin:0;
padding:0;
font-size: 100%;
}

#container {
width:900px;
background:#FFFFFF url(../images/bottom.gif) no-repeat bottom left;
margin: 10px auto;
}

p{
font:.85em Verdana, Arial, Helvetica, sans-serif;
color:#333433;
}

ul{
	color:#333433;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	font-size:.85em;
}

h1{
color:#5E1A05;
color:#3F0303;
margin:12px 0 8px 14px;
letter-spacing:.1em;
font:140% "Century Gothic", "Myriad Pro", Arial, sans-serif;
}

h2{
	font-size:128%;
	color:#5E1A05;
	letter-spacing:.07em;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 14px;
}

h3{
font-size:126%;
}

/*a{
font-size:.85em;
}*/

a:link {
	color: #063463;
	color:#0055aa;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#084b8d;
}
a:hover {
	text-decoration: underline;
	color: #084b8d;
}
a:active {
	text-decoration: none;
	color: #084B8D;
}


/*header styles*/

#header #logo {
position:relative;
border:none;
margin: 5px 0 0 12px;
z-index:100;
}

#header-inner #logo {
position:relative;
border:none;
margin: 5px 0 0 12px;
z-index:100;
}

#container #header {
	position:relative;
	background:url(../images/top.gif) no-repeat;
	}
	
#container #header-inner {
	position:relative;
	background:url(../images/top.gif) no-repeat;
	width:auto;
	/*border-bottom:#063463 solid 25px;*/
	}
	
#header-inner { /*fixed offered by Georg to get drop down to work*/
	position: relative; 
	z-index: 1;
	}	

#container #header #fish {
position:relative;
margin:-70px 0 0; 
border-bottom:#05325F solid 25px;
z-index:1;
}

#container #header #top-nav {
	position:absolute;
	top:20px;
	right:12px;
	font-size: .9em;
	color:#084b8d;
	z-index:101;
}

#container #header-inner #top-nav {
	position:absolute;
	top:20px;
	right:12px;
	/*font-size: 1.25em;*/
	color:#084b8d;
	z-index:101;
	
}

#container #header #top-nav a{
	padding:0 5px;
	}

#container #header-inner #top-nav a{
	padding:0 5px;
	}
	


/*content styles*/

#container #content{
position:relative;
margin:24px 0 0 0;
padding:0;
}

/*#container #content #left-content{
margin-left:12px;
margin-right:350px;
}

#container #content #right-content{
position:absolute;
top:0;
right:12px;
}
*/

#container #content #left-content{
top:0;
left:12px;

}

#container #content #right-content{
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 275px;
}
#container #content #right-content #top {
	margin-top: 40px;
}



#container #content-home{
position:relative;
margin:4px 0 0 0;
padding:0;
display:inline;
}
/*#container #content #about-box {
	position: absolute;
	left: 5px;
	top: 0px;
}

#container #content #portfolio-box {
	position:absolute;
	left:303px;
	top:0px;
	}
	
#container #content #services-box {
	position:absolute;
	left:601px;
	top:0px;
	}

*/
#container #content-home .box{
	background-color: #FFF3E6;
	background-color:#e6f2ff;
	/*width: 293px;*/
	width:280px;
	height:270px;
	float:left;
	/*margin-left:5px;*/
	margin-left:15px;
	margin-top:-11px;
	display:inline;
	}
	
/*#container #content-home #services-box{
 margin-right:5px;
 }*/
 
 #container #content-home p{
margin:6px 18px 12px 14px;
line-height:1.4em;
}
 
#container #content p{
margin:6px 18px 12px 14px;
line-height:1.4em;

}
/*#container #content-home .box a {
	font-family: "Century Gothic", "Myriad Pro", Arial, sans-serif;
	font-size: 1.45em;
	color: #633606;
	text-decoration: none;
}
*/

#container #content-home .box-head a {
	font:bold 1.2em "Century Gothic", "Myriad Pro", Arial, sans-serif;
	color: #05325F;
	letter-spacing:.1em;
	margin-left:12px;
	font-variant:small-caps;
	
}
#container #content-home .box-head {
	margin-bottom: 1px;
	margin:1px;
	margin-top:0px;
	padding:2px;
	border-bottom:#a0a0a0 solid 2px;
	border-right:#a0a0a0 solid 2px;
	background-color: #ffeec3;
}


#container #content-home .box-head a:hover{
 text-decoration:none;
  }
 

 
/*faq styles*/
#container #content .question {
	font-size: 1.12em;
	font-weight:bold;
	}

#container #content #right-content #organized li {
	font-size: 80%;
}


#container #content #question-list {
	position:relative;
	line-height: 1em;
	margin-left: 24px;
	/*font-size: 1em;*/
}
#container #content #left-content ol {
	position: relative;
}

#container #content .bottomp {
	border-bottom:#8d4d08 dotted 1px;
	padding-bottom: 10px;
}



#container #content ol{
font-size:.9em;
}

#container #content ol li p {
font-size:100%;
font-weight:normal;
line-height:1.3em;
}

#container #content ul{
padding-bottom:12px;
}

#container #content ul li {

line-height:1.5em;
list-style-type:disc;
font-weight:normal;

}


	
/*jgardner-web-designs styles*/
#container #content #JGardnerImg {
	border:#7f7f7f double 2px;
	}
	
/*custom website design styles*/
#container #content #customImg{
	float: left;
	clear: right;
	margin-left: 5px;
	margin-top: -20px;
	}
	
/* web domain name styles */
#container #content #domainNameImg{
	float: left;
	clear: right;
	margin-left: 5px;
	margin-top: -20px;
	}

.leftImage {
	float: left;
	clear: right;
	margin-left: 5px;
	margin-top: -20px;
	}

/*contact page styles*/

#contactForm {
	margin:2em;
	} 
	
	
#container #content #left-content #contact {
	float: left;
	clear: right;
	margin-left: 72px;
	margin-top: 10px;
	}
	
#name  {
	width:200px;
	}
	
#email {
	width:200px;
	}
	
#phone {
	width:200px;
	}
	
#bizName {
	width:200px;
	}
	
#bizType {
	width:200px;
	}
	
#existingURL {
	width:200px;
	}

#message {
	width:470px;
	height:150px;
	}
	
#contactTime {
	width:204px;
	}
	
.warning {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:88%;
	}
	
.standout {
	color:#0055aa;
	}
	

.warning {
	color:#F00;
	}	
	
 
/*hosting comparison chart styles*/

#container #content #hostComp {
	margin: 1em 0 1em 2.5em;
	/*padding:1em;*/
	border:#CCCCCC 2px groove;
	border:#999999 4px ridge;
	font-size: .9em;
}
		
#container #content #hostComp .tblHead {
	color:#D9ECFF;
	background-color:#084b8d;
	font-size:105%;
	
	}

#container #content #hostComp td{
	padding: .2em 1.30em .2em .85em;
	}
	
#container #content #hostComp .even{
	background-color:#E6E6E6;
	}
	
#container #content #hostComp .column{
	background-color:#C1C1C1;
	}

#container #content #right-content #hostPlans {
	padding-left: 12px;
}


/*portfolio styles */
/*p.thumb{
margin:0 0 40px 0;
padding:0;
float:left;
text-align:center;
background-color:#fff;
line-height:1em;
clear:both;
}*/


p.thumb a{
display:block;
float:left;
margin:0;
padding:4px 4px 9px 4px;
border: 1px solid #ccc;
border-top-color:#ddd;
border-right-color:#bbb;
background-color:#fff;
text-align:center;
width:260px;
/*margin-right:10px;*/
margin-bottom:10px;
}


p.thumb a:hover{
border:1px solid #ccc;
background-color:#eee;
} 



h2.portfolio{
/*margin:30px 0 5px 42px;
font-weight:normal;
font-size:110%;
text-align:left;
clear:left;*/
font-size:110%;
margin-left:200px;
}
#container #content #portfolioTable td {
	vertical-align: top;
}
#container #content #pHeading {
	margin-left: 20px;
}



#container #content .pdescription {
	padding-bottom:30px;
}


/*#container #content .thumb {
	margin-left: 36px;
	margin-bottom: 22px;
}*/
#container #content .thumb img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



/*footer styles*/

#container #footer {
	position:relative;
	clear:left;
	text-align: center;
	padding-bottom:34px;
	top: 30px;
	color:#084b8d;
}


#container #footer a {
	padding-right: 2px;
	padding-left: 2px;
	font-size:108%;
}

#container #footer p{
font-size:.8em;
line-height:1.4em;
}



	
#container #content #right-content {
	padding:0 35px 0 12px;
}



.even {
	background-color: #E0E0E0;
}
.smaller {
	font-size: smaller;
}