body {color: #343434;font-family: Arial, Helvetica, sans-serif;background-color: #FFF;font-size: 0.8em;margin: 0px;padding: 0px;background: url(../images/body-background.png) repeat-x top;}
#page {width: 885px;margin: 0 auto;padding: 0px;text-align: left;}

#icons {width: 297px;height: 150px;float: right;margin: 0;background: url(../images/small-icons-background.png) no-repeat top;}
#icons a {width: 34px;height: 30px;text-decoration: none;float: left;margin: 83px 0px 0px 0px;}
#icons a.ico1:hover,  #icons a.ico2:hover, #icons a.ico3:hover{background-position: 0px -30px;}
#icons a span {display: none;}
#icons a.ico1 {background: url(../images/ico-home.png) top no-repeat;margin-right:5px;}
#icons a.ico2 {background: url(../images/ico-sitemap.png) top no-repeat;margin-right:5px;}
#icons a.ico3 {background: url(../images/ico-contact-us.png) top no-repeat;}
#icons a.ico1 {margin-left:85px;}
h1 {position: relative;margin: 0;padding: 0;font-size: 14px;height: 150px;width: 588px;float:left;}
h1 span {position: absolute;top: 0;left: 0;z-index:1;height: 150px;width: 588px;  background: url(../images/flynn-logo.png) no-repeat top; }

h2 {position: relative;margin: 0;padding: 0;font-size: 14px;height: 60px;width: 558px;}
h2 span {position: absolute;top: 0;left: 0;z-index:1;height: 60px;width: 558px;}
h2.v1 span {background: url(../images/home-heading.png) no-repeat top;}
h2.v2 span {background: url(../images/home-products.png) no-repeat top;}
h2.v3 span {background: url(../images/home-services.png) no-repeat top;}
h2.v4 span {background: url(../images/home-contact-us.png) no-repeat top;}
h2.v5 span {background: url(../images/heading-s1.png) no-repeat top;}
h2.v6 span {background: url(../images/heading-s2.png) no-repeat top;}
h2.v7 span {background: url(../images/heading-s3.png) no-repeat top;}


#navi {width: 885px;height: 55px;clear: both;list-style: none;list-style-position: outside;padding: 0;margin: 0;background: url(../images/nav-background.png) no-repeat top;}
#navi li {float: left;display: block;height: 55px;}
#navi li a {display: block;height: 55px;text-decoration: none;}
#navi li a strong {visibility: hidden;}
#navi li a:hover {background-position: 0 -55px;}
.m1 {width: 146px;background: url(../images/nav-home-page.png) no-repeat top;margin-left:7px;}
.m2 {width: 145px;background: url(../images/nav-products.png) no-repeat top;}
.m3 {width: 145px;background: url(../images/nav-services.png) no-repeat top;}
.m4 {width: 145px;background: url(../images/nav-contact-us.png) no-repeat top;}
#flash-cont {padding: 0 0 0 7px;height: 285px;background: url(../images/flash-background.png) no-repeat top;}
#flash {width: 870px;height: 285px;position: relative;left: 7px;}

#main {margin: 0 0 0 8px;width: 558px;min-height: 300px;float: left;}
#right {margin: 0 8px 0 0;width: 289px;min-height:300px;float: right;}

#home1 {margin: 10px 0 0 0;height:255px;}
#home1 p {padding: 0;margin: 0 0 5px 0;line-height:1.4em;}
#img1 {width: 213px;height: 240px;float: left;margin: 0 10px 0 0;}
#home2 #hol, #home2 #hor {width: 267px;}
#hol {float: left;}
#hor {float: right;}
#home2 p {padding: 0;margin: 5px 0 5px 0;line-height:1.6em;}
#home2 a {color: #2e768f;font-weight:bold;float:right;}
#home2 a:hover {color: #ef472d;}
#home2 h3 {position: relative;margin: 0;padding: 0;font-size: 14px;height: 35px;width: 267px;}
#home2 h3 span {position: absolute;top: 0;left: 0;z-index:1;height: 35px;width: 267px;}
#home2 #hol h3 span {background: url(../images/products-heading.png) no-repeat top;}
#home2 #hor h3 span {background: url(../images/services-heading.png) no-repeat top;}

#buttons {margin: 0;padding: 0;list-style: none;list-style-position: outside;}
#buttons li {padding: 0;margin: 0 5px 0 0;display: block;width: 289px;height: 100px;}
li.b1 {background: url(../images/button-1.png) no-repeat top;}
li.b2 {background: url(../images/button-2.png) no-repeat top;}
li.b3 {background: url(../images/button-3.png) no-repeat top;}
li.b4 {background: url(../images/button-4.png) no-repeat top;}
#buttons h4 {float: right;padding: 0;margin: 13px 0 0 0;font-size: 11px;position: relative;width: 183px;height: 17px;}
#buttons h4 span {position: absolute;top: 0;left: 0;z-index:1;height: 17px;width: 183px;cursor:pointer;}
#buttons li.b1 h4 span {background: url(../images/b1.png) no-repeat top;}
#buttons li.b2 h4 span {background: url(../images/b2.png) no-repeat top;}
#buttons li.b3 h4 span {background: url(../images/b3.png) no-repeat top;}
#buttons li.b4 h4 span {background: url(../images/b4.png) no-repeat top;}
#buttons p {clear: both;color: #969696;margin: 0;padding: 2px 0 0 107px;}

#partners {margin: 5px 0 0 0;}
#partners a, #partners img{border:0px none;}
#partners h4 {padding: 0;margin: 0 0 0 0;font-size: 11px;position: relative;width: 289px;height: 35px;}
#partners h4 span {position: absolute;top: 0;left: 0;z-index:1;height: 35px;width: 289px;background: url(../images/partners-heading.png) no-repeat top;}
#par1, #par1 img {width: 106px;height: 60px;}
#par2, #par2 img {width: 147px;height: 60px;}
#par1 {margin-right:20px;}
#footer {margin: 10px 0 0 7px;width:870px;height: 65px;background: url(../images/footer-background.png);background-position: top;background-repeat: no-repeat;clear: both;font-size: 0.96em;color: #FFF;}
#footer p {display: block;width: 290px;text-align: center;line-height: 59px;float: left;font-size: 0.86em;}
#footer ul {width: 580px;float: right;margin: 0;padding: 0;list-style: none;list-style-position: outside;}
#footer li {padding: 0 36px;margin: 0;display: block;float: left;line-height: 59px;}
#footer a {color: #FFF;text-decoration: none;}
#footer a:hover {text-decoration: underline;}


p.pc {padding: 0;margin: 20px 15px;}
.req {color: #ef472d;font-size: 1.5em;position: relative;top: 5px;background:#FFF;}
form.contact {margin: 0px;padding: 0px;}
form.contact ol {padding: 0px;margin: 1.5em 0 0 2em;list-style: none;list-style-position: outside;}
form.contact label {float: left;width: 5.5em;margin-right: 1em;font-size: 1.1em;}
form.contact fieldset {margin: 1.5em 1em 0 1em;padding: 0;border: 1px solid #C8C8C8;}
form.contact legend {margin-left: 2em;color: #9b9b9b;font-size: 1.4em;background:#FFF;}
form.contact li {padding-bottom: 1em;}
form.contact ol li input {border: 1px solid #C8C8C8;width: 20em;font-size: 1.1em;color: #383838;padding: 2px;background: url(../images/input_bkgnd.png) repeat-x top;background-color:#FFF;}
form.contact fieldset.submit {border: 0px none;}
form.contact textarea {border: 1px solid #C8C8C8;width: 22em;overflow: auto;font-family: Arial, Helvetica, sans-serif;padding: 2px;font-size: 1.1em;color: #383838;height: 10em;background: url(../images/input_bkgnd.png) repeat-x top;background-color:#FFF;}
form.contact li .req {padding-left: 10px;}
.submit input {margin-left: 21em;border: 1px solid #C8C8C8;background-color: #c8c8c8;color: #383838;font-size: 1.2em;padding: 1px;text-transform: uppercase;letter-spacing:-1px;}

.lst1  li {padding: 3px 0 3px 0;margin: 0;}
.clr {clear: both;}

#gallery {margin: 10px 0 0 30px;}
#gallery div {display: block;border: 1px solid #bababa;float: left;width: 153px;height: 150px;margin: 0 15px 5px 0;}
#gallery a {border: 0px none;text-decoration: none;}
#gallery img {border: 0px none;}
#galery .vert img {width: 105px;height: 140px;}
#gallery a {display: block;height: 105px;}
#gallery a.hori {margin: 5px 0 0 6px;}
#gallery a.vert {margin: 5px 0 0 25px;}
#galery .hori img {width: 140x;height: 105px;margin: 0 0 0 5px;}
#gallery span {display: block;padding: 3px 5px 0 5px;font-size: 0.96em;letter-spacing: -1px;}

.px1 {padding: 10px;margin: 0;}
.ux1 {margin: 0;padding: 0 0 0 20px;list-style: none;list-style-position: outside;}
.ux1 li {padding: 0 0 5px 0;margin: 0;}

h3 {font-size: 1.4em;letter-spacing: -1px;padding: 5px 10px;margin: 0;}

.link1 {color: #2e768f;text-decoration: underline;}
.link1:hover {color: #ef472d;text-decoration: none;}
.link2 {color: #ef472d;text-decoration: underline;}
.link2:hover {color: #ef472d;text-decoration: none;}

#details h4 {padding: 0;margin: 0 0 0 0;font-size: 11px;position: relative;width: 289px;height: 35px;}
#details h4 span {position: absolute;top: 0;left: 0;z-index:1;height: 35px;width: 289px;background: url(../images/details-heading.png) no-repeat top;}
#details ul {list-style: none;list-style-position: outside;padding: 0;margin: 20px 0 0 2px;}
#details li {padding: 0 0 5px 0;margin: 0;}
#details li.bp {padding-bottom: 20px;}
#details li a {color: #ef472d;text-decoration: underline;font-weight: bold;}
#details li a:hover {text-decoration: none;}


#map {width: 700px;height: 500px;}


/* for IE6 */  
* html #main {margin: 0 0 0 4px;}
* html #right {margin: 0 4px 0 0;}
/* end for IE6 */
