/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}

body{
color:#3f3e4c; 
font:15px/20px Arial, Helvetica, sans-serif; 
margin:0; 
padding:0;
background:#fff url(images/body_bg.png) center top repeat-x;
background-color: #F9F7ED;
}

/*** HEADER **/
#header{
margin:0 auto;
padding:120px 0 0 0;
width:900px;
height:100px;
background:url(images/datome_logo.png) center top no-repeat;
position:relative;
}
#header h1,
#header h2{
display:none;
}
#header ul{
margin:0 auto;
height:100px;
width:800px;
}
#header ul li{
display:block;
float:left;
width:266px;
height:100px;
}
#header ul li a{
display:block;
position:relative;
width:266px;
height:100px;
background-image:url(images/header_links.png);
background-repeat:no-repeat;
}
#header ul li a strong{
display:none;
}
#header ul li a span.hover{
display:block;
position:absolute;
width:266px;
height:100px;
background-image:url(images/header_links.png);
background-repeat:no-repeat;
}
#go_download a{
background-position:0 0;
}
#go_download a .hover{
background-position:0 -100px;
}
#go_learn{
padding:0 1px;
}
#go_learn a{
background-position:-267px 0;
}
#go_learn a .hover{
background-position:-267px -100px;
}
#go_talk a{
background-position:-534px 0;
}
#go_talk a .hover{
background-position:-534px -100px;
}
#header .popup{
position:absolute;
display:none;
margin:225px 0 0 150px;
padding:10px 0 0 0;
width:175px;
height:125px;
background:url(images/popup_bg.png) center center no-repeat;
z-index:50;
font-size:12px;
color:#262236;
}
#header .popup p{
padding:2px 0 0 15px;
}
#header .popup img{
vertical-align:middle;
}
#header .popup strong{
color:#000;
}
#header .popup a{
color:#fff;
}
#header .popup a:hover{
text-decoration:underline;
}

#page_header{
margin:0 auto;
width:900px;
height:40px;
background:url(images/page_header.png) center top no-repeat;
}
#page_header p{
display:none;
}

/** PAGE  DESCRIPTION */

#page_description{
width:900px;
padding:0px 90px 20px 90px;
margin:0 auto;
}

h5{
padding:0px 90px 20px 90px;
font-size:28px;
letter-spacing:-2px;
color:#FF7113;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:30px;
}

#page_description p{
padding:0 90px 30px 90px;
line-height:1.5em;
background:url(images/symbol.jpg) 0 0 no-repeat #fff; margin:0 0 0 90px; padding:0 42px 20px 150px;
background-color: inherit;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
}
#page_description p a{
color:#356AA0;
}
#page_description p a:hover{
text-decoration:underline;
}

/** PAGE**/
#page{
width:900px;
margin:0 auto;
}

#slider{
width:800px;
margin:0 auto;
position:relative;
}

#page .navigation{
padding:0 0 0 20px;
height:50px;
}

#page .navigation li{
height:50px;
float:left;
padding:0 2px 0 0;
}

#page .navigation a{
display:block;
height:50px;
line-height:50px;
float:left;
padding:0 10px 0 0;
letter-spacing:-2px;
color:#FF7113;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px;
}

#page .navigation a span{
display:block;
height:50px;
float:left;
padding:0px 15px 0px 25px;
}

#page .navigation a:hover{
outline: none;
text-decoration:underline;

}

#page .navigation a:focus{
outline:none;
text-decoration:underline;
}

/**

#page .navigation a:hover{
color:#999;
background:url(images/page_navigation_hover_a.png) right top no-repeat;
}
#page .navigation a.selected{
color:#fff;
background:url(images/page_navigation_selected_a.png) right top no-repeat;
}
**/


/*
#page .navigation a:hover span{
background:url(images/page_navigation_hover_span.png) left top no-repeat;
}
#page .navigation a.selected span{
background:url(images/page_navigation_selected_span.png) left top no-repeat;
}
*/


#page .scroll{
height:590px;
width:760px;
margin:0 auto;
overflow:auto;
position:relative;
clear:left;
}

#page .scrollContainer .panel{
padding:25px;
height:510px;
width:720px;
overflow:hidden;
}		
#page .panel p{
padding:0 0 1em 0;
font-size:15px;
line-height:1.5em;
font-family:Arial,Helvetica,sans-serif;
}
#page .panel h3{
font-size:28px;
letter-spacing:-2px;
color:#FF7113;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:30px;
padding-bottom: 10px;
}
#page .panel h4{
padding:0 0 .5em 0;
font-size:15px;
letter-spacing:-0.5px;
font-weight:bold;
color:#3f3e4c;
}
#page .panel strong{
color:#33333e;
}
#page .panel em{
font-style:italic;
}
#page .panel a{
white-space:nowrap;
color:#f60;
font-weight:bold;
}
#page .panel a:hover{
text-decoration:underline;
}
#page .panel .gallery img{
padding:2px;
border:solid 1px #c0c5d6;
}
#page .panel blockquote,
#page .panel ol,
#page .panel ul,
#page .panel pre{
font-size:15px;
margin:1em 2em 2em 2em;
padding:10px 15px;
background:#ecedf3;
}

#page .panel ul {
background: inherit;
}

#page .panel blockquote p{
padding:.4em 0 !important;
text-indent:0 !important;
}
#page .panel li{
list-style-position: inside;
padding: 0 0 .5em 0;
}

#page .panel ul li{
margin:0 0 0 1em;
list-style:square;
}

#page .panel ol li{
margin:0 0 0 1.5em;
list-style:decimal;
}
#page #solutions ul li{
list-style:none;
background:transparent url(images/symbol2.gif) no-repeat scroll 0 8px;
line-height:25px;
padding:0 0 0 30px;
}

#page .panel pre{
line-height:1em;
color:#1C194C;
font-size:13px;
overflow:auto;
background:#f8f8f8;
border:solid 1px #e5e5e5;
}
#page .panel code{
padding:0 3px;
color:#33333e;
background:#f8f8f8;
border:solid 1px #e5e5e5;
font-size:13px !important;
}

#page .panel .gallery{
text-align:center;
}

#page .scrollButtons{
width:30px;
height:30px;
position:absolute;
top:280px;
cursor:pointer;
}
#page .scrollButtons a{
display:block;
height:75px;
width:75px;
}
#page .scrollButtons span{
display:none;
}
#page .scrollMeLeft{
left:-50px;
}
#page .scrollMeLeft a{
background:url(images/go-left.png) 0 0 no-repeat;
}
#page .scrollMeLeft a:hover{
background:url(images/go-left.png) 0 0 no-repeat;
}
#page .scrollMeRight{
right:-10px;
}
#page .scrollMeRight a{
background:url(images/go-right.png) 0 0 no-repeat;
}
#page .scrollMeRight a:hover{
background:url(images/go-right.png) 0 0 no-repeat;
}

/** FOOTER ***/

#page_footer{
width:900px;
margin:0 auto;
}
#page_footer h5{
padding:20px 90px;
font-size:28px;
letter-spacing:-2px;
font-weight:bold;
color:#000;
}
#page_footer p{
padding:0 70px 30px 70px;
font-size:13px;
color:#000;
line-height:1.5em;
}
#page_footer p a{
color:#fff;
}
#page_footer p a:hover{
text-decoration:underline;
}

#footer{
height:90px;
border-top:solid 1px #ff6600;
background:#ff6600 url(images/footer_bg.png) center top no-repeat;

font-size:11px;
}
#footer p{
width:900px;
overflow:hidden;
margin:0 auto;
color:#000;
}
#footer span{
display:block;
height:90px;
line-height:90px;
}
#footer .left{
float:left;
}
#footer .right{
float:right;
}
#footer a{
color:#fff;
}
#footer a:hover{
text-decoration:underline;
}

/** FANCY **/

div#fancy_overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
background-color:#333;
}

div#fancy_loading{
position:absolute;
height:40px;
width:40px;
cursor:pointer;
display:none;
overflow:hidden;
background:transparent;
z-index:100;
}

div#fancy_loading div{
position:absolute;
top:0;
left:0;
width:40px;
height:480px;
background:transparent url(images/fancy_progress.png) no-repeat;
}

div#fancy_close{
position:absolute;
top:-12px;
//left:-12px;
right:-12px;
height:30px;
width:30px;
background:transparent url(images/fancy_closebox.png) ;
cursor:pointer;
z-index:100;
display:none;
}

div#fancy_content{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:0; 
margin:0;
z-index:96;
}

#fancy_frame{
position:relative;
width:100%;
height:100%;
display:none;
}

img#fancy_img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0; 
padding:0; 
margin:0;
z-index:92;
cursor:pointer;
}

div#fancy_title{
position:absolute;
//bottom:-35px;
top: 10px;
left:0;
width:100%;
z-index:100;
display:none;
}

div#fancy_title table{
margin:0 auto;
}

div#fancy_title div{
color:#FFF;
font:bold 12px Arial;
padding-bottom:2px;
}

td#fancy_title_left{
height:32px;
width:15px;
background:transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main{
height:32px;
background:transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right{
height:32px;
width:15px;
background:transparent url(images/fancy_title_right.png) repeat-x;
}

div#fancy_outer{
position:absolute;
top:0;
left:0;
z-index:90;
padding:18px 18px 58px 18px;
margin:0;
overflow:hidden;
background:transparent;
display:none;
}

div#fancy_inner{
position:relative;
width:100%;
height:100%;
border:1px solid #fff;
background:#fff;
}

a#fancy_left, a#fancy_right{
position:absolute; 
bottom:10px; 
height:100%; 
width:35%; 
cursor:pointer;
background-image:url(images/data:image/gif;base64,AAAA);
z-index:100; 
}

a#fancy_left{
left:0px; 
}

a#fancy_right{
right:0px; 
}

a#fancy_left:hover{
background:transparent url(images/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover{
background:transparent url(images/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:10;
}

div#fancy_bg{
display:none;
}

div.fancy_bg{
position:absolute;
display:block;
z-index:70;
}

div.fancy_bg_n{
top:-18px;
width:100%;
height:18px;
background:transparent url(images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne{
top:-18px;
right:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e{
right:-13px;
height:100%;
width:13px;
background:transparent url(images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se{
bottom:-18px;
right:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s{
bottom:-18px;
width:100%;
height:18px;
background:transparent url(images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw{
bottom:-18px;
left:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w{
left:-13px;
height:100%;
width:13px;
background:transparent url(images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw{
top:-18px;
left:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_nw.png) no-repeat;
}
/** OTHER **/

div#warning {
background-color:#f60;
text-align:center;
}

#warning p.warning_txt {
color:#fff;
font-size:20px;
font-weight:bold;
text-transform: uppercase;
}

#warning p.warning_sub_txt {
color:#fff;
font-size:12px;
text-transform: uppercase;
}

/** CONTACT FORM  **/

#contactForm fieldset {
	font-size:15px;
	margin:1em 2em 2em 2em;
	padding:10px 15px;
	background:#ecedf3;
  margin-bottom: 10px;
}

#contactForm legend {
	display: none;
	font-size:28px;
	letter-spacing:-2px;
	color:#FF7113;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:30px;
	padding-bottom: 10px;
}

#contactForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
#contactForm fieldset ul {
	list-style-type: none;
  margin: 0;
  padding: 0;
}
#contactForm fieldset li {
  padding: 5px;
  margin: 0;
}
#contactForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#contactForm label {
  width: 120px; /* Width of labels */
}

#contactForm textarea, input[type="text"] {
	width: 300px;
}

#thanks {
	font-weight: bold;
  color: #000;
}

/*** POPUP BOXES **/
.inside_fancy {
padding: 50px 30px 10px 30px;
}

.inside_fancy ul li{
list-style:none;
background:transparent url(images/symbol2.gif) no-repeat scroll 0 8px;
line-height:25px;
padding:0 0 0 30px;
}