@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d1cdca;
	background: url(images/mainbg.gif) no-repeat  center top fixed;
	margin: 0px;
}
p, form {
	margin: 0px;
}
#topshadow {
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 100%;
	padding-top: 0px;
	background-image: url(images/topshadow.png);
}
#botshadow {
	background: url(images/botshadow.png) repeat-y center bottom;
	float: left;
	width: 100%;
	padding-bottom: 58px;
}
#midshadow {
	background-image: url(images/midshadow.png);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	width: 100%;
}



#frame {
	text-align: left;
	width: 1004px;
}
#mainframe {
	float: left;
	width: 996px;
	border: 4px solid #d6d7d3;
}
#topframe {
	background-image: url(images/navibg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	height: 430px;
	width: 100%;
}
#topheaderframe {
	background-image: url(images/topheaderbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 377px;
	width: 958px;
	padding-top: 53px;
	padding-right: 19px;
	padding-left: 19px;
}
#headerframe {
	float: left;
	height: 182px;
	width: 100%;
}
#logoframe {
	float: left;
	width: 529px;
	padding-left: 46px;
}
#phonenoframe {
	text-align: right;
	float: left;
	width: 383px;
	padding-top: 149px;
}
#navigationframe {
	float: none; margin-left: 55px;
	width: 90%;
}
#home, #about, #contact, #process, #approval, #pricing, #extras, #aestheticpathetic {
	float: left;
	width: auto;
}
#middleframe {
	float: left;
	height: auto;
	width: 869px;
	padding-top: 19px;
	padding-right: 70px;
	padding-bottom: 33px;
	padding-left: 57px;
	background: url(images/maincontentbg.png) #364148;
	background-repeat: repeat-x;
	background-position: left top;
}
#maincontentframe {
	float: left;
	width: 848px;
	padding-right: 11px;
	padding-left: 10px;
	padding-bottom: 17px;
}
#maincontent {
	float: left;
	height: 526px;
	width: 786px;
	padding-top: 31px;
	padding-right: 20px;
	padding-left: 42px;
	background-image: url(images/contentbg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#testimonialsframe {
	float: left;
	width: 361px;
	padding-top: 18px;
	font-size: 10px;
}
#testimonialsframe h4 {
	font-size: 11px;
	font-weight: normal;
	color: #28485b;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#testimonialsframe a {
	font-size: 11px;
	color: #fbac3e;
}

#contentframe {
	float: left;
	width: 425px;
}
#testimonialheader {
	float: left;
	width: 100%;
}
#testimonial1 {
	float: left;
	width: 100%;
	padding-top: 17px;
	padding-bottom: 23px;
}
#screenframe {
	float: left;
	width: 161px;
	padding-left: 3px;
}
#testimonial {
	float: left;
	width: 197px;
}
#testimonial2 {
	float: left;
	width: 100%;
	padding-bottom: 23px;
}
#introframe, #worksframe {
	float: left;
	width: 100%;
}
#introheader {
	float: left;
	width: 100%;
}
#introcontent {
	float: left;
	height: 191px;
	width: 382px;
	padding-top: 10px;
	padding-left: 6px;
}
#worksheader {
	float: left;
	width: 100%;
}
#workscontent {
	float: left;
	padding-top: 10px;
	width: 425px;
}
#bottomframe {
	float: left;
	height: 72px;
	width: 869px;
	padding-top: 29px;
	font-family: Tahoma;
	font-size: 11px;
	color: #9a9a9a;
	text-align: center;
	background-image: url(images/footerbg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bottomframe a {
	font-size: 10px;
	color: #fbac3e;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#maincontent2 {
	float: left;
	height: 537px;
	width: 778px;
	padding-top: 20px;
	padding-right: 29px;
	padding-left: 43px;
	background-image: url(images/contentbg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#aboutheader {
	float: left;
	width: 100%;
	padding-bottom: 8px;
	background-image:url(images/header_about.png);
	
}
#aboutcontentframe {
	float: left;
	width: 100%;
}
#aboutleft {
	float: left;
	width: 337px;
	padding-right: 29px;
}
#aboutmid {
	float: left;
	width: 150px;
}
#aboutright {
	float: left;
	width: 262px;
	padding-top: 71px;
}
#aboutmidright {
	float: left;
	width: 412px;
	padding-top: 25px;
}
#aboutbox {
	background-image: url(images/aboutb.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 143px;
	width: 287px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 24px;
	padding-left: 15px;
	font-size: 11px;
	color: #FFFFFF;
}
#aboutbox ul {
	margin: 0px;
	padding-left: 20px;
	list-style-position: outside;
	list-style-image: url(images/bullet.png);
}
#aboutbox li {
	margin-bottom: 6px;
	margin-top: 2px;
}
#john{
	float: left;
	width:100%;
	padding-bottom: 20px;
}
#richard {
	float: left;
	width:100%;
	padding-bottom: 20px;
}
#missionstatement {
	background-image: url(images/missionstatement.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: auto;
  	margin-right: auto;
	height: 95px;
	width: 262px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding-top: 125px;
}
#maincontent3 {
	float: left;
	height: 537px;
	width: 850px;
	padding-top: 20px;
	background-image: url(images/contentbg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#contactframe {
	background-image: url(images/contactbg.png);
	background-repeat: no-repeat;
	background-position: 1px bottom;
	float: left;
	width: 849px;
	padding-left: 1px;
	height: 536px;
}
#contactheader, #processheader, #pricingheader, #extrasheader, #apheader {
	float: left;
	width: 807px;
	padding-left: 42px;
}
#contactinfo {
	float: left;
	width: 238px;
	padding-top: 39px;
	padding-left: 241px;
}
#contactinfo h4 {
	font-size: 12px;
	color: #d1cdca;
	margin: 0px;
}
#contactinfo a {
	color: #fbac3e;
	text-decoration: none;
	font-weight: bold;
}
#contactform {
	float: left;
	width: 341px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
.txtbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #3e3e3d;
	padding: 2px;
	float: left;
	height: 14px;
	width: 247px;
	margin-bottom: 2px;
	border: 1px solid #3e3e3d;
}
.txtbox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #3e3e3d;
	padding: 5px;
	float: left;
	height: 118px;
	width: 247px;
	margin-bottom: 19px;
	border: 1px solid #3e3e3d;
}
.snd {
	background-image: url(images/send.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 95px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-right: 10px;
         margin-top: 10px;
}
#processframe {
	background-image: url(images/processbg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	width: 845px;
	padding-left: 1px;
	height: 536px;
}
#processcontent {
	float: left;
	width: 400px;
	padding-top: 25px;
	padding-left: 42px;
	color: #FFFFFF;
}
.txtbord40left {
	margin-left: 40px;
}
a.fixshade:link, a.fixshade:visited, a.fixshade:hover {
text-decoration: none;
color: orange;
}
.mbordtop {
	margin-top: 3px;
	margin-bottom: 0px;
}
#pricingframe, #extrasframe, #apframe {
	float: left;
	width: 845px;
	padding-left: 1px;
	height: 536px;
}
#pricingcontent {
	float: left;
	width: 800px;
	padding-left: 43px;
	padding-top: 16px;
	color: #FFFFFF;
}
#pricingmain, #extrasmain {
	float: left;
	width: 364px;
	padding-left: 5px;
}
#divide {
	float: left;
	width: 3px;
	padding-top: 36px;
	padding-right: 33px;
}
#pricingmain ul {
	padding-left: 20px;
	list-style-position: outside;
	list-style-image: url(images/bullet.png);
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 160px;
	margin-left: 0px;
}
#pricingpackage, #seo {
	float: left;
	width: 356px;
	font-size: 11px;
}

#pricingmain li {
	margin-bottom: 10px;
	line-height: 16px;
}
#pricingcontent  h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#pricingcontent h5 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	color: #adacab;
}
.tx8 {
	font-size: 8px;
}
#extrascontent {
	float: left;
	width: 800px;
	padding-left: 43px;
	padding-top: 8px;
	color: #FFFFFF;
}
#apcontent {
	float: left;
	width: 720px;
	padding-top: 20px;
	padding-left: 70px;
	color: #FFFFFF;
}
#apscreen {
	float: left;
	width: 476px;
}
#apsitefeature {
	float: left;
	width: 98%;
	padding-left: 2%;
	color: #FFFFFF;
	padding-bottom: 8px;
}
#apscreenframe {
	float: left;
	width: 100%;
}
#apsubmit {
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 25px;
}
#appoll {
	float: left;
	width: 94px;
	margin-top: 76px;
	background-image: url(images/votebg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 144px;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 37px;
	padding-right: 49px;
	padding-left: 83px;
}
#apcontent  a {
	font-size: 11px;
	color: #fbac3e;
	text-decoration: none;
}


.txtorng {
	font-weight: bold;
	color: #fbac3e;
}
.vote {
	background-image: url(images/vote.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 60px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.snd2 {
	background-image: url(images/send2.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 51px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#navigationframe li a{
	background-image:url(images/process_off.gif);	
}
.btn_main{float:right; height:34px;}
.btn_left,.btn_mid,.btn_right{float:left; height:34px;}
.btn_left{background:url(images/btn_01.png) no-repeat; width:9px;}
.btn_mid{background:url(images/btn_02.png) repeat-x; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; padding:8px 0px 0px 0px; height:26px;}
.btn_right{background:url(images/btn_03.png) no-repeat; width:10px;}
/*.login_style{ background:url(images/login.png) no-repeat; width:86px; height:25px; border:none; cursor:pointer;}
.logout_style{ background:url(images/logout.png) no-repeat; width:86px; height:25px; border:none; margin:0px 10px 10px 10px; cursor:pointer;}*/

/************************/

form111 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
-moz-box-shadow:0 4px 18px #C8C8C8;
background:#1B3C50 none repeat scroll 0 0;
border:1px solid #E5E5E5;
font-weight:normal;
padding:2px 2px 2px;
}
.login_style, .logout_style:active{
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:#21759B url(images/button-grad-active.png) repeat-x scroll left top !important;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
padding:3px 10px;
border:1px solid;

}
.login_style, .logout_style {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#21759B url(images/button-grad.png) repeat-x scroll left top;
border-color:#298CBA !important;
color:#FFFFFF !important;
font-weight:bold;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
padding:3px 10px;
border:1px solid;
}

.topSpace {
margin-top: 10px;
}
.makespace { 
margin-bottom: 12pt;
margin-top: 12pt;
}