@import url(reset.css);
body{background:#1d2528 url(img/body.jpg) no-repeat top center; font-family:/*"Myriad Pro"*/ Arial, Helvetica, sans-serif;color:#666;}
#wrapper{width:980px; margin:0 auto;}
.sIFR-alternate{display:none;}
/*BASE TYPE STYLES
------------------------------------*/
h1, h2, h3, h4, h5, h6{color:#005952;}
h1{}
h2{font-size: 1.875em;}
h3{font-size: 1.125em;}
h4{font-size: 1.875em;}
h5{}
h6{}

p{font-size:0.875em; line-height:1.4em; margin-bottom:1.25em;}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{margin-top:1.25em;}
.sifr + p{margin-top:0;}
blockquote{}
a{color:#005952; text-decoration:none;}
a:hover{}
acronym{border-bottom:1px dotted #005952;}
acronym:hover{cursor:help;}

/*IE6 UH OH
------------------------------------*/
div#uhoh{background:#fff;}
#uhoh p{width:960px; padding:0.6em 0 0.6em 31px;margin:0 auto;}
#uhoh p img{float:left; margin:3px 0 0 -31px;}
#uhoh strong{color:#991926; text-transform:uppercase;}
#uhoh a{font-weight:bold; color:#991926;}
#uhoh a:hover{border-bottom:2px dotted #991926;}
/*GRID DEFINITIONS
------------------------------------*/
.item{}
.col{float:left; margin-right:20px;}
.last{margin-right:0;}
.sixth{width:140px;}
.qtr{width:220px;}
.third{width:240px; padding:0 30px;}
.half{width:400px; padding:0 30px;}
.two-third{width:560px; padding:0 30px;}
.three-qtr{width:640px; padding:0 30px;}
.full{width:880px; padding:0 30px;}


.clearfix{clear:both;}
/*HEADER STYLES
-------------------------------------*/
div#header{color:#fff;position:relative; height:130px;}
h1.logo{position:absolute; top:40px; left:25px; width:180px; height:50px; text-indent:-999em; }
h1.logo a{width:180px; height:50px; display:block; color:#fff; text-indent:-999em; background:url(img/innovative-systems.png) no-repeat top left;}
h1.logo a:hover{}

ul#nav{position:absolute; top:40px;right:25px;}
#nav li{display:inline; }
#nav a{display:block; text-indent:-999em; height:50px; color:#fff; float:left; background:url(img/nav.png) no-repeat top left;}

li#home{}
#home a{display:block; width:79px;background-position:0 0;}
#home a:hover{background-position:0 -50px;}
#home a.active{background-position:0 -100px;}

li#hosting{}
#hosting a{width:85px; display:block; background-position:-80px 0;}
#hosting a:hover{background-position:-80px -50px;}
#hosting a.active{background-position:-80px -100px;}

li#tech{}
#tech a{width:61px; display:block; background-position:-164px 0;}
#tech a:hover{background-position:-164px -50px;}
#tech a.active{background-position:-164px -100px;}

li#dev{width:130px;}
#dev a{display:block; width:130px; background-position:-225px 0;}
#dev a:hover{background-position:-225px -50px;}
#dev a.active{background-position:-225px -100px;}

li#contact{}
#contact a{display:block; width:95px; background-position:-355px 0;}
#contact a:hover{background-position:-355px -50px;}
#contact a.active{background-position:-355px -100px;}


div#content{width:940px;}
div#intro, div#main, div#secondary{padding:30px 20px; float:left;}
/*INTRO STYLES
------------------------------------*/
div#intro{position:relative; width:940px;  min-height:200px;background: transparent url(img/intro.png) no-repeat top center; color:#fff;}
/*image replacement text needs to be page specific with a body ID*/
#intro p{font-size:1.125em;}
#intro h2{text-indent:-999em; background:url(img/intro-headers.png) no-repeat -4px 0; width: 585px; height:50px;}
#intro h2 + p{margin-top:0.5em;}
#developmentBody #intro p {padding-right:50px;}
#homeBody #intro h2{background-position:-4px 0;}
#hostingBody #intro h2{background-position:-4px -50px;}
#techBody #intro h2{background-position:-4px -100px;}
#developmentBody #intro h2{background-position:-4px -150px;}
#contactBody #intro h2{background-position:-4px -200px;}
/*introImage positioning*/
img.introImage{position:absolute;}
#homeBody img.introImage{right:25px; bottom:-25px;}
#hostingBody img.introImage{bottom:-58px; right:0;}
#developmentBody img.introImage{right:0; bottom:0;}

#techBody img.introImage{right:10px;bottom:-47px;}
#contactBody img.introImage{top:-35px; right:-10px;}
/*introLink styling*/
p.introLink{}
.introLink a{}
#homeBody .introLink a{}
#hostingBody .introLink a{}
#developmentBody .introLink a{}
#techBody .introLink a{}
#contactBody .introLink a{}

.doc a{background:url(img/doc-sprites.png) no-repeat; text-indent:-999em;}
p.doc {height:40px; margin:-10px 0 0 -10px;}
a.rates{width:225px; height:40px; display:block; background-position:0 0;  }
a.rates:hover {background-position:0 -40px;}
a.contract{width:225px; height:40px; display:block; background-position:0 -80px;}
a.contract:hover{background-position:0 -120px;}

p.sprite{text-indent:-999em; height:40px; padding:0; margin:0.5em 0 0.5em 0;}
span.address a, span.phone, span.fax, a.email{height:40px; background:url(img/doc-sprites.png);}
span.address a{width:250px; display:block; background-position:-10px -160px ;}
span.address a:hover{background-position:-10px -200px ;}
span.phone{width:150px; display:block; float:left; background-position:-10px -240px;}
span.fax{float:left; width:150px; display:block; background-position:-10px -280px;}
a.email{width:250px; display:block; background-position:-10px -320px;}
a:hover.email{background-position:-10px -360px;}
/*MAIN CONTENT STYLES
------------------------------------*/
div#main{background:#fff; width:940px; }
#homeBody #main, #contactBody #main{background:#fff url(img/contentcap.gif) no-repeat bottom left;}
#techBody #main{padding-bottom:75px;}
img.icon{float:left; margin:0 18px 6px 0;}

/*SECONDARY CONTENT STYLES
------------------------------------*/
div#secondary{width:940px; background:#f5f1c2 url(img/secondarycap.gif) no-repeat bottom center; position:relative;}
.service-contract{margin-left:400px;}
#secondary p{font-size:1.125em;}
img.footerImage{position:absolute;}
#developmentBody img.footerImage{left:40px; bottom:-1px;}
#techBody img.footerImage{left:20px; bottom:0;}
#hostingBody img.footerImage{left:40px; bottom:-1px;}
/*FOOTER STYLES
------------------------------------*/
div#footer{height:100px; position:relative;}
#footer p{position:absolute; left:25px; top:25px; width:580px; font-size:0.75em; line-height:1; margin:0; padding:0;}
h6.charlie{width:50px; height:34px;text-indent:-999em; position:absolute; right:25px; top:15px;}
h6.charlie a{width:50px; height:34px; display:block;background:url(img/charlie.png) no-repeat top left;}
h6.charlie a:hover{background-position: 0 -34px;}



/*DEVELOPMENT PAGE STYLES
-----------------------------------*/
div.project{float:left; padding:0px 30px 30px 30px;}
.project h4 + p{margin-top:0px;}
.project p > span{text-transform:uppercase;color:#005952; display:block;}
.description {float:left; width:560px;}
div.runcard {width:280px; float:right; background:#e1e1e1 url(img/round-top-280.gif) no-repeat top left; padding:20px 0 0 0; margin:0 0 0 30px;}
ul.runcard {float:left; background:url(img/round-bottom-280.gif) no-repeat bottom left; padding:0 20px 20px 20px;}
.runcard li{width:120px; float:left;margin:0.4em 0; font-size:0.825em;}
.runcard h5{text-transform:uppercase; color:#666; margin-bottom:0.6em;font-size:0.825em;}

p.contact-info a{text-indent:-999em; width:375px; height:50px; display:block; background:url(img/contact-info.gif) no-repeat top center; }

/*HOSTING PAGE STYLES
-----------------------------------*/
#hostingBody #main{padding-bottom:60px; padding-top:50px;}
#hostingBody .item{padding-bottom:25px;}
div#sidebar {background:#f5f1c2; width:260px; float:left; margin-top:30px; }
#sidebar p, #sidebar h3, #sidebar ul{padding:0 20px; margin:0; }
#sidebar p.microsoft, #sidebar p.contact{padding:0; margin:0;}
#sidebar ul{}
#sidebar li h3{padding:0;}

p.microsoft, p.contact a{text-indent:-999em; height:70px; background:url(img/doc-sprites.png) no-repeat 0 0;}
p.microsoft{background-position:0 -400px;}
p.contact a{display:block; height:80px; text-indent:-999em; background-position:0 -480px;}
p.contact a:hover{background-position:0 -560px;}

.item p{padding-right:160px;}

div.price {text-indent:-999em; width:140px; float:right; margin-left:20px; background:url(img/hosting-sprites.gif) no-repeat 0 0;}
#move div.price{height:51px; background-position: 0 -20px;}
#standard div.price{height:75px; background-position:0 -93px;}
#packaged div.price{height:160px; background-position:0 -186px;}

/*CONTACT FORM
--------------------------*/
#contactBody form{padding:20px 0;}
#contactBody form ol{list-style-type:none;}
#contactBody form li{margin:0 0 15px 0;}
form h3{}
#contactBody form label{}
#contactBody form input, textarea, select{width:480px; padding:4px;}
textarea{height:180px;}
.submit > input{width:240px;}
span.ErrorLine{display:block; padding:16px 0 16px 32px; background:url(../uploads/images/redX.png) no-repeat left center; color:#991926; font-size:0.825em; text-transform:uppercase;}

.map {float:right; width:350px; margin:160px 25px 0 -100px; border:4px solid #ccc;}
.map iframe {display:block;}