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


*{
	margin: 0 auto;}
	
#preload {
	display: none;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	background-image: url(images/fbg.jpg);
	background-repeat: repeat-x;
}
#preload {
	display: none;
}
:focus {
	outline:none;
}
#foundation {
	background-image: url(images/topbg.gif);
	background-repeat: repeat-x;
	height: 880px;
	width: 100%;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #F80;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top {
	height: auto;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #F80;
	border-bottom-color: #F80;
	width: 100%;
	margin-top: 5px;
}
#logo {
	height: 118px;
	width: 220px;
	float: left;
	margin-top: 13px;
}
#topin {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	height: 143px;
}
#nav {
	width: 680px;
	height: 40px;
	padding: 0px;
	margin-top: 90px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav ul {
	list-style-type: none;
	width: 680px;
	height: auto;
	float: none;
	margin-top: 0px;
	padding: 0px;
	clear: both;
}
#nav li {
	float: left;
	margin-left: 10px;
}
#main {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: auto;
}
#leftbox {
	float: left;
	width: 630px;
	height: 700px;
	margin-top: 15px;
	background-image: url(images/mainbg.gif);
	background-repeat: repeat-x;
}
#right {
	float: right;
	width: auto;
	height: 700px;
	background-image: url(images/topbg.gif);
	background-repeat: repeat-y;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}
#sidebar {
	width: 295px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 697px;
	border: thin dashed #F80;
	float: right;
}
#searchbox {
	width: 177px;
	padding-bottom: 0px;
	margin-top: 35px;
	float: right;
	margin-right: 80px;
	border: thin dashed #F80;
	padding-top: 0px;
}
#sn {
	width: auto;
	float: right;
	margin-right: 5px;
}
#sbutton {
	height: auto;
	float: right;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #F80;
	width: auto;
}
#catcher {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 615px;
	height: 685px;
	border: thin dashed #F80;
	color: #000;
}
#dream {
	width: 273px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin dashed #F80;
	text-align: center;
}
#projects {
	width: 275px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 285px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #F80;
}
#projects ul {
	list-style-type: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	width: auto;
	padding: 0px;
	margin-top: 6px;
}
.imgleft {
	float: left;
	width: 133px;
	border: thin dashed #F80;
	margin-bottom: 6px;
}
.imgright {
	float: left;
	width: 133px;
	margin-left: 1px;
	border: thin dashed #F80;
	margin-bottom: 6px;
}
#footer {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/footer.jpg);
	padding-top: 5px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F80;
}
#fstitch {
	width: 100%;
	height: auto;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #F80;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #F80;
	margin-bottom: 3px;
}
#footerin {
	width: 960px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #F80;
}
#footerin ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: auto;
}
li.follow {
	background-image: url(images/follow.jpg);
	width: 180px;
	height: 65px;
	background-repeat: no-repeat;
}
li.affiliate {
	background-image: url(images/affiliates.jpg);
	width: 180px;
	height: 65px;
	background-repeat: no-repeat;
}
li.confirm {
	background-image: url(images/confirm.jpg);
	width: 221px;
	height: 65px;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 0px;
}
li.bnave {
	color: #FFD573;
	text-align: center;
	height: 30px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #F80;
	padding-top: 5px;
}
li.comment {
	color: #FFF;
	text-align: left;
	width: 221px;
	height: auto;
	float: left;
}
#blinks {
	width: 960px;
	height: auto;
}
#basecontact {

	width: 330px;
	height: 260px;
	background-image: url(images/cbg.jpg);
	margin-top: 10px;
	background-repeat: no-repeat;
	float: right;
	margin-bottom: 8px;
}
#bcbutton {
	width: auto;
	height: auto;
	float: left;
	margin-bottom: 0px;
	margin-left: 41px;
	margin-top: 7px;
}
#nme {

	width: 136px;
	float: right;
	margin-right: 41px;
	margin-top: 26px;
	height: auto;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 5px;
}
#mail {

	width: 136px;
	float: right;
	margin-top: 8px;
	height: 21px;
}
#msge {
	
	width: 242px;
	float: right;
	margin-right: 43px;
	margin-top: 10px;
	height: 90px;
	margin-bottom: 3px;
}
#base {
	width: 947px;
	height: 36px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	clear: both;
	background-image: url(images/basebg.gif);
	background-repeat: repeat-x;
	border: thin dashed #F80;
	padding-top: 9px;
	padding-left: 13px;
}
#base h4 {
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 22px;
	color: #FFF;
}
.r {
	color: #F30;
}
.i {
	color: #F80;
}
.p {
	color: #0C0;
}
.e {
	color: #FC0;
}
.copyright {
	color: #00A141;
}
#catchy {
	width: 600px;

	background-image: url(images/catcher.jpg);
	height: 47px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin dashed #F80;
	background-repeat: no-repeat;
	padding-top: 220px;
}
#contact {
	width: 575px;

	height: auto;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	padding-top: 10px;
	padding-left: 25px;
	font-size: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#paragraph {
	
	height: 391px;
	width: 580px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin dashed #F80;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/paragraph.jpg);
	background-repeat: repeat-x;
}
#Quote {

	height: 405px;
	width: 580px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin dashed #F80;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/contactbg.jpg);
	background-repeat: no-repeat;
}
p.Pgph {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #F80;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
ul.formleft {

	float: left;
	list-style-type: none;
	width: 197px;
	height: 277px;
	margin-left: 38px;
	margin-top: 35px;
	padding: 0px;
}
ul.formright {
	float: left;
	list-style-type: none;
	width: auto;
	height: 321px;
	margin-left: 9px;
	margin-top: 35px;
	padding: 0px;
}
li.afa {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: 27px;
	width: 195px;
	
	text-align: center;
	padding-top: 6px;
}
li.company {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: 27px;
	width: 195px;
	
	text-align: center;
	padding-top: 6px;
	margin-top: 28px;
}
li.website {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: 33px;
	width: 195px;
	
	text-align: center;
	padding-top: 6px;
	margin-top: 29px;
}
li.budjet {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: 28px;
	width: 195px;

	text-align: center;
	padding-top: 6px;
	margin-top: 27px;
}
li.favorweb {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: 27px;
	width: 195px;
	
	text-align: center;
	padding-top: 6px;
	margin-top: 28px;
}
li.mssg {

	height: 139px;
	width: 286px;
	text-align: left;
	padding-top: 10px;
	padding-left: 9px;
}
li.target {
	height: 26px;
	width: 298px;
	
	text-align: center;
	padding-top: 6px;
	margin-top: 33px;
}
li.time {
	height: 26px;
	width: 298px;
	
	text-align: center;
	padding-top: 6px;
	margin-top: 29px;
}
li.qbttn {
	height: 34px;
	width: 300px;
	text-align: center;
	margin-top: 32px;
}
.fileinput {
	
	width: 180px;
	font-size: 16px;
	color: #FFF;
	background-image: url(images/basebg.gif);
	background-repeat: repeat-x;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.message_input {
	
	width: 97%;
	font-size: 16px;
	color: #FFF;
	background-image: url(images/basebg.gif);
	background-repeat: repeat-x;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 130px;
}
.long_input {
	
	width: 250px;
	font-size: 16px;
	color: #FFF;
	background-image: url(images/basebg.gif);
	background-repeat: repeat-x;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
}
.contact_input {
	background-image: url(images/basebg.gif);
	width: 95%;
	font-size: 16px;
	color: #FFF;
	
	height: 18px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
}
#email {
	
	width: 137px;
	float: right;
	margin-right: 40px;
	margin-top: 4px;
	height: auto;
	text-align: center;
	padding-bottom: 3px;
}
#sbject {
	
	width: 136px;
	float: right;
	margin-right: 41px;
	margin-top: 5px;
	height: auto;
	text-align: center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.ozi_input {
	width: 100%;
	
	height: 93px;
	background-image: url(images/basebg.gif);
	background-repeat: repeat-x;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 16px;
	color: #FFF;
}
ul.shownav {

	width: 605px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	list-style-type: none;
	margin-top: 8px;
	background-repeat: repeat-x;
	height: 27px;
	background-image: url(images/fbg.jpg);
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-position: center center;
	text-align: center;
	clear: both;
	padding-left: 0px;
}
li.displayleft {

	height: 300px;
	width: 295px;
	float: left;
	margin-bottom: 7px;
	border: thin dashed #F80;
}
li.displayright {
	
	height: 300px;
	width: 295px;
	float: right;
	margin-bottom: 7px;
	border: thin dashed #F80;
}
li.servernav {
	width: auto;
	height: auto;
	color: #FFD573;
	margin-right: 10px;
	float: left;
	margin-left: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #F80;
	border-bottom-color: #F80;
	margin-top: 0px;
	font-size: 16px;
}
li.chat {
	width: auto;
	height: auto;
	color: #FFD573;
	margin-right: 15px;
	float: left;
	margin-left: 30px;
	margin-top: 0px;
	font-size: 16px;
}
li.servernav1 {
	width: auto;
	height: auto;
	color: #FFD573;
	margin-right: 15px;
	float: left;
}
#services {
	
	width: 580px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 615px;
	border: thin dashed #F80;
	color: #FFF;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#maka {
	
	width: 600px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	height: 630px;
	border: thin dashed #F80;
	color: #FFF;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
}
#services p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #F80;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#catcher h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #D4A85F;
	font-variant: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
ul.displaytop {
	list-style-type: none;
	padding: 0px;
	float: left;
	
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
ul.displaytbuttom {
	list-style-type: none;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
li.logoshowcase {
	float: left;
	height: 120px;
	width: 137px;
	
	border: thin dashed #F80;
	margin-right: 5px;
	margin-bottom: 5px;
}
li.logoshow {
	float: left;
	height: 120px;
	width: 137px;
	
	border: thin dashed #F80;
}
li.phone {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #F0F0F0;
	position: static;
	float: right;
	margin-right: 55px;
}
#contact ul {
	
	list-style-type: none;
	padding: 0px;
	width: 420px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contact li {
	
	width: 200px;
	float: left;
}
.search_input {
	width: 134px;
	height: 100%;
	float: left;
	
	background-image: url(images/mainbg.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	padding-left: 5px;
	padding-top: 3px;
}
li.siteshowcase {
	float: left;
	height: 180px;
	margin-right: 10px;
	border: thin dashed #F80;
	margin-bottom: 10px;
}
li.siteshow {
	float: left;
	height: 180px;
	width: 182px;
	
	border: thin dashed #F80;
	margin-bottom: 10px;
}
.servernav a {
	text-decoration: none;
	color: #FFD573;
	font-size: 18px;
}
.servernav a:hover {
	color: #FFF;
	text-decoration: none;
}
#contact ul {
	
	margin-left: 25px;
}
#me {
	float: left;
	
	height: 620px;
	background-image: url(images/aboutbg.jpg);
	background-repeat: repeat-y;
	width: auto;
}
#aboutus {
	
	width: 317px;
	float: right;
	height: 610px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/aboutbg.jpg);
}
#aboutus h3 {
	color: #F3CB7D;
}
#blinks a {
	color: #FFD573;
	text-decoration: none;
}
#blinks a:hover {
	color: #CCD4DF;
	text-decoration: none;
}
#empty {
	
	width: 95%;
	height: auto;
	text-align: center;
	color: #FFBA53;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
.header {
	color: #FFD568;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
#result {
	width: 96%;
	
	height: auto;
	margin-bottom: 7px;
}
#catchy ul {
	list-style-type: none;
	width: 255px;
	float: right;
	height: 35px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	
}
#catchy li {
	float: left;
	
	margin: 0px;
	padding: 0px;
}
.highlight {
	font-style: italic;
	color: #C96;
}
#learn {
	
	width: 200px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}
#learn ul {
	
	list-style-type: none;
	padding: 0px;
	height: auto;
	width: 190px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
li.learnheader {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFF;
	margin-left: 35px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #FF9E4B;
	width: 110px;
	text-align: center;
}
li.learnmore {
	
	width: 100%;
	font-size: 16px;
	height: 25px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #F80;
	color: #FFD573;
	padding-top: 5px;
}
#paragraph a {
	text-decoration: none;
	color: #FC9;
	font-size: 15px;
}
#paragraph a:hover {
	color: #CCC;
	text-decoration: underline;
}
#myDiv {
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.siteshowcase:hover {
	border: thin dashed #Ffffff;
}

.siteshow:hover {
	border: thin dashed #Ffffff;
}
.imgleft:hover {
	border: thin dashed #FFF;
}

.imgright:hover {
	border: thin dashed #FFF;
}
.logoshowcase:hover {
	border: thin dashed #FFF;
}
.logoshow:hover {
	border: thin dashed #FFF;
}
#base img {
	margin-right: 15px;
}


.Accordion {
	overflow: hidden;
	width: 275px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
}


.AccordionPanel {
	margin: 0px;
	padding: 0px;
}


.AccordionPanelTab {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image: url(images/mainbg.gif);
	color: #FFD573;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: gray;
}


.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
	color: #FFF;
	font-size: 14px;
}


.AccordionPanelOpen .AccordionPanelTab {
	background-color: #CCCCCC;
}


.AccordionPanelTabHover {
	color:#CCC;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color:#CCC;
}


.AccordionFocused .AccordionPanelTab {
	background-color: #CCCCCC;
}


.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #CCCCCC;
}