@charset "UTF-8";

@media all
{

* { padding: 0; margin: 0; outline:none; }
body, html { background-color: #fff; height:100.1%; width:100%; font: 12px tahoma, verdana,  helvetica, sans-serif; color: #3A3A3A; line-height: 20px; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;  }
.layout { width: 1008px; display:block; }

a { color: #333; text-decoration:none; }
a:hover { color: #27B5DE; text-decoration:none; }

p { margin-bottom: 10px; }

h4{ font: normal 18px helvetica, arial, verdana,  sans-serif; margin-left:20px; margin-bottom:10px; letter-spacing:2px; }
h3 { font: normal 22px helvetica, arial, verdana,  sans-serif; margin: 1px 0 12px 0; letter-spacing:2px; }
h2 { font: normal 18px helvetica, arial, verdana,  sans-serif; margin: 1px 0 12px 0; letter-spacing:2px; font-weight:bold; }

span.date { font: italic 10px  verdana,tahoma,sans-serif; color:#AF4125;  }
div.sub_title, div.body, div.about { margin-top: 10px; }
div.about { font: 11px  verdana,tahoma,sans-serif; color:#666; }
div.holofx_body ul, #maincontent ul { margin-left:24px; }
hr { height: 1px; width:80%; margin: 15px auto 20px auto; background-color:#C0C0C0; border: 0;  }

/* Forms */
input, textarea, select { color:#666; width:250px; height:18px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 10px verdana,tahoma,sans-serif; padding: 4px 2px 0 2px; }

label { width: 100px; float:left; text-align: right; margin-right: 0.5em; display: block; text-transform: uppercase; font: 9px tahoma, verdana, sans-serif; padding-top:6px; border-bottom: 1px dotted #666; }
select { margin-bottom:8px; height:24px; width:256px; }

.formelement { width:600px; margin-bottom:8px; clear: both; }
.formelement textarea { height: 120px; padding: 4px 2px; }
.error-message { color: #D83030; margin-left: 110px; width: 250px; display:block; }
.submit input {  clear: both; margin-left:302px; width:auto; height: 22px; padding: 0 4px 3px; text-transform: uppercase; background-color:#115a70; color:#ddd; }
.response { font: bold 14px arial, tahoma, sans-serif; margin-bottom: 10px; }
.hfmfb { display:none; }

#container { width: 100%; }
#wrapper { margin: 0 auto; }
#header { position: absolute; z-index:10; height:190px; }
#footer { position: relative; display:block; width: 920px; margin: 10px 0 10px 40px;  }
#topnav { margin: 10px 0 10px 680px; vertical-align: top; line-height: 3px; }
#topnav img { float:left; margin-right:10px; }
#topnav span.links { display:block; padding-top: 11px; font-size:9px; }
#topnav span.links a:hover { text-decoration:none; }

#logo { position: absolute; top:48px; left:41px; display:block; width:158px; height:63px; }

#nav_main { float:right; margin: 19px 30px 0 0; }
#nav_main ul li { float:left; list-style-type:none; }
#nav_main ul li a { display:block; width:144px; height:56px; } /*38px;*/
#nav_main ul #solutions { background: url(/img/nav_solutions.png) no-repeat; }
#nav_main ul #gallery { background: url(/img/nav_gallery.png) no-repeat; }
#nav_main ul #corporate { background: url(/img/nav_corporate.png) no-repeat; }
#nav_main ul #contacts { background: url(/img/nav_contacts.png) no-repeat; }

#nav_main ul #solutions[class="menu_over"] { width:144px; height:auto; background: url(/img/nav_solutions_over.png) no-repeat; }
#nav_main ul #gallery[class="menu_over"] { background: url(/img/nav_gallery_over.png) no-repeat;  }
#nav_main ul #corporate[class="menu_over"] { background: url(/img/nav_corporate_over.png) no-repeat; }
#nav_main ul #contacts[class="menu_over"] { background: url(/img/nav_contacts_over.png) no-repeat; }

#nav_main ul #solutions[class="menu_on"] { width:144px; height:auto; background: url(/img/nav_solutions_on.png) no-repeat; }
#nav_main ul #gallery[class="menu_on"] { background: url(/img/nav_gallery_on.png) no-repeat;  }
#nav_main ul #corporate[class="menu_on"] { background: url(/img/nav_corporate_on.png) no-repeat; }
#nav_main ul #contacts[class="menu_on"] { background: url(/img/nav_contacts_on.png) no-repeat; }

#solutionsIE6over  { width:144px; height:auto; background: url(/img/nav_solutions_over.jpg) no-repeat; }
#galleryIE6over { background: url(/img/nav_gallery_over.jpg) no-repeat;  }
#corporateIE6over { background: url(/img/nav_corporate_over.jpg) no-repeat; }
#contactsIE6over { background: url(/img/nav_contacts_over.jpg) no-repeat; }
#solutionsIE6on { width:144px; height:auto; background: url(/img/nav_solutions_on.jpg) no-repeat; }
#galleryIE6on  { background: url(/img/nav_gallery_on.jpg) no-repeat;  }
#corporateIE6on  { background: url(/img/nav_corporate_on.jpg) no-repeat; }
#contactsIE6on  { background: url(/img/nav_contacts_on.jpg) no-repeat; }

#nav_main ul li ul { margin:-2px 0 2px 0; width:144px; }
#nav_main ul li ul li { background: url(/img/nav_solutions_bg.png) repeat-y; display:block; position:relative; width:144px; height:auto; float:none; font:11px arial, verdana,tahoma,sans-serif; line-height:15px; }
#nav_main ul li ul li a { height:auto; width:112px; margin-left:15px; border-bottom: 1px dotted #333; } /*38px;*/z

#nav_main ul #solutions ul li { background: url(/img/nav_solutions_bg.png) repeat-y; }
#nav_main ul #gallery ul li { background: url(/img/nav_gallery_bg.png) repeat-y; }
#nav_main ul #corporate ul li { background: url(/img/nav_corporate_bg.png) repeat-y; }
#nav_main ul #contacts ul li { background: url(/img/nav_contacts_bg.png) repeat-y; }

#nav_main ul #solutions ul li.last { background: url(/img/nav_solutions_bottom.png) no-repeat; height:25px; margin:0; }
#nav_main ul #gallery ul li.last { background: url(/img/nav_gallery_bottom.png) no-repeat; height:25px; margin:0; }
#nav_main ul #corporate ul li.last { background: url(/img/nav_corporate_bottom.png) no-repeat; height:25px; margin:0; }
#nav_main ul #contacts ul li.last { background: url(/img/nav_contacts_bottom.png) no-repeat; height:25px; margin:0; }

#solutionsIE6over ul li.last { background: url(/img/nav_solutions_bottom.jpg) no-repeat; height:25px; margin:0; }
#galleryIE6over ul li.last { background: url(/img/nav_gallery_bottom.jpg) no-repeat; height:25px; margin:0; }
#corporateIE6over ul li.last { background: url(/img/nav_corporate_bottom.jpg) no-repeat; height:25px; margin:0; }
#contactsIE6over ul li.last { background: url(/img/nav_contacts_bottom.jpg) no-repeat; height:25px; margin:0; }

#nav_main ul #solutions a { color:#556B2F; }
#nav_main ul #gallery a { color:#683c6e; }
#nav_main ul #corporate a { color:#7c3c1d; }
#nav_main ul #contacts a { color:#815e22; }

#nav_main ul #solutions a:hover, #nav_main ul #gallery a:hover, #nav_main ul #corporate a:hover, #nav_main ul #contacts a:hover { color:#333; }

#main { position:absolute; top:107px; z-index:5; }

#bodytop { background: url(/img/bg_top.png) no-repeat 0 0; height:237px; }
#holofx_body { background: url(/img/bg_mid.png) repeat-y 0 0; margin-bottom:7px; }
#bodybottom { background: url(/img/bg_bottom.png) no-repeat; height:17px; }

#maincontent { margin: -170px 45px 30px 45px; min-height:160px; }
/*#maincontent ul li { margin: 0 0 0 30px; list-style: circle; }*/

#gallerywall, #holofxbanner  { width:1000px; height:567px; margin-left:-41px; margin-top:-108px; margin-bottom:-50px; outline: none; }
#holofxbanner {margin-top: -73px; height: 310px; margin-bottom: -45px;}

/* Quotes */
#quote { background-position:0 12px; margin-left:70px; width:300px; float:right; }
.home #quote, .clients #sub #quote, .contact #sub #quote { background-position:0 2px; border:medium none; padding-top:0; }
.green #quote { background:transparent url(/img/green_open_quotes.png) no-repeat scroll 0 2px; margin:0 0 2em; }
.purple #quote { background:transparent url(/img/purple_open_quotes.png) no-repeat scroll 0 2px; margin:0 0 2em; }
.red #quote { background:transparent url(/img/red_open_quotes.png) no-repeat scroll 0 2px; margin:0 0 2em; }
.orange #quote { background:transparent url(/img/orange_open_quotes.png) no-repeat scroll 0 2px; margin:0 0 2em; }
#quote > p:first-child { color:#4E3114; font-size:16px; margin-bottom:0.7em; text-indent:22px; }
#quote cite { font-style:italic; }
.green .lastword {background:transparent url(/img/green_close_quotes.png) no-repeat scroll right top; color:#4E3114; padding:0 22px 0 0; }
.purple .lastword {background:transparent url(/img/purple_close_quotes.png) no-repeat scroll right top; color:#4E3114; padding:0 22px 0 0; }
.red .lastword {background:transparent url(/img/red_close_quotes.png) no-repeat scroll right top; color:#4E3114; padding:0 22px 0 0; }
.orange .lastword {background:transparent url(/img/orange_close_quotes.png) no-repeat scroll right top; color:#4E3114; padding:0 22px 0 0; }

/* Glider Gallery */
#gliderlarge div.scroller {clear:both;  width:920px; height:493px; overflow:hidden; /*border:1px solid #cccccc;*/ }
#gliderlarge div.scroller div.section { width:920px; height:493px; overflow:hidden; float:left; /*padding:1em;*/ }
#glidersmall { width:415px; float:right; margin-top:-35px; margin-left: 10px;}
#glidersmall div.scroller { width:415px; height:300px; overflow:hidden; border:1px solid #cccccc; }
#glidersmall div.scroller div.section { width:415px; height:300px; overflow:hidden; float:left; padding:1em; }
.clear { display:block; clear:both; margin:-0.66em 0; visibility:hidden; }
div.scroller div.content { width:10000px; }
#gliderlarge #left, #glidersmall #left { float:left; }
#gliderlarge #right, #glidersmall #right { float:right; }

#rightside { float:right }
#videoplayer { border:none; margin-left:20px; margin-bottom:30px;}
#imageslider { border:none; margin-left:20px; }

.footertop { height:224px;  }
.footer { margin: -190px 45px 30px 45px; min-height:100px; }
.footerbottom { height:23px; background:transparent; }

#footer_blue { background: url(/img/footer_blue_mid.png) repeat-y 0 100px; color:#eee; }
#footertop_blue { background: url(/img/footer_blue_top.png) no-repeat 0 0; }
#footerbottom_blue { background: url(/img/footer_blue_bottom.png) no-repeat; }

#footer_green { background: url(/img/footer_green_mid.png) repeat-y 0 70px; color:#eee; }
#footertop_green { background: url(/img/footer_green_top.png) no-repeat 0 0; }
#footerbottom_green { background: url(/img/footer_green_bottom.png) no-repeat; }

#footer_purple { background: url(/img/footer_purple_mid.png) repeat-y 0 70px; color:#eee; }
#footertop_purple { background: url(/img/footer_purple_top.png) no-repeat 0 0; }
#footerbottom_purple { background: url(/img/footer_purple_bottom.png) no-repeat; }

#footer_red { background: url(/img/footer_red_mid.png) repeat-y 0 70px; color:#eee; }
#footertop_red { background: url(/img/footer_red_top.png) no-repeat 0 0; }
#footerbottom_red { background: url(/img/footer_red_bottom.png) no-repeat; }

#footer_orange { background: url(/img/footer_orange_mid.png) repeat-y 0 70px; color:#eee; }
#footertop_orange { background: url(/img/footer_orange_top.png) no-repeat 0 0; }
#footerbottom_orange { background: url(/img/footer_orange_bottom.png) no-repeat; }

div.blue h3 { color: #0088AA; }
div.blue a { color: #0088AA; }
div.blue a:hover { color: #06CDFF; }

div.green h3 { color: #97b554; }
div.green a { color: #97b554; }
div.green a:hover { color: #657935; }

div.purple h3 { color: #aa63b4; }
div.purple a { color: #aa63b4; }
div.purple a:hover { color: #BB83C2; }

div.red h3 { color: #f06f37; }
div.red a { color: #f06f37; }
div.red a:hover { color: #772f19; }

div.orange h3 { color: #f79620; }
div.orange a { color: #f79620; }
div.orange a:hover { color: #BE6C07; }

#footer_content_blue a { color: #004353; }
#footer_content_green a { color: #4f602a; }
#footer_content_purple a { color: #523057; }
#footer_content_red a { color: #772f19; }
#footer_content_orange a { color: #925b10; }

#footer_content_blue ul li,
#footer_content_green ul li,
#footer_content_purple ul li,
#footer_content_red ul li,
#footer_content_orange ul li { float:left; margin:0 40px 0 0; width:140px; font-weight:bold; list-style:none; }

#footer_content_blue ul li ul li,
#footer_content_green ul li ul li,
#footer_content_purple ul li ul li,
#footer_content_red ul li ul li,
#footer_content_orange ul li ul li { float:none; font-weight:normal; list-style:none; }

#footer_content_blue a,
#footer_content_green a,
#footer_content_purple a,
#footer_content_red a,
#footer_content_orange a { font-size:9px; display:block; padding:0 5px; border-bottom: 1px dotted #333; line-height:15px; }

#footer_content_blue a:hover,
#footer_content_green a:hover,
#footer_content_purple a:hover,
#footer_content_red a:hover,
#footer_content_orange a:hover { color: #ECEEDF; background-color:#7C7C7C; }

#newsitems { width: 910px;  display:block; height: 85px; overflow:hidden; }
#newsitems h3 { font-size:14px; margin-bottom: 3px; color:#eee; }
#newsitems ul li { width: 910px; display:block; }

.partner_wrapper { margin:0 0 9px -3px; }
.partner { margin:0 2px;  border:1px solid #666; }
.partner:hover { margin:0 2px; }

#copyright { font: 9px tahoma, sans-serif; text-transform:uppercase; color:#999; margin-top:20px; display:block; width:500px; }
#tinylogo { float:right; margin-top:-8px;display:block; }

#flashmsg { position:absolute; left:50%; top:250px; width:260px; vertical-align:top; text-align:left; background:#00aeef; color:#ffffff; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #fff; margin-left:-140px; z-index:20000; padding:10px; }

.controls ul{ margin: 0 auto; }
.controls ul.horizontal_list li a { display:block; text-align:centre; height:20px; width: 125px; outline:none; padding-top:5px; color:#fff; font: bold 12px Helvetica, arial, tahoma, sans-serif;}
.controls ul.horizontal_list li.tab{ text-align:center; float:left; display:inline; list-style:none; padding: 3px 10px 3px 10px; margin:0px; background:url(/img/glidertab_green.png) no-repeat; width:135px; }

/* Product Content Slider */
#section1 { background-image:url('/files/products/alta.jpg'); }
#section2 { background-image:url('/files/products/aura.jpg'); }
#section3 { background-image:url('/files/products/mirage.jpg'); }
#section4 { background-image:url('/files/products/sena.jpg'); }
#section5 { background-image:url('/files/products/holos.jpg'); }
#imageslider0, #imageslider1, #imageslider2, #imageslider3, #imageslider4 { padding-left:35px; margin-top:320px; margin-right:8px; }

.slidercontenttop { line-height:26px; font:normal 20px Garamond,Georgia,serif; color:#485960; margin-top:-210px; width:550px; height:130px; }
.slidercontentbottom { width:850px; display:inline; }
.slidercontentbottom  h1 { padding-bottom:10px; margin:0; letter-spacing:0; font:lighter 20px Helvetica,Verdana,Arial,sans-serif; color:#fff;  }
.slidercontentbottom  h2 { padding-bottom:10px; margin:0; letter-spacing:0; font:lighter 20px Helvetica,Verdana,Arial,sans-serif; color:#485960;  }
.sbleft, .sbright { width:290px; }
.sbleft { float:left; }
.sbright { float:right; margin-right:260px; }
.sbleft li, .sbright li { letter-spacing:0; font:normal 11px Helvetica,Verdana,Arial,sans-serif; line-height:14px; color:#103a49; margin-left:-10px; }

#map { float:right; width: 426px; height: 320px; }
}

/*
CakePHP Debugging Classes
*/
.cake-sql-log, .cake-debug {position:relative; clear:both; font:8px verdana,tahoma,sans;width:950px;margin: 10px auto;text-align:left;border: 1px dotted #999;padding: 10px;background-color: #ffffcc;}
.cake-sql-log td,.cake-sql-log th {padding: 3px 20px 3px 0px;vertical-align: top;}
.cake-sql-log td,.cake-sql-log tr {border-bottom: 1px solid #cc0000;}
.cake-sql-log caption {border-top: 1px dotted #cc0000;width: 970px;text-align:left;margin: 20px auto 5px;padding: 10px 0 4px 20px;}
.cake-debug {padding: 10px 0 4px 20px;}
/*
End CakePHP Debugging Classes
*/

}