@charset "utf-8";
/* CSS Document */


.clear
{
            clear: both;
}

.clear:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a, img 
{
    outline: none;
    border: none;
       
}

body#spark a, a:hover, a:visited
{
    color: #585045;
    text-decoration: none;
}

body#spark a:hover
{
    text-decoration: none;
    color: #FF9933;
}

body#spark
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #f8f7f7;
    margin: 0;
    padding: 0;
    color: #585045;
    line-height: 16px;
}

body#spark h1
{
    font-family: 'Segoe UI';
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    color: #666666;
}

body#spark h2
{
    font-family: 'Segoe UI';
    font-size: 18px;
    color: #FFFFFF;
}

body#spark h3
{
   margin-top: 3px;
   margin-bottom: 0px;
   line-height: 18px;
}

body#spark .container
{
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/background.jpg");
    background-repeat: repeat-y;
}

body#spark .caption
{
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    margin-bottom: 10px;
}



body#spark .header
{
    width: 950px;
    height: 94px;
    float: left;
    margin-left: 13px;
    
    
}

body#spark .header .logo
{
    width: 296px;
    height: 92px;
    float: left;
    margin-left: 13px;
    -margin-left: 5px;
}

body#spark .header .ad
{
    width: 600px;
    height: 92px;
    float: right;

}


body#spark .splash

{ 
  width: 950px;
  height: 387px;
  background-image: url("images/splash-bg1.gif");
  margin-left: 13px;
  margin-top: 0px;
  padding: 0px;
}

body#spark .spark-box

{ 
  width: 231px;
  height: 357px;
  background-image: url("images/splash-box.gif");
  background-repeat: no-repeat;
  margin-left: 72px;
  margin-top: 30px;
  float: left;
}

body#spark .spark-logo

{ 
  width: 504px;
  height: 148px;
  background-image: url("images/splash-logo.gif");
  background-repeat: no-repeat;
  margin-top: 30px;
  float: left;
}

body#spark .spark-text
{
   color:#FFFFFF;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    height:105px;
    line-height:20px;
    margin-left:60px;   
    margin-top:55px;
    width:563px;
}

body#spark .box-wrap
{
    width: 950px;
    height: 222px;
    float: left;
    margin-left: 13px;
}

body#spark .splash-builder
{
    width: 237px;
    height: 222px;
    float: left;
    background-image: url("images/splash-builder.gif");
  background-repeat: no-repeat;
}

body#spark .splash-commerce
{
    width: 239px;
    height: 222px;
    float: left;
    background-image: url("images/splash-commerce.gif");
  background-repeat: no-repeat;
}

body#spark .splash-social
{
    width: 237px;
    height: 222px;
    float: left;
    background-image: url("images/splash-social.gif");
  background-repeat: no-repeat;
}

body#spark .splash-unity
{
    width: 237px;
    height: 222px;
    float: left;
    background-image: url("images/splash-unity.gif");
  background-repeat: no-repeat;
}

body#spark .builder-bg
{
    width: 950px;
    height: 168px;
    float: left;
    background-image: url("images/splash-builder-bg.jpg");
    background-repeat: no-repeat;
    margin-left: 13px;
}
 
body#spark .builder-text
{
    width: 750px;
    height: 168px;
    float: left;
}

body#spark .builder-text .content
{
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 15px;
}

body#spark .builder-click
{
    width: 125px;
    height: 46px;
    float: right;
    margin-top: 122px;
}

body#spark .commerce-bg
{
    width: 950px;
    height: 168px;
    float: left;
    background-image: url("images/splash-commerce-bg.jpg");
    background-repeat: no-repeat;
    margin-left: 13px;
}



body#spark .commerce-text
{
    width: 750px;
    height: 168px;
    float: left;

}

body#spark .commerce-text .content
{
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
     margin-top: 15px;
}


body#spark .commerce-click
{
    width: 125px;
    height: 46px;
    float: right;
    margin-top: 122px;
}

body#spark .social-bg
{
    width: 950px;
    height: 168px;
    float: left;
    background-image: url("images/splash-social-bg.jpg");
    background-repeat: no-repeat;
    margin-left: 13px;
}

body#spark .social-text
{
    width: 750px;
    height: 168px;
    float: left;
  }

body#spark .social-text .content
{
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 21px;
     margin-top: 15px;
}

body#spark .social-click
{
   width: 125px;
    height: 46px;
    float: right;
    margin-top: 122px;
}

body#spark .unity-bg
{
    width: 950px;
    height: 168px;
    float: left;
    background-image: url("images/splash-unity-bg.jpg");
    background-repeat: no-repeat;
    margin-left: 13px;
}

body#spark .unity-text
{
    width: 750px;
    height: 168px;
    float: left;
  
}

body#spark .unity-text .content
{
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
     margin-top: 15px;
}

body#spark .unity-click
{
    width: 125px;
    height: 46px;
    float: right;
    margin-top: 122px;
}

.menu ul
{
    list-style-type: none;
    list-style-position: inside;
    float: left;
}

.menu ul li
{
    float: left;
    width: auto;
   
 
}

.menu ul li a
{
    background-image: url('images/normal.gif');
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #666666;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 7px;
   padding-right: 10px;
}

.menu  ul li a:hover,
.menu ul li.current
{
    background-image: url('images/hover.gif');
    background-repeat: no-repeat;
}

body#spark .menu
{
    width: 950px;
    height: 20px;
    float: left;
    margin-left: 30px;
    margin-bottom: 10px;
  
}

#navlist

{
    margin: 0px;
    padding: 0px;
}



body#spark .flashbackground
{
    width: 950px;
    height: 336px;
    float: left;
    margin-left: 13px;
    -margin-left: 6px;
  }

body#spark .welcome
{
    width: 467px;
    height: 262px;
    margin-left: 18px;
    margin-top: 10px;
    float: left;
    background-image: url("images/welcome.gif");
    background-repeat: no-repeat;
    -margin-left: 8px;
   
}

body#spark .welcome .panel
{
    margin-top: 10px;
    margin-left: 7px; 
    margin-right: 7px;   
}

body#spark .welcome .caption
{
  margin-bottom: 0px;   
}

body#spark .welcome .content
{
  
    font-size: 11px;
    line-height: 14px;
}

body#spark .features .panel
{
    color: #fff;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    margin-top: 10px;
}

body#spark .features .caption
{
  margin-bottom: 0px;
   
}


body#spark .features
{
    width: 469px;
    height: 260px;
    background-image: url("images/features.gif");
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

body#spark .features a, a:hover, a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

body#spark .developers
{
    width: 304px;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

body#spark .developers a
{
    text-decoration: none;
    color: #585045;
}

body#spark .developers a:hover
{
    text-decoration: none;
    color: #FF9933;
}

body#spark .designers
{
    width: 304px;
    height: auto;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

body#spark .designers a
{
    text-decoration: none;
    color: #585045;
}

body#spark .designers a:hover
{
    text-decoration: none;
    color: #FF9933;
}

body#spark .market
{
    width: 304px;
    height: auto;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
}


body#spark .market a
{
    text-decoration: none;
    color: #585045;
}

body#spark .market a:hover
{
    text-decoration: none;
    color: #FF9933;
}

body#spark .leftwrap

{
    width: 660px;
    height: auto;
    margin-left: 18px;
    float:left;
    -margin-left: 8px;
    }

body#spark .platforms
{
    width: 660px;
    height: 410px;
    background-image: url("images/who-mid.gif");
    background-repeat: repeat-y;
    margin-top: 10px;

}
body#spark .platforms .panel
{
    height: auto;
    margin-left: 7px;
    margin-right: 7px;
}


body#spark .call-to-actions
{
    width: 660px;
    height: auto;
    color: #ffffff;
    
}

body#spark .call-to-actions .panel
{
    float: left;
    padding-top: 15px;
    padding-bottom: 14px;
   
}

body#spark .calltoaction
{
    width: 195px;
    height: 150px;
    margin-bottom: 10px;
    margin-left: 8px;
    cursor: pointer;
    float: left;
    -margin-right: 5px;
                -margin-bottom: 0px;
}
 
 
body#spark .calltoaction .calltoaction-title
{
    position: inherit;
    top: -85px;
    width: 200px;
    height: 20px;
    color: #666666;
    font-family: Arial;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    left: 3px;
    text-align: center;
  
}

body#spark .platforms-bottom
{
    width: 660px;
    height: 13px;
    background-image: url("images/who-bottom.gif");
    background-repeat: no-repeat;

}



body#spark .buttons
{
    width: 273px;
    height: 429px;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

body#spark .buttons .panel
{
    margin-bottom: 5px;
}

body#spark .footer-area
{
    width: 950px;
    height: auto;
    margin-left: 13px;
    background-color: #adadad;
    margin-top: 10px;
    float:left;
    -margin-left: 6.5px;
    -width: 951px;
}

body#spark .footer-area .panel
{
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 10px;
}


body#spark .bottom
{
    width: 988px;
    height: 12px;
    background-image: url("images/background-bottom.gif");
    background-repeat: no-repeat;
}

body#spark .footer-text
{
    width: 950px;
    height: auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
}

body#spark .w3c
{
    background-image: url(images/w3c.gif);
    height: 41px;
    width: 416px;
    float: left;
}



body#spark .footer-text .company-details
{
    width: 520px;
    height: auto;
   float: left;
}


body#spark .static
{
    width: 930px;
    height: 100px;
    margin-left: 23px;
    float: left;
    -margin-left: 11px;
}

body#spark .main-area
{
    width: 934px;
    height: auto;
    float: left;
    margin-left: 21px;
    margin-top: 10px;
    background-image: url(images/main-area-mid.gif);
    -margin-left: 11px;
    background-repeat: repeat-y;
   
}

body#spark .main-area .panel
{
    width: 880px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
 }
 
 body#spark .main-area-bottom
{
    width: 934px;
    height: 15px;
    float: left;
    background-image: url(images/main-area-bottom.gif);

 
   
}
 
body#spark .main-area-1
{
    width: 629px;
    height: auto;
    float: left;
    margin-left: 21px;
    margin-top: 10px;
    background-image: url(images/main-area-1-mid.gif);
    -margin-left: 11px;
    background-repeat: repeat-y;
    
}

body#spark .main-area-1-bottom
{
    width: 629px;
    height: 15px;
    float: left;
    background-image: url(images/main-area-1-bottom.gif);

    
}

body#spark .main-area-1 .panel
{
    width: 575px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
 }
 
body#spark .right-area
{
    width: 295px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
 }
 
 body#spark .right-area .panel
{
    width: 265px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 25px;
    padding-left: 10px;
    
 }
 
 body#spark .tlma
{
    width: 459px;
    height: auto;
    float: left;
    margin-left: 21px;
    margin-top: 10px;
    background-image: url(images/tlm-mid.gif);
    -margin-left: 11px;
    background-repeat: repeat-y;
    
     
 }
 
   body#spark .tlma-bottom
{
    width: 459px;
    height: 15px;
    float: left;
    background-image: url(images/tlm-bottom.gif);
    -background-repeat: repeat-y;
    
     
 }
 
 body#spark .tlma .panel
{
    width: 405px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
 }
 

 
  body#spark .tlmb
{
    width: 459px;
    height: auto;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    background-image: url(images/tlm-mid.gif);
    -margin-left: 11px;
    background-repeat: repeat-y;
   
 }
 
 body#spark .tlmb .panel
{
    width: 405px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
    
 }
 
   body#spark .tlmb-bottom
{
    width: 459px;
    height: 15px;
    float: left;
    background-image: url(images/tlm-bottom.gif);
 
    
     
 }
 
   body#spark .textleft
{
    width: 440px;
    height: auto;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    -margin-left: 11px;

   
 }
 
 body#spark .textleft .panel
{
    width: 405px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
    
 }
 
 
   body#spark .textright
{
    width: 440px;
    height: auto;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    -margin-left: 11px;

   
 }
 
 body#spark .textright .panel
{
    width: 405px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
    
 }


/*** footer-list ***/

#footer_list
{
   height: auto;
    text-align: left;
     padding-left: 30px;
    background-color: #bdb7aa;
    padding-top: 5px;
}

#footer_list ul   {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                line-height: 18px;
        list-style-type: none;
        padding: 0;
        margin: 0px;
                width: auto;

}
#footer_list  li    {
    margin-bottom: 1.2em;

                margin-bottom: 0.2em;
}
#footer_list li a {
                font-weight: bold;
                padding: 1px;
                text-decoration: none;
}
#footer_list li a:link, #footer_list li a:visited {
                text-decoration: none;
                color: #585045;
}
#footer_list li a:hover  {
                text-decoration: underline;
                color: #FF750B;
}
#footer_list li.current  a {
                color: #FF750B;
}
#footer_list li li a {
                text-decoration: none;
}
#footer_list li li a:link, #footer_list li li a:visited {
                text-decoration: none;
                color: #807a71;
        font-size: 10px;
}
#footer_list li li a:hover  {
                text-decoration: underline;
                color: #FF750B;
}
#footer_list li li.current  a {
                color: #FF750B;
}


#sitemapfooter li
{
    float: left;
                width: auto;
                padding-right: 10px;
   padding-bottom: 2em;

}
#sitemapfooter li.last
{
}
#sitemapfooter li li.first
{
    display: block;
}
#sitemapfooter li li
{
    float: none;
    padding-bottom: 0.0em;
}

#sitemaplink {
                float: left;
                margin-top: 10px;
                margin-right: 0px;
                margin-bottom: 0px;
}

.cleared {
                clear: both;
                height: 0px;
                margin: 0px;
                padding: 0px;
                width: 0px;
}

#footer #footer_list {
                padding-bottom: 3px;
}
    


/* --- latest news default styles */

ul.news-summary
{
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

ul.news-summary li div
{
	padding: 0;
	margin: 0;
    padding-bottom: 2px;
}

ul.news-summary li div div.news-thumb 
{
	float: left;
	margin-right: 5px;
}


ul.news-summary li div.title
{
	font-weight: bold;	
	line-height: 1em;
}

ul.news-summary li div.summary
{
	font-size: .9em;
}

ul.news-summary li a
{
	text-decoration: none;
	height: auto;
	line-height: normal;
}

ul.news-summary li a.readmore
{
	font-weight: bold;
    float: right;
}

ul.news-summary li a:hover
{
	text-decoration: underline;
}