/* colours 

orange	#f4922f
back	#828487
menu	#611733

*/

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none;}

img, div, h1, a, ul, li, h2, h3, p { behavior: url(javascripts/iepngfix.htc) }
/*body { behavior: url(javascripts/csshover3.htc);}*/

a {cursor: pointer;}
body {font-family: Georgia, serif; font: normal 100%; color: #FFF; background: #392b1d url(images/bg.png);}
a:link { color: #f4922f; text-decoration:none; }
a:visited { color: #f4922f; text-decoration:none; }
a:hover { color: #ffffff; text-decoration: none; }
a:active { color: #f4922f; text-decoration:none; }
#container {background: url(images/header_spring.jpg) center top no-repeat; min-width: 944px; min-height: 494px;}
#header {width: 944px; margin: 0 auto; position: relative; height: 378px;}
#header h1 a {display: block; width: 944px; height: 294px; float: left;	position: absolute; text-indent: -9999px;}
#content {width: 944px; overflow: hidden; margin: 0 auto;}
#navcontainer { margin: 0 auto; display:block; height:102px; padding-left:28px; background-image: url(images/nav_left.png); background-position: 38px 0px; background-repeat:no-repeat; _background-position: 0px 0px; _margin-left:28px; _padding-left:0px;}
ul#nav { margin-left:38px; _margin-left:38px; }
ul#nav li {display:block; float:left; background:transparent url(images/nav_bit.png) no-repeat top right;}
ul#nav li#contact {display:block; float:left; background:transparent url(images/nav_right.png) no-repeat top right;}
ul#nav li a {display:block; outline:none; width:auto; height:49px; text-indent:-9999px;}
ul#nav li#news a {background:transparent url(images/nav_news.png) no-repeat 0 0; width: 146px; _background:url(images/nav_news_ie6.jpg) no-repeat 0 0;}
ul#nav li#news a:hover {background:transparent url(images/nav_news.png) no-repeat 0 -49px; _background:url(images/nav_news_ie6.jpg) no-repeat 0 -49px;}
ul#nav li#about a {background:transparent url(images/nav_about.png) no-repeat 0 0; width: 161px; _background:url(images/nav_about_ie6.jpg) no-repeat 0 0;}
ul#nav li#about a:hover {background:transparent url(images/nav_about.png) no-repeat 0 -49px; _background:url(images/nav_about_ie6.jpg) no-repeat 0 -49px;}
ul#nav li#projects a {background:transparent url(images/nav_projects.png) no-repeat 0 0; width: 193px; _background:url(images/nav_projects_ie6.jpg) no-repeat 0 0;}
ul#nav li#projects a:hover {background:transparent url(images/nav_projects.png) no-repeat 0 -49px; _background:url(images/nav_projects_ie6.jpg) no-repeat 0 -49px;}
ul#nav li#goodies a {background:transparent url(images/nav_goodies.png) no-repeat 0 0; width: 183px; _background:url(images/nav_goodies_ie6.jpg) no-repeat 0 0;}
ul#nav li#goodies a:hover {background:transparent url(images/nav_goodies.png) no-repeat 0 -49px; _background:url(images/nav_goodies_ie6.jpg) no-repeat 0 -49px;}
ul#nav li#contact a {background:transparent url(images/nav_contact.png) no-repeat 0 0; width: 161px; _background:url(images/nav_contact_ie6.jpg) no-repeat 0 0;}
ul#nav li#contact a:hover {background:transparent url(images/nav_contact.png) no-repeat 0 -49px; _background:url(images/nav_contact_ie6.jpg) no-repeat 0 -49px;}
#main {float:left; display:block; width:944px; margin-bottom: 64px;}
#main .article {float:left; display:block; width:944px;}
#main .article .left_image {float:left; display: block; width:384px; height:480px; clear:both;}
#main .article .left {float:left; display: block; width:384px; height:auto;}
#main .article .iphonevideo {float:left; display: block; width:312px; height:420px; background-image: url(images/iphoneframe.jpg); padding: 60px 0 0 72px;}
#main .article .appstore_button {float:left; display:block; width:162px; height:56px; background-image: url(images/appstore.png); text-indent:-9999px; clear:both; margin:32px 0 0 108px; _margin:32px 0 0 54px;}

#main .article .smallprint h3 {font-size: 28px; margin:8px 0 0px 96px;}
#main .article .smallprint ul {float:left; display: block; width:224px; background-color: black; padding: 16px; margin: 8px 0 0 64px; _margin: 16px 0 0 32px;}
#main .article .smallprint li {display: block; font-size:0.845em; font-weight: normal; color: #FFF; text-align: left;}
#main .article .smallprint {float:left; display: block; width:384px; height:auto;}

#main .article .right_description {float:left; display:block; width:544px; height:auto; margin-left: 16px;}
#main .article .right_description h1 {display: block; float:left; width: 544px; height: auto; margin-top: 16px; font-size: 38px; font-family: "Helvetica Neue"; font-weight: condensed;}
#main .article .right_description h1 a {color:white;}
#main .article .right_description h4 {float:left; width:100%; height: auto; font-size:0.845em; font-weight: normal; font-style: italic; text-align: right; color: #FFF; margin-top:8px;}
#main .article .right_description h3 {font-size: 30px; margin:8px 0 8px 0;}
#main .article .right_description h2.intro {float:left; width:100%; height: auto; font-size:25px; margin: 16px 0; border-top: solid 1px; border-top-color: #FFF; padding-top: 16px;}
#main .article .right_description p {float:left; width:100%; height:auto; font-size: 1em; font-weight: normal; margin: 0 0 1em 0;}
#main .article .right_description .keyfeatures {float:left; width:544px; height: auto; min-height:209px; background: url(images/keyfeatures_features.png) 0px 49px no-repeat; _padding-bottom:16px;}
#main .article .right_description .facemakr {float:left; width:544px; height: auto; min-height:209px; background: url(images/keyfeatures_facemakr.png) 0px 49px no-repeat; _padding-bottom:16px;}
#main .article .right_description .keyfeatures h3 {float:left; display: block; width:100%; text-align: center; clear:both; font size:18px;}
#main .article .right_description .keyfeatures ul {float:left; display: block; margin: 8px 0 8px 218px; _margin: 4px 0 4px 109px; *padding-bottom:8px; _padding-bottom:0;}
#main .article .right_description .keyfeatures li {font-size:1.125em; line-height: 1.8em; color: #FFF:}
#main .article .right_description .screenshots {float:left; width:544px; height: auto; min-height:200px;}
#main .article .right_description .screenshots h3 {float:left; display: block; width:544px; height: 35px; background: url(images/screenshots.png) center top no-repeat; text-indent: -9999px; clear:both; margin: 32px 0 16px 0;}
#main .article .right_description .screenshots img {float:left; margin: 0 16px 32px 16px;}
#main .article .right_description .appstore_button {float:left; display:block; width:162px; height:56px; background-image: url(images/appstore.png); text-indent:-9999px;  margin:0px 16px 0 0px; _margin:0px 16px 0 0px;}
#main .article .right_description p.fb-like {float:right; display:block;}
/* #main .article .right_description .black {display:block; float:left; width:100%; height:auto; background: #2D2016;} */

#main .article .right_description a.more-link {float:right; display:block; width:117px; height:36px; margin:8px 32px; text-indent: -9999px; background-image: url(images/readmore.gif); background-repeat: no-repeat;}
#main .article .right_description a:hover.more-link {float:right; display:block; width:117px; height:36px; margin:8px 32px; text-indent: -9999px; background-image: url(images/readmore_over.gif); background-repeat: no-repeat;}

#main #contact_page form, #main #contact_page #subForm {float:left; display:block; width:510px height:auto; margin:16px; padding:32px 0 32px 0; background:black; text-align: center;}
#main #contact_page form label {font-size: 1.625em;}
#main #contact_page form input  {margin:0 0 0 16px; width:240px; height:1.2em;}
#main #contact_page form .required {display: none; visibility: hidden;}
#main #contact_page form .fmtextwide {width:400px; margin:8px 0 0 0; padding:8px;}
#main #contact_page form .fmtextlblwide {font-size: 1em; }
#main #contact_page form select#fm_subject.fmselect {margin-left: 16px;}
#main #contact_page form .fmverify {width:104px; margin: 0 16px 0 16px;}
#main #contact_page .fieldwrap img {float:right; margin:2px 64px 0 0;}
#main #contact_page form submit {width: 100px;}
#main #facebook {float:left; display:block; background: white; margin:32px 16px 32px 0;}
#main #twitter {float:left; display:block; margin:32px 0px 32px 0;}

#main .article .ends {float:left; display:block; clear:both; width:944px; height:30px; *height:62px; background-image: url(images/hr.png); background-repeat: no-repeat; margin: 16px 0 16px 0;}
#main .article .thefold {clear: both; display: block; float:left; width:944; height:auto; border-top: solid 1px; border-top-color: #FFF; padding: 24px 0 64px 0; margin:24px 0 0 0;}

#main .products {display: block; float:left; width:784px; height:auto; margin: 32px 80px; _margin: 32px 40px; _width:804px;}
#main .products .product_left {display: block; float:left; width:240px; height:auto; background-image: url(images/bird-nest.jpg); background-repeat: no-repeat; text-align: center;}
#main .products .product {display: block; float:left; width:240px; height:auto; background-image: url(images/bird-nest.jpg); background-repeat: no-repeat; text-align: center; margin: 0 32px; _margin:0 16px 0 16px;}
#main .products .product_right {display: block; float:left; width:240px; height:auto; background-image: url(images/bird-nest.jpg); background-repeat: no-repeat; text-align: center;}
#main .products a.product_Facemakr {display: block; float:left; width:172px; height:172px; background-image: url(../../images/icon_facemakr.png); background-repeat: no-repeat; text-indent:-9999px; margin: 22px 34px 22px 34px; _margin: 22px 17px 22px 17px;}
#main .products a:hover.product_Facemakr {display: block; float:left; width:172px; height:172px; background-image: url(../../images/icon_facemakr.png); background-repeat: no-repeat; text-indent:-9999px; margin: 8px 34px 36px 34px;  _margin: 8px 17px 36px 17px;}
#main .products a.product_FacemakrHD {display: block; float:left; width:172px; height:172px; background-image: url(../../images/icon_facemakrhd.png); background-repeat: no-repeat; text-indent:-9999px; margin: 22px 34px 22px 34px; _margin: 22px 17px 22px 17px;}
#main .products a:hover.product_FacemakrHD {display: block; float:left; width:172px; height:172px; background-image: url(../../images/icon_facemakrhd.png); background-repeat: no-repeat; text-indent:-9999px; margin: 8px 34px 36px 34px;  _margin: 8px 17px 36px 17px;}
#main .products h2 {font-size: 30px; margin:8px 0 8px 0;}
#main .products p {font-size: 0.8125em; font-weight: normal; color:white; padding-bottom: 1em;}
#main .products p.releasedate {font-size: 0.8125em; font-weight:normal; font-style: italic;}
#main .products .noproduct {display: block; float:left; width:172px; height:172px; background-repeat: no-repeat; text-indent:-9999px; margin: 22px 34px 22px 34px;}

#main .goodies-wallpaper {display: block; float:left; width:840px; height:auto; margin: 16px 52px; }
#main .goodies-wallpaper h2 {display: block; float:left; width:840px; text-align: center; height:auto; margin: 0 0 16px 0; font-size: 24px; }
#main .goodies-wallpaper .wallpaper {display: block; float:left; width:256px; height:auto; margin: 0px 12px 64px 12px;}
#main .goodies-wallpaper .wallpaper .download-buttons {display: block; float:left; width:224px; height:auto; margin: 16px 16px 0px 16px;}
#main .goodies-wallpaper .wallpaper h3 {text-align: center; display: block; float:left; width:224px; height:auto; margin: 16px 16px 0px 16px; font-size: 24px; }
#main .goodies-wallpaper .wallpaper .button-iphone {float:left; display:block; width:104px; height:40px; background-image: url(images/button_iphone.png); text-indent:-9999px; margin:0 16px 16px 0}
#main .goodies-wallpaper .wallpaper .button-old {float:left; display:block; width:104px; height:40px; background-image: url(images/button_43.png); text-indent:-9999px; margin:0 0 16px 0}
#main .goodies-wallpaper .wallpaper .button-ipad {float:left; display:block; width:104px; height:40px; background-image: url(images/button_ipad.png); text-indent:-9999px; margin:0 16px 0 0}
#main .goodies-wallpaper .wallpaper .button-wide {float:left; display:block; width:104px; height:40px; background-image: url(images/button_169.png); text-indent:-9999px; margin:0}

#footer_container {float:left; display:block; width:100%; background-image: url(images/footer_frame.jpg); background-repeat: repeat-x; background-position: center bottom; height:171px; *margin:128px 0 0 0;}
#footer { float:left; display:block; text-align: center; width:100%; background-color: #000; background-repeat: repeat; height:115px; font-size: 0.75em; }
#footer a.footerlogo {display: block; margin: 16px auto 8px auto; width: 234px; height: 36px; text-indent: -9999px; background-image: url(images/footerlogo.png);}