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

*{font-family:arial,helvetica,sans-serif,tahoma,verdana,geneva,lucida,"lucida grande";}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; outline: none; color:#FFFFFF; }

body { 
	font: 9pt/17pt arial; 
	margin: 0px; 
	padding: 0px;
	height: 100%;
	background: #f3f3f3 url(../images/bg.gif) repeat-x;
	outline: none;
	}
	
.clear { 
	clear: both;
}
	
p {
	font-size: 14px; 
	color:#000;
}
a { color: #ffffff; text-decoration: none; outline: none; }

#container {
	display: block;
	margin: 0 auto;
	width: 962px;
}


#bg {
	width: 100%;
	height: 900px;
	background: url(../images/site-bg1.png) no-repeat;
	background-position: top center;
}
* html #bg {
	width: 100%;
	height: 900px;
	background: url(../images/site-bg1.gif) no-repeat;
	background-position: top center;
}

#transitions {
	position: absolute;
	width: 100%;
	height: 900px;
	background: url(../images/transitionx.gif) no-repeat;
	background-position: center top;	
}

ul.header-nav {
	display: inline;
	float: left;
	list-style-type: none;
	margin-right: 8px;
}

ul.header-nav li {
	display: inline;
	float: left;
	height: 47px;
	background: url(../images/nav-bg.gif) repeat-x;
}

* html ul.header-nav li#nav-details {
	width: 130px;
}
* html ul.header-nav li#nav-faq {
	width: 180px;
}
* html ul.header-nav li#nav-testimonials {
	width: 100px;
}
* html ul.header-nav li#nav-login {
	width: 50px;
}
* html ul.header-nav li#end1 {
	width: 110px;
}
* html ul.header-nav li#start1 {
	width: 120px;
}
* html ul.header-nav li#end2 {
	width: 140px;
}

ul.header-nav li.more a {
	background: url(../images/drop-down.gif) no-repeat;
	background-position: center 24px;
}

ul.header-nav li.end-nav-unselected {
	width: 7px;
	height: 40px;
	background: url(../images/nav-right.gif);
}

ul.header-nav li.start-nav-unselected {
	width: 7px;
	height: 40px;
	background: url(../images/nav-left.gif);
}
ul#nav-right {
	float: right;	
	display: inline;
}
ul.header-nav li a {
	color:#000;
	display: block;
	height: 40px;
	margin: 9px 21px 0 21px;
	font-size: 1.1em;
}
ul.header-nav li.currently {
	color:#7e7e7e;
	width: 250px;
	padding-top: 8px;
	height: 39px;
	font-size: 1.2em;
	padding: 9px 3px 0 3px;
}

ul.header-nav li.currently:hover {
	background: url(../images/nav-bg.gif) repeat-x;
}
ul.header-nav li.bold a {
	font-weight: bold;
	color:#258cfc;
}

ul#end li a {
	color:#7e7e7e;
}

ul#end li a:hover {
	color:#ffffff;
}

ul.header-nav li:hover {
	background: url(../images/nav-bg-selected.gif) repeat-x;
}

ul.header-nav li:hover a {
	color:#FFF;
}

ul.header-nav li.more:hover a {
	background: url(../images/drop-down-selected.gif) no-repeat;
	background-position: center 24px;
}

ul#end {
	margin-right: 0 !important;
}

ul.header-nav li#home-selected {
	width: 49px;
	height: 40px;
	background: url(../images/home-selected.gif) no-repeat;
	text-indent: -5000px;
}

ul.header-nav li ul {
	position: absolute;
	margin:0;padding:0;
	display: none;
}

ul.header-nav li ul li {
	background: #ffffff;
	display: block;
	clear: both;
	width: 220px;
	height: 34px;
	border-bottom: 1px solid #dbdbdb;
}
ul.header-nav li ul li a{
	font-weight: bold;
}


ul.header-nav li ul li#sub-top {
	background: url(../images/sub-top.gif);
	width: 221px;
	height: 4px;
	border-bottom: none;
}
ul.header-nav li ul li#sub-bottom {
	background: url(../images/sub-bottom.gif);
	width: 221px;
	height: 6px;
	border-bottom: none;
}
ul.header-nav li ul li#custom-logo-design {
	background: #FFF url(../images/i.gif) no-repeat;
	background-position: 6px 6px;
}
ul.header-nav li ul li#custom-logo-design:hover {
	background: #ededed url(../images/i.gif) no-repeat;
	background-position: 6px 6px;
}
ul.header-nav li.more:hover ul li a, ul.header-nav li.more:hover ul li a {
	background: none;
}
ul.header-nav li ul li#logo-design-portfolio {
	background: #FFF url(../images/p.gif) no-repeat;
	background-position: 6px 6px;
}
ul.header-nav li ul li#logo-design-portfolio:hover {
	background: #ededed url(../images/p.gif) no-repeat;
	background-position: 6px 6px;
}

ul.header-nav li ul li#order-logo-designs {
	background: #FFF url(../images/cart.gif) no-repeat;
	background-position: 6px 6px;
	border: none;
}
ul.header-nav li ul li#order-logo-designs:hover {
	background: #ededed url(../images/cart.gif) no-repeat;
	background-position: 6px 6px;
	border: none;
}

ul.header-nav li.more ul li a {
	text-indent: 22px;
	background: none;
	color:#000;
}



p#logo {
	display: inline;
	float: left;
	width: 270px;
	height: 60px;
	background: url(../images/logo.gif);
	margin-top: 5px;
}

p#logo a {
	display: block;
	width: 270px;
	height: 60px;
	text-indent: -5000px;
}

#contact-info {
	display: inline;
	float: right;
	width: 313px;
	text-align: right;
}
p#questions, p#number {
	color:#606164;
}
p#questions span {
	color:#afafaf;
}
p#number {
	font-size: 2.4em;
}
p#sub-number {
	color:#666;
	font-size: .95em;
}
#main-content {
	display: block;
	width: 946px;
	padding: 20px 0 20px 15px;
	background: #ffffff url(../images/content-bg.gif) no-repeat;

	margin-top: 8px;
}

#start-form {
	display: inline;
	float: left;
	width: 261px;
	margin-right: 5px;
	margin-left: 12px;
}
#form-top {
	display: block;
	width: 261px;
	height: 9px;
	background: url(../images/form-top.gif);
}
#form-middle {
	display: block;
	width: 246px;
	background: url(../images/form-bg.gif) repeat-y;
	padding: 0 0 10px 15px;
}
#start-now {
	text-indent: -5000px;
	background: url(../images/start-now.gif);
	width: 257px;
	height: 27px;
	display: block;
	
	margin-bottom: 10px;
}
#form-bottom {
	display: block;
	width: 261px;
	height: 10px;
	background: url(../images/form-bottom.gif);
}
.fields {
	display: block;
	color:#000;
	font-size: 1.2em;
	font-weight: bold;
}
.txtfield {
	border: 3px solid #e3e1d7;	
	margin-bottom: 10px;
	width: 205px;
	height: 21px;
	padding-top: 4px;
	font-size: 1.2em;
	padding-left: 5px;
}
fieldset { border: none;  }
legend { display: none; }
p#note {
	font-size: .95em;
	line-height: 14px;
	color:#9e9b8b;
	margin-top: -5px;
	margin-bottom: 17px;
}
#flash-container {
	display: inline;
	float: left;
	width: 241px;
	height: 283px;

	margin-top: -6px;
	border-bottom: 1px solid #dbdbdb;
}

h1 {
	color:#258cfc;	
	font-size: 3.2em;
	margin-top: 8px;
}
h1#lp {
	color:#258cfc;	
	font-size: 2.4em;
	margin-top: 8px;
}
p#sub {
	color:#d97100;
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 6px;

}
ul#important {
	list-style-type: none;	
	display: inline;
	float: left;
	margin-top: 37px;
	margin-right: 12px;
	margin-left: 10px;
}
ul#important li {
	display: block;
	margin-bottom: 2px;
	background: url(../images/right-arrow-3.gif) no-repeat;
	background-position: 0 3px;
	text-indent: 15px;
	font-size: 1.3em;
	font-weight: bold;
	color:#258cfc;
}
ul#important li span {
	font-weight: normal;
	margin: 1px 0 15px 15px;
	display: block;
	clear: both;
	font-size: .80em;
	line-height: 15px;
	color:#4c4c4c;
	text-indent: 0;
}

#tests {
	display: block;
	background: #f8f8f8;
	padding: 15px;
	padding-top: 25px;
	width: 931px;
	margin-left: -15px;
	margin-top: 15px;
	border-top: 1px solid #dbdbdb;
}
#tests ul {
	list-style-type: none;	
}
#tests ul li {
	display: inline;
	float: left;
	width: 295px;
	margin-right: 10px;
}
#tests ul li span {
	color:#797979;
	font-style: italic;
	line-height: 15px;
	font-size: .95em;
	display: block;
	margin-left: 55px;
	margin-right: 20px;
}
#tests ul li a {
	color:#797979;
	font-weight: bold;
}
#tests ul li#test-1 {
	background: url(../images/jv.gif) no-repeat;
}
#tests ul li#test-2 {
	background: url(../images/test-2.gif) no-repeat;
	height: 63px;
}
#tests ul li#test-3 {
	background: url(../images/vb.gif) no-repeat;
}
h2 {
	color:#258cfc;	
	font-weight: normal;
	font-size: 2.4em;
	margin-top: 27px;
	margin-bottom: 10px;
}
p#overview-txt {
	font-size: 1.4em;
	color:#797979;
	line-height: 20px;
	margin-bottom: 12px;
}
.info-top {
	display: block;
	width: 919px;
	height: 6px;
	background: #f6f6f6 url(../images/info-top.gif);
}
#logo-design {
	display: block;
	width: 655px;
	height: 151px;
	background: #f6f6f6 url(../images/logo-sample.png);
	margin-bottom: 15px;
	padding-left: 263px;
	padding-top: 14px;
}
#website-design {
	display: block;
	width: 655px;
	height: 151px;
	background: #f6f6f6 url(../images/website-sample.png);
	margin-bottom: 15px;
	padding-left: 263px;
	padding-top: 14px;
}
#freelance {
	display: block;
	width: 655px;
	height: 110px;
	background: #f6f6f6 url(../images/freelance-sample.png) no-repeat;
	background-position: 0 2px;
	margin-bottom: 15px;
	padding-left: 263px;
	padding-top: 14px;
}
h3 {
	color:#258cfc;	
	font-size: 1.6em;
	font-weight: normal;
}
p.info-txt {
	font-size: 1em;
	line-height: 15px;
	color:#797979;
	margin-top: 8px;
	margin-right: 8px;
}

p#sample-logo {
	display: inline;
	float: left;
	width: 172px;
	height: 25px;
	background: url(../images/sample-logo.gif);
	margin-top: 15px;
}

p#sample-logo a {
	display: block;
	width: 172px;
	height: 25px;
	text-indent: -5000px;
}

p#sample-website {
	display: inline;
	float: left;
	width: 166px;
	height: 25px;
	background: url(../images/sample-web.gif);
	margin-top: 15px;
}

p#sample-website a {
	display: block;
	width: 166px;
	height: 25px;
	text-indent: -5000px;
}
p#get-started-now {
	display: inline;
	width: 187px;
	height: 40px;
	background: url(../images/get-started-now.gif);
	margin-top: 15px;
	float: right;
	margin-right: 26px;
}

p#get-started-now a {
	display: block;
	width: 187px;
	height: 40px;
	text-indent: -5000px;
}


















#content-bottom {
	display: block;
	width: 962px;
	height: 4px;
	background: #ffffff url(../images/content-bottom.gif);
}

#footer {
	display: block;
	text-align: center;
}
#footer ul {
	list-style-type: none;	
	margin: 25px 0 0 110px;
	display: block;
}

#footer ul li {
	display: inline;
	float: left;
	margin: 0 45px 0 0;
}

#footer ul li a {
	color:#000;
}

#footer ul li.light a {
	color:#7d7d7d;
}
p#terms {
	margin-top: 30px;
	display: block;	
	font-size: .95em;

}
p#terms a {
	color:#000;
	font-weight: bold;
}

p#copyright {
	font-size: .95em;	
}

#headbg {
	display: inline;
	float: left;
	width: 529px;
	height: 552px;
	margin: 35px 0 0 -15px;
	background: url(../images/headbg.gif);
}
#h-container {
	display: block;
	width: 394px;
	height: 217px;
	margin: 33px 0 0 69px;
	background: url(../images/h-scroll.gif);
}

p#simple {
	display: block;
	width: 296px;
	height: 54px;
	background: url(../images/people.gif); 
	margin: 206px 0 0 112px;
	text-indent: -5000px;
}
p#simple a {
	display: block;
	width: 296px;
	height: 54px;
	text-indent: -5000px;
}
.sample-flash {
	display: inline;
	float: left;
	margin: 15px 0 0 8px;
	color:#7dace0;
}
.sample-flash a {
	color:#7dace0;
}
p#special {
	font-size: 1.5em;
	font-weight: bold;
	color:#d97100;
	margin: 30px 0 32px 20px;
	display: block;
}
#pricing-info {
	display: inline;
	float: left;
	width: 147px;
	margin-left: 10px;
}
p#price {
	font-size: 3.4em;	
	color:#66676a;
}
p#per-month {
	text-align: right;
	color:#66676a;
	font-weight: bold;
	margin-right: 29px;
}
p#regularly {
	color:#898989;	
	font-size: 1.4em;
}

p#get-started-now2 {
	display: inline;
	float: left;
	width: 240px;
	height: 74px;
	background: url(../images/get-started-now2.gif);
}
p#get-started-now2 a {
	display: block;
	text-indent: -5000px;
	width: 240px;
	height: 74px;
}
#home-right {
	display: inline;
	float: right;
	width: 427px;
}
ul#important li a {
	color:#4c4c4c;	
	text-decoration: underline;
}