/*
Copyright RazerDesigns.com 2009
This document may be used for educational purposes.
*/

/* HTML Content */
* {margin:0;padding:0;}
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}
html, body, #gradient {height: 100%;}
body > #gradient {height: auto; min-height: 100%;}
html, body { background:#1b5b71; color:#000;}
img { border: 0px;}
td { padding: 2px;}
h1 { font-size: 24px; font-weight: normal; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #099; margin:0px; padding:0px;}
h2 { font-size: 14px; font-weight: bold;}
/* HTML Content */

/* Header */
#gradient { background:#fff url(images/gradient.png) 50% 0% repeat-x; width:100%; min-height:100%; height:auto !important; height:100%;}
#layout { background:url(images/scrollingbar.gif) 50% 0% repeat-x; width:100%; padding-bottom:200px;}

#header { background:url(images/headerbg.png) 50% 0% repeat-x; color:#000; width:100%; height:131px;}
#contain { margin:auto; background:url(images/scrollingbar.gif) 50% 0% repeat-x; width:1000px; height:131px;}
#headerlogo { background:url(images/headerlogo.png) 0% 0% no-repeat; position:absolute; width:450px; height:131px;}
/* Header */

/* Navigation */
a { color:#00f;}
a:visited { color:#00f;}
a:hover { color:#09f;}

#nav { padding:48px 0 0 0; float:right; clear:both; position:relative; background:url(images/headerbg.png) 50% 0% repeat-x; width:550px;}
#nav .topnav { position:relative; font-size:14px; width:100%;}
#nav .topnav ul { margin:0; padding:0 40px 0 0;}
#nav .topnav li { list-style:none; display:inline;}
#nav .topnav ul li a { display:block; float:left; color:#fff; text-decoration:none; border:solid 1px transparent;}
#nav .topnav ul li a em { display:block; float:left; font-style:normal;}
#nav .topnav ul li em b { padding:0 10px 0 10px; display:block; float:left; max-width:116px; height:30px; line-height:30px; text-align:center;}
#nav .topnav ul li a:hover { color:#fff; background:url(images/tnM.png) top center repeat; text-decoration:none; border:solid 1px #fff; -moz-border-radius:10px; -webkit-border-radius:10px;}

#midNav { position:relative; text-align:left; font-size:12px;}
#midNav ul {}
#midNav li { list-style:none; display:inline;}
#midNav a { border:solid 1px transparent; color:#000; text-decoration:none; margin:0px 0px 5px 0px; padding: 0px 5px 0px 5px; display:inline-block;}
#midNav a:hover { border:solid 1px #09f; text-decoration:none;}

#footernav { width:1000px; height:15px;}
#footernav .bottomnav { position:relative; font-size:10px; width:100%;}
#footernav .bottomnav ul { margin:0 623px 0 0; padding:0;}
#footernav .bottomnav li { list-style:none; display:inline;}
#footernav .bottomnav ul li a { display:block; float:left; color:#fff; text-decoration:none; border:solid 1px transparent;}
#footernav .bottomnav ul li a em { display:block; float:left; font-style:normal;}
#footernav .bottomnav ul li em b { padding:0 10px 0 10px; display:block; float:left; max-width:89px; height:20px; line-height:20px; text-align:center;}
#footernav .bottomnav ul li a:hover { color:#fff; background:url(images/tnM.png) top center repeat; text-decoration:none; border:solid 1px #fff; -moz-border-radius:10px; -webkit-border-radius:10px;}
/* Navigation */

/* Main Content */
#gallery { margin:auto; padding:0 0 15px 20px; text-align:center; min-width:980px; width:auto !important; max-width:1000px;}

#contentContain { margin:auto; padding:0 0 40px 20px; min-width:980px; width:auto !important; max-width:1000px;}
.contentLeft { min-width:780px; width:auto !important; max-width:800px;}
.contentRight { float:right; clear:both; width:200px;}
/* Main Content */

/* Footer */
#footer { background:#fff url(images/footerover.jpg) 50% 0% repeat-x; width:100%; max-height:200px; position: relative; margin-top: -200px; clear:both;}
#fborder { background:url(images/border.gif) 50% 0% repeat-x; width:100%; height:3px;}
#foverlay { background:url(images/footer.gif) 50% 100% repeat-x; width:100%; height:200px;}
#inner { margin:auto; background:url(images/footerlogo.png) 100% 86% no-repeat; width:1000px; height:197px;}
#innercontent { width:1000px; height:100px;}
#adlink { text-align:left; width:750px; height:62px;}
/* Footer */

/* Forms */
#quoteForm { font-size:12px;}

#form { width:200px; outline:0px;}
#formbutton { margin:5px 0 0 0;}
.position { float:right;}
#formfield { width:550px; outline:0px;}

input, textarea { color:#000; background:#eee; border:1px solid #000; padding:3px;}
input:focus, textarea:focus { border:1px solid #5ea4eb; background:#fff;}
/* Forms */

/* Portfolio */
#portItem { position:relative; padding-top:5px; height:109px;}
#portImg { width:200px;}
#portDesc { position:relative; top:-100px; left:210px; width:330px;}
/* Portfolio */

#row { line-height: 20px;}
#column-1 { position:relative; line-height:10px;}
#column-2 { position:relative; top:-10px; left:250px; line-height:10px;}
#column-3 { position:relative; top:-20px; left:450px; line-height:10px;}

#copyright { position:relative; text-align:center; border-top:1px dashed #099;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* START MIKE'S AREA START */
#web-hosting #packages {
	position:relative;
	left:75px;
}
#web-hosting #package {
	width:200px;
	float:left;
	padding:10px;
}
#web-hosting select {
	position:relative;
	top:140px;
}
#web-hosting .order-now {
	position:relative;
	top:-23px;
	left:20px;
}
#web-hosting #package .content {
	height:200px;
	text-align:center;
	border-right: 1px solid #06F;
	border-bottom: 1px solid #06F;
	border-left: 1px solid #06F;
	border-top-style: none;
	border-top-color: #06F;
	background:url(images/web-hosting-package-bg.jpg) bottom no-repeat;
}
#web-hosting strong {
	color:#F00;
}
#web-hosting h3 {
	color:#FFF;
	background:url(images/web-hosting-title.png) no-repeat;
	text-align:center;
}
#web-hosting ul {
}
#web-hosting #package ul li {
	text-align:center;
	list-style: none;
}
#web-hosting .point ul li{
	list-style:none;
	text-align:left;
}
#web-hosting .point {
	padding:10px;
}
#web-hosting .lowerInfo {
	margin:0 auto;
	text-align:center;
	width:600px;
}
.fleft {
	float:left;
}

/* START MIKE'S AREA END */