@import url(reset.css);
body {
font-family:"Myriad Pro", "Myriad Web", Myriad, "Century Gothic", Tahoma, sans-serif;
font-size:120.1%;
}
#content a:link {
background-color:#d6fe62;
color:#0aa7de;
border-bottom:1px solid #0aa7de;
text-decoration:none;
}
#content a:hover {
background-color:#2B2B2B;
color:#F55821;
border-bottom:1px solid #2B2B2B;
}
#content a:visited {
color:#F55821;
border-bottom:1px solid #2B2B2B;
}
#bodywrap {
background:url(../images/top-background.png) top repeat-x;
text-align:center;
}
#pagewrap {
width:800px;
margin:0 auto;
text-align:left;
}
#bodywrap h1, #bodywrap h1 a {
display:block;
width:299px;
height:89px;
}
#bodywrap h1 {
background:url(../images/getAjaxed.gif) bottom no-repeat;
text-indent:-9999em;
padding:56px 0 0 12px;
float:left;
}
#bodywrap h2 {
background:url(../images/affordable-ajax-service.png) bottom no-repeat;
text-indent:-9999em;
padding-top:56px;
float:left;
width:364px;
height:28px;
margin-top:12px;
}
#navigation ul li {
float:left;
}
.nav a, .nav span {
height:32px;
display:block;
background:url(../images/navigation.png) no-repeat;
text-indent:-9999em;
}
.nav a, .nav span {
height:32px;
display:block;
}
.home a {
background-position:0 -65px;
width:73px;
}
.home a:hover {
background-position:0 -33px;
}
.home span {
background-position:0 0;
width:73px;
}
.services a {
background-position:-73px -65px;
width:80px;
}
.services a:hover {
background-position:-73px -33px;
}
.services span {
background-position:-73px 0;
width:80px;
}
.examples a {
background-position:-153px -65px;
width:90px;
}
.examples a:hover {
background-position:-153px -33px;
}
.examples span {
background-position:-153px 0;
width:90px;
}
.contact a {
background-position:-243px -65px;
width:83px;
}
.contact a:hover {
background-position:-243px -33px;
}
.contact span {
background-position:-243px 0;
width:83px;
}
.order a {
background-position:-326px -65px;
width:92px;
}
.order a:hover {
background-position:-326px -33px;
}
.order span {
background-position:-326px 0;
width:92px;
}
#recentprojects {
background:url(../images/recent-projects.png) bottom no-repeat;
height:367px;
width:259px;
text-indent:-9999em;
float:left;
margin:-39px 0 0 -3px;
}
#contentwrap {
background:url(../images/content-middle.png) -2px top repeat-y;
}
#contentwrap, #outercontent {
clear:both;
}
#outercontent {
margin-left:2px;
width:419px;
float:left;
}
#content {
background:url(../images/content-top.png) -4px top no-repeat;
}
#innercontent {
min-height:265px;
height:auto !important;
height:265px;
}
#contentfooter {
background:#fff url(../images/content-bottom.png) -2px top no-repeat;
display:block;
clear:both;
}
#contentfooter {
display:block;
text-indent:-9999em;
}
#innercontent h3 {
text-align:center;
margin:0 auto;
padding:15px;
text-indent:-9999em;
display:block;
position:relative;
top:13px;
}
#innercontent .index {
background:url(../images/ajaxify-your-website.png) center top no-repeat;
}
#innercontent .ajaxexamples {
background:url(../images/ajax-examples.png) center top no-repeat;
}
#innercontent .contact {
background:url(../images/contact-getAjaxed.png) center top no-repeat;
}
#innercontent .servicesweoffer {
background:url(../images/services-we-offer.png) center top no-repeat;
}
#innercontent .ordernow {
background:url(../images/order-now.png) center top no-repeat;
}
#innercontent p {
width:400px;
padding:9px;
line-height:1.2em;
}
#whatweneed {
clear:both;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.4em;
margin:25px 0 10px;
}
#whatweneed em {
color:#aed836;
font-style:italic;
}
.whatweneed li {
float:left;
height:133px;
width:205px;
text-indent:-9999em;
}
.wwn-exist {
background:url(../images/wwn-exist.png) bottom no-repeat;
}
.wwn-money {
background:url(../images/wwn-money.png) bottom no-repeat;
margin:0 25px;
}
.wwn-time {
background:url(../images/wwn-time.png) bottom no-repeat;
}
#sponsors {
float:right;
width:123px;
padding-top:26px;
background:url(../images/sponsors.png) top center no-repeat;
margin:0 auto;
text-align:center;
}
#sponsors img {
padding:4px 0 1px;
}
.hr {
border-bottom:1px solid #E4E4E4;
width:90%;
clear:both;
height:1px;
margin:0 auto;
}
.hr hr {
display:none;
}
.hidden {
visibility:hidden;
display:none;
}
/* FORM FIELDS */
label span {
color:#F15858;
}
legend {
text-indent:-9999em;
margin-bottom:-15px;
}
label {
display:block;
margin:7px 0 3px;
}
label, input, textarea {
width:390px;
margin-left:10px;
}
input, textarea {
border:1px dashed #0AA7DE;
color:#0AA7DE;
background-color:#FFFFFF;
padding:2px 0;
overflow:auto;
}
input:hover, textarea:hover {
background-color:#FBFFEF;
}
input[type=submit] {
width:392px;
margin-top:7px;
border-style:outset;
font-weight:bold;
}
input[type=submit]:hover {
border-style:inset;
}
/* MISC */
.notice {
background-color:#FBFFEF;
padding:10px;
margin-left:7px;
color:#F15858;
width:390px !important;
}
.noshow {
position:absolute;
display:block;
visibility:hidden;
}

#innercontent ul li {
padding:2px 0 3px 30px;
background:url(../images/bullet.png) no-repeat 10px 7px;
}
h4, h5 {
margin-left:7px;
color:#AED836;
font-size:1.6em;
border-bottom:1px solid;
width:408px;
}
h5 {
font-size:1.2em;
color:#307790;
}