/*FOTN IMPORT FOR ICON */
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* `BODY	
----------------------------------------------------------------------------------------------------*/

body {
        min-width: 960px; 
        background: #FFFFFF;       
        font-family: "Verdana",Calibri,Arial;
        font-size: 13px;
        color: #777777;
        letter-spacing: 0.015em;
        /*border-top: 6px #DEDEDE solid;*/
		padding-bottom:0;
}


/* `HEADER RIBBON LOGO
----------------------------------------------------------------------------------------------------*/

#ribbon {
        position: absolute;        
        width: 100%;        
        background-image: url('../img/shadow1.png');
        background-repeat: none;    
}        
#logo { 
        position: relative;
        float:left;
       /* padding: 30px 0 0 0;*/
        z-index: 10;
}
#call { 
        position: relative;
        float:right;
        /*padding: 40px 20px 0 0; */     
}


/* `MAIN DIV - CONTENT ETC
----------------------------------------------------------------------------------------------------*/
#main {
        position: relative;                  
}
.main_left { 
        width: 420px;
        float: left;         
        padding: 10px 20px 10px 0;                     
}
.main_right { 
        width: 500px;
        float: left; 
        padding: 10px 0;  
}
.main_right #slicer_space{
        width: 50px;
        padding: 0 10px;
}
.video {
        width: 445px;
        height: 293px;
        padding: 10px;
        margin: 15px 0 0 50px;
        background-image: url('../img/video_bg.png');
        background-repeat: none;
}
#bar, #footer {
        position: relative;       
        background-image: url('../img/shadow.png');
        background-repeat: no-repeat;
        /*padding: 25px 0 25px 0; */                
}
.content{
        position: relative;       
        background-image: url('../img/shadow1.png');
        background-repeat: no-repeat;
        padding: 25px 0 25px 0;   
}
#bar_wrapper, #footer_wrapper {
        background: #1c33a0;
		border-top-width:7px;
		border-bottom-width:0;
		padding-bottom:15px;
        border-top: 1px #132a97 solid;
        border-bottom: 1px #132a97 solid;   
}
#bar_wrapper #bar{
	padding-bottom:0px;
	padding-top:0px;
}
.subscribe_input {
        width: 400px;
        padding: 10px;
        *margin-top: 18px; /* --- IE7 FIX --*/
        color: #666666;
}
.subscribe, .social {
        float: left;       
}
.subscribe input[type="image"] {
        position: relative;
        top: 13px;
        *top: 2px; /* --- IE7 FIX --*/             
        left: 22px;       
}
.social {
        padding-left: 55px;       
}
ul.social_icons {
        margin: 20px 0; 
} 
ul.social_icons li {
        display: inline;
        padding: 0 5px;               
}
.para, .footer_info {
        width: 530px;
        float: left;
        
}
.three_column {
        min-height: 100px;
        border-left: 1px #DDDDDD solid;
}
.side_box {
        width: 390px;
        float: left;
        padding: 20px 0 20px 0;
}
ul.links li {
        display: inline;
        padding: 0 8px 0 5px;
        border-right: 1px #AAAAAA solid;        
}
ul.feature li {
        padding: 5px;
}
ul.feature li a {
        color: #666666;
}
.footer_info {      
        width: 700px;
        float: left;     
}
.footer_logo {
        width: 240px;
        float: right;       
}
.border_right {        
        border-right: 1px #DDDDDD solid;
}
.black {
        color: #000000;
}
.left {
        float:left;
}
.right {
        float:right;
}

/* `SIGN UP & TRIAL BUTTONS
----------------------------------------------------------------------------------------------------*/
.sign_up { 
        width: 195px;
        float: left;
        padding: 10px 10px 10px 0;
        margin: 20px 0;
        border: 1px #DDDDDD solid;        
        background: #FFFFFF;                          
}
.take_trial { 
        width: 195px;
        float: left;
        padding: 10px 10px 10px 5px;
        margin: 20px 0;       
        border-top: 1px #DDDDDD solid;
        border-right: 1px #DDDDDD solid;
        border-bottom: 1px #DDDDDD solid;
        background: #F9F9F9;                                       
}
.sign_up:hover {
        background: #F7FDFF;
        border-bottom: 1px #DDDDDD solid;
        border-left: 1px #DDDDDD solid;             
}
.take_trial:hover {
        background: #FBFFF3;
        border-bottom: 1px #DDDDDD solid;
        border-right: 1px #DDDDDD solid;             
}
.sign_up img, .take_trial img { 
        margin: 5px 0 0 22px;                         
}


/* `TYPOGRAPHY
----------------------------------------------------------------------------------------------------*/
h1 {
        margin: 20px 0;
        font-family: Calibri;
        font-size: 26px;
        color: #3AC5FF;        
        text-shadow: 0px 2px 3px #FFFFFF;             
}
#logo,
#logo a {
        /*margin: 20px 0;*/
        font-family: Verdena;
        font-size: 45px;
        font-style:italic;
        font-weight:bold;
		letter-spacing: -2px;
        color: #1c33a0;
		text-decoration:none;
}
h2 {
        margin-top: 5px; 
        font-family: Calibri;
        font-size: 20px;
        color: #555555;              
        text-shadow: 0px 2px 3px #FFFFFF;            
}
h3 {
        font-family: Calibri;
        font-size: 16px;
        color: #555555;        
        text-shadow: 0px 2px 3px #FFFFFF;            
}
.para h3 {
        margin: 10px 0; 
        font-family: Calibri;
        font-size: 16px;
        color: #555555;                 
        text-shadow: 0px 2px 3px #FFFFFF;            
}
h4 {
        margin: 0 0 15px 0; 
        font-family: Calibri;
        font-size: 14px;
        color: #555555;                       
        text-shadow: 0px 2px 3px #FFFFFF;            
}
.note {
        margin: 8px;
        font-family: Calibri;
        font-size: 10px;
        color: #888888;        
        line-height: 12px;                   
}
.note_condition {
        position: relative;
        top: -15px;
        *top: 0px; /* --- IE7 FIX --*/
        margin: 8px; 
        font-family: Calibri;
        font-size: 10px;
        color: #AAAAAA;                                     
}
p {
        font-family: Verdana;
        font-size: 13px;
        color: ##777777;
        line-height: 16px;
        text-shadow: 0px 1px 2px #FFFFFF;        
}
.footer_info p{
        font-family: Verdana;
        font-size: 11px;
        color: #FFFFFF;
        line-height: 16px;
        text-shadow: 0px 0.5px 11px #FFFFFF;
}

/*.footer_logo .logo{
	font: Verdena;
	font-size: 11px;
	font-style:italic;
	letter-spacing: -2px;
}*/
	

a { 
        color:#3AC5FF;
        text-decoration: underline;
}
a:hover { 
        color:#018ABB;
        text-decoration: none;  
}


/* `QUOTES CSS 
----------------------------------------------------------------------------------------------------*/

.quotes_icon {
        float: left;
        width: 40px;
        height: 33px;
        margin: 0 10px 0 0;
        background-image: url('../img/quotes.png');
        background-repeat: none;
}
.quotes {        
        font-family: Times new roman;
        font-size: 20px;
        font-style: oblique;
}
.commenter {
        font-family: Calibri;
        font-size: 12px;
}


/* `THUMB ZOOMER CSS 
----------------------------------------------------------------------------------------------------*/

.imggallery {
        margin: 0 0 0 -20px;
}
ul.thumb {
        float: left;
        width: 480px;
        list-style: none;               
}
ul.thumb li {
        position: relative;  /* Set the absolute positioning base coordinate */
        width: 100px;
        height: 100px;
        float: left;         
        margin: 10px 0 30px 20px;        
}
ul.thumb li img {
        position: absolute;
        left: 0; 
        top: 0;
        width: 100px; 
        height: 100px; /* Set the thumbnail size */
        padding: 10px;  
        -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
        border: 1px solid #DDDDDD;	
        background: #FFFFFF;          
}
ul.thumb li img.hover {
        background: url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
        border: none; /* Get rid of border on hover */
}

/*---------------------------FOOTER INFO----------------------------*/

.footer_info li{
        padding: 0 0 0 0;
}

.footer_logo .logo a{
       
        font-family: Verdena;
        font-size: 20px;
        font-style:italic;
        letter-spacing: -2px;
        color: #ffffff;
        text-decoration: none;
        text-shadow: 0px 0.5px 11px #FFFFFF;
}

/*-----------------------HEADER CONTACT----------------------*/
#call img{
        margin:0 5px;

}

#call li img{
        padding: 5px 0px 0px 0px;

}

/*-------------------- CSS EASY SLIDER ---------------------*/
.main_right #slider{}       
.main_right #slider ul, .main_right #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
.main_right #slider li{ 
        /* 
                define width and height of list item (slide)
                entire slider area will adjust according to the parameters provided here
        */ 
        width:500px;
        height:200px;
        overflow:hidden; 
        }       
/*#prevBtn, #nextBtn{ 
        display:block;
        width:30px;
        height:77px;
        position:absolute;
        left:-30px;
        top:71px;
        }       
#nextBtn{ 
        left:696px;
        } */                                                                                                              
/*#prevBtn a, #nextBtn a{  
        display:block;
        width:30px;
        height:77px;
        background:url(img/slider/btn_prev.gif) no-repeat 0 0;      
        }       
#nextBtn a{ 
        background:url(img/slider/btn_next.gif) no-repeat 0 0;      
        }   
*/    

.main_right #prevBtn a, .main_right  #nextBtn a{
        visibility:hidden;
}

.main_left a{
        float: right;
}

.content .data{
	float: right;
	width: 390px;
}

.data .da-icon{
	font-family: 'WebSymbolsRegular', cursive;
	color:rgb(197, 228, 244);
	font-size:45px;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.7);
	top: 0px;
	text-align:center;
}



.three_column .da1-icon{
	font-family: 'WebSymbolsRegular', cursive;
	color:rgb(197, 228, 244);
	font-size:50px;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.7);
	top: 0px;
	text-align:center;
	float:right;
}

.three_column .da1-icon-r{
	font-family: 'WebSymbolsRegular', cursive;
	color: #F00;
	font-size:50px;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.7);
	top: 0px;
	text-align:center;
	float:right;
}

#logo .da-icon-logo{
	font-family: 'WebSymbolsRegular', cursive;
	color: #3AC5FF;
	font-size:40px;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.7);
	top: 0px;
	text-align:center;
	font-style:normal;
	font-weight:normal;

}

.img img{
	float: none;
}

.img a figure img,
.img_c a figure img{
	padding: 3px;
	border:1px solid #3ac5ff;
	background: #fff;
	line-height:1px;
	margin-right: 3px;
	
}

.img_c img{
	float: left;
	}

.para li{
	padding:1px;
	
}

#alink_red a, 
#alink_red a h2{
	color: #F00;
	font-weight:bold;
	text-decoration: none;
}