/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#111111 url(/siteimages/top-tail.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#242424;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#717171;}
a:hover{text-decoration:none;text-shadow: #999999 0 0 10px;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li { background:url(/siteimages/list-bg.gif) no-repeat 0 8px; padding-left:15px; line-height:2.083em;}

.link {background:url(/siteimages/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}

.imgindent {margin:0 20px 0 0; float:left;}

h2 {color:#1d1d1d; font-size:2em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin-bottom:15px;}
h3 {color:#6b8c01; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}

cite {font-style:normal;}

/* ============================= header ====================== */

.logo {margin:0 0 23px 48px;}
#header .border {border:1px solid #000000; background:url(/siteimages/header-bg2.jpg) no-repeat bottom left; height:310px;}
#header .borderiphone {border:1px solid #000000; background:url(/siteimages/header-bg3.jpg) no-repeat bottom left; height:310px;}
#header .borderiphonepush {border:1px solid #000000; background:url(/siteimages/header-bg_push.jpg) no-repeat bottom left; height:310px;}
#header .borderchrome {border:1px solid #000000; background:url(/siteimages/header-bg_chrome.jpg) no-repeat bottom left; height:310px;}
.menu {border-bottom:1px solid #000000; width:100%; overflow:hidden;text-shadow: #333333 0 -1px 1px;}
.menu li {float:left; width:145px; padding:0; text-align:center; background:url(/siteimages/menu-devider.gif) top right repeat-y; padding-right:2px;}
.menu li a {color:#d5d5d5; text-decoration:none; background:url(/siteimages/menu-tali.gif) top repeat-x; display:block; padding:5px 0 5px 0;}
.menu li a:hover {color:#ababab; background:url(/siteimages/menu-tali-active.gif) top repeat-x;text-shadow: #999999 0 0 10px;}
.menu .active a {color:#ababab; background:url(/siteimages/menu-tali-active.gif) top repeat-x;}
.menu .last {background:none; padding:0; width:139px;}

.slogan {margin:81px 0 0 85px;}

/* ============================= content ====================== */

.banners {border-bottom:1px solid #d5d5d5; background:#ececec url(/siteimages/banner-tail.gif) top repeat-x;}
.banner {width:407px; padding:23px 0 0 0; float:left;}
.banner .imgindent {margin-right:5px;}
.banners .links {color:#7f9500; padding:14px 0 0 0;}
.banners .links a {color:#7f9500; font-weight:bold;}
.banners .banner2 h3 {color:#d96100;}
.banners .banner2 .links {color:#d24d00;}
.banners .banner2 .links a {color:#d24d00;}

.line {background:url(/siteimages/banner-devider.gif) repeat-y 437px 0;}
.banner-pad {padding-right:32px;}

.indent {padding:33px 50px 33px 48px;}

.col-pad {padding-right:75px;}
.col-pad2 {padding-right:36px;}

.date {color:#858585; background:url(/siteimages/list-bg.gif) no-repeat 0 2px; padding-left:12px;}
.padding1 {padding-top:20px;}
.padding2 {padding-top:15px;}
.padding3 {padding-top:25px;}
.margin1 {margin-top:15px;}
.margin2 {margin-top:50px;}
.extra {overflow:hidden; zoom:1;}

/* ============================= footer ====================== */

#footer {color:#717171; padding:20px 79px 0 70px; text-shadow: #333333 0 1px 1px;}
#footer a {color:#efefef;}
.rss {float:right; margin:4px 0 0 7px;}
#footer .submenu {float:right;}
#footer .submenu li {display:inline; background:none; border-left:1px solid #a4a4a4; padding:0 8px 0 8px;}
#footer .submenu li a {color:#a4a4a4;}
#footer .submenu .first {border:none;}


/* ============================= forms ============================= */


#NewsletterForm .rowi {height:50px;}
.input {width:203px; height:21px; border:1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px; font-size:1em;}

#ContactForm {padding:0 22px 0 0;}
#ContactForm .rowi {height:26px;}
#ContactForm .input {width:221px; height:18px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; font-size:0.917em;}
textarea {width:221px; height:172px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}
#ContactForm .button {float:right; margin:30px 0 0 30px;}

#dosomething {
    margin-top: 20px;
    text-transform: lowercase; 
    width: 220px; 
    font: bold 13px/36px "Helvetica Neue", Helvetica, Arial, sans-serif; 
    background: url(/images/dosomething.png) no-repeat 0px 0px; 
    height: 41px; 
    color: #cccccc;
    text-align: center;
    text-shadow: #333333 0 -1px 1px;
}
#dosomething li {
    float: left;
}
#dosomething a {
    position: relative; 
    padding-bottom: 0px; 
    padding-left: 0px; 
    width: 220px; 
    top: -15px;
    padding-right: 0px; 
    background-repeat: no-repeat; 
    background-position: 9px 9px; 
    float: left; 
    color: #cccccc; 
    padding-top: 1px;
    text-decoration: none;
}
#dosomething a:hover {
    color: #ffffff; 
    text-decoration: none; 
    text-shadow: #999999 0 0 10px
}
#dosomething a:focus {
    color: #ffffff; 
    text-decoration: none;
    text-shadow: #999999 0 0 10px;
}
#dosomething a:active {
    padding-bottom: 2px;
    background-position: 9px 10px; 
    padding-top: 2px;
}

#requirements {
    border-bottom: #cccccc 1px dotted; 
    line-height: 16px; 
    margin-bottom: 20px; 
    color: #999999; 
    font-size: 11px;
    list-style-type: none;
    list-style-image: none;
    
}
#requirements img {
    float: right;
}
#requirements li {
    padding-bottom: 10px; 
    padding-left: 0px; 
    padding-right: 0px; 
    border-top: #cccccc 1px dotted; 
    padding-top: 10px;
    text-align:center;
    list-style-type: none;
    list-style-image: none;
    background: none;
}

#mainnavigation {
    margin: 0px auto; 
    width: 500px; 
    height: 90px;
}
.page #mainnavigation {
    padding-left: 240px;
    width: 460px;
}
#mainnavigation li {
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 20px;
    padding-top: 5px;
    width: 220px;
    background: url(/images/nav-seperator.png) no-repeat 222299px center;
    float: left;
}
li#nav-windows {
    padding-right: 0px;
}
li#nav-iphone {
    padding-right: 0px;
}
#mainnavigation a {
    position: relative;
    width: 220px;
    text-indent: 150%;
    display: block;
    background-repeat: no-repeat;
    background-position: right 0px;
    white-space: nowrap; 
    height: 80px;
    overflow: hidden; 
    opacity: .9; 
    -webkit-transition: all 0.15s ease-out;
}
#mainnavigation a:hover {
    opacity: 1; 
    -webkit-transition: none;
}
#mainnavigation a:focus {
    opacity: 1; 
    -webkit-transition: none;
}
#mainnavigation a:active {
    /*margin-top: 1px;*/
}
#nav-windows a {
    background-image: url(/images/nav-windows-title.png);
}
#nav-iphone a {
    background-image: url(/images/nav-iphone-title.png);
}
#mainnavigation a img {
    position: absolute; 
    top: 0px;
    left: 0px; 
    -webkit-transition: all 0.15s ease-out;
}
#mainnavigation a:hover img {
    -webkit-transform: scale(1.1);
}
#mainnavigation a:focus img {
    -webkit-transform: scale(1.1);
}
img.mainLogos:hover {
    -webkit-transform: scale(1.1);
}
img.mainLogos:focus {
    -webkit-transform: scale(1.1);
}
img.mainLogos {
    -webkit-transition: all 0.15s ease-out;
}