/* CSS Document for Comstal websiteŠ */
/*======= Default tags =======*/
body{font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#FFF; background: url(../images/bg.gif) top repeat-y;}
h1{font-size:1.5em; color:#FFF;}
h1 span{font-size:1.3em; color:#ff7c00;}
h2{font-size:1.4em; color:#FFF;}
h3{font-size:1.0em; color:#FFF;}
h4{font-size:0.9em; color:#FFF;}
a:link{color:#ff7c00; text-decoration:none;}
a:hover{color:#ff7c00; text-decoration:underline;}
a:visited{color:#ff7c00; text-decoration:none;}
a img{border:0;}
ul{list-style-image:url(../images/bulit.gif);}
dl{margin-top:0;}
span{color:#FFF; font-weight:bold;}
input{}
textarea{height:100px;}
input, textarea{width:200px;}
/* Multi */
body, #mainHolder, #footer{padding:0; margin:0;}
/* This sill hold the flash */
#flashcontent{width:196px; height:468px;}
/*======= layout tags =======*/
/*======= Holder this holds the hole site in the middel =======*/
#holder{margin:auto; width:601px; padding:0 0 50px 0;}
/*======= Nav rollovers =======*/
#setupNav{width:572px; height:31px;background: url(../images/nav.gif);margin:0; padding:0;position: relative;}
#setupNav li{margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#setupNav a{height:31px; display: block;}
#homeNav{left:0; width:66px;}
#servicesNav{left:66px; width:77px;}
#partnersNav{left:143px; width:150px;}
#spacer{left:293px; width:195px;}
#contactNav{left:488px; width:84px;}
#homeNav a:hover{background: url(../images/nav.gif) -0px -31px no-repeat;}
#servicesNav a:hover{background: url(../images/nav.gif) -66px -31px no-repeat;}
#partnersNav a:hover{background: url(../images/nav.gif) -143px -31px no-repeat;}
#spacer a:hover{background: url(../images/nav.gif) -0px -293px no-repeat;}
#contactNav a:hover{background: url(../images/nav.gif) -488px -31px no-repeat;}
/*======= Back to top and back a page =======*/
/* back a page */
.bap{text-align:right;}
/* back to top */
.btt{margin:0 0 0 240px; background:url(../images/btt.gif) top left no-repeat; width:75px;text-align:right;}
/* table setup for the partners */
.partners_table{width:250px; padding:0 0 5px 10px;}
/*======= Top banner =======*/
#topBanner{width:601px; height:153px;}
#topLeft{float:left; width:388px;}
#topRight{float:right; width:213px;}
#topBody{background:url(../images/top_body.gif) top left no-repeat; height:16px;}
#bottomBody{ background:url(../images/bottom_body.gif) top left no-repeat; height:12px;}
#topBody, #bottomBody{width:383px;voice-family:"\"}\""; voice-family:inherit; width:382px;}
/*======= Main tags, that will hold the content =======*/
#mainNav{padding:0 0 10px 15px;}
/* BG used on the main body and the footer */
#mainHolder, #footer{background:url(../images/bg_main.gif) repeat-y; width:601px;}
#mainLeft{float:left; padding:0 0 0 15px; width:218px; voice-family:"\"}\""; voice-family:inherit; width:203px;}
/*Contact tabel form layout*/
#contactFrom{width:320px;}
#contactFrom td{padding:10px;}
/* this is a fix so that the right side can have a top and bottom */
#mainRightHolder{float:right; border-left: #ff7c00 1px solid; width:383px;voice-family:"\"}\""; voice-family:inherit; width:382px;}
#mainRight{padding:1px 30px 5px 30px; background: url(../images/bg_body.gif) top left repeat-y;}

/*======= Footer tags, that will hold the footer and the XHTML and CSS buttons =======*/
#footer{color:#2a276b; text-align:right; padding:5px 25px 5px 0; width:601px; voice-family:"\"}\""; voice-family:inherit; width:576px;}
#footer a:link{color:#ff7c00; text-decoration:none;}
#footer a:hover{color:#ff7c00; text-decoration:underline;}
#footer a:visited{color:#ff7c00; text-decoration:none;}
#xhtmlTags{background:url(../images/bg_footer.gif) top left no-repeat; height:49px; width:601px; padding:11px 0 0 398px; voice-family:"\"}\""; voice-family:inherit; width:203px;}