/* CSS Document */
body{padding:0px; margin:0px; background:#2f2f2f; color:#FFF; font:10px/14px Tahoma, sans-serif; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

/* dotted border firefox fix */
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

a span {font-size:12px;color:white;}
a:hover span {}
a span.article{font-size:12px;color:#f9e243}
a:hover span.article{color:#58abdf;}

p a{color:#F9E243; font-weight:normal; text-decoration:none;}
p a:hover{color:#58abdf; text-decoration:none;}

p.bluetxt{font:10px/12px Tahoma, sans-serif; color:#608d93; font-weight:bold; margin-bottom:15px;}
p.yellowtxt{font:10px/12px Tahoma, sans-serif; color:#f6ed0c; font-weight:bold; text-align:right}
p.yellowtxt span{font-weight:normal;}

#topContainer{margin:0 auto; background:url(../images/b_top.jpg) top left repeat-x #232323;}
#bottomContainer{margin:0 auto; background:url(../images/b_bottom.jpg) top left repeat-x #2d2d2f;}

/* HEADER */

#header{height:61px; width:715px; margin: 0 auto; background:url(../images/b_blue.jpg) top repeat-x; position:relative;}
#logo{width:227px; height:46px; position:relative; top:15px; left:0; float:left}

#header ul {margin: 0 auto; position:absolute; top:22px; left:280px;}
#header ul li{float:left; margin-right: 11px;}

#header ul li.home a{width:35px; height:12px; margin-top:3px; display:block; background:url(../images/menu_default_home.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.home a:hover{width:35px; height:12px; background:url(../images/menu_hover_home.png) 0 0 no-repeat;text-indent:-20000px;}
#header ul li.home_selected a{width:35px; height:12px; margin-top:3px; display:block; background:url(../images/menu_hover_home.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.home_selected a:hover{width:35px; height:12px; background:url(../images/menu_hover_home.png) 0 0 no-repeat;text-indent:-20000px;}

#header ul li.walkthrough a{width:71px; height:15px; margin-top:3px; display:block; background:url(../images/menu_default_walkthrough.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.walkthrough a:hover{width:71px; height:15px; background:url(../images/menu_hover_walkthrough.png) 0 0 no-repeat;text-indent:-20000px;}
#header ul li.walkthrough_selected a{width:71px; height:15px; background:url(../images/menu_hover_walkthrough.png) 0 0 no-repeat;text-indent:-20000px;}
#header ul li.walkthrough_selected a:hover{width:71px; height:15px; background:url(../images/menu_hover_walkthrough.png) 0 0 no-repeat;text-indent:-20000px;}

#header ul li.screenimgs a{width:71px; height:12px; margin-top:3px; display:block; background:url(../images/menu_default_screenshots.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.screenimgs a:hover{width:71px; height:12px; background:url(../images/menu_hover_screenshots.png) 0 0 no-repeat;text-indent:-20000px;}
#header ul li.screenimgs_selected a{width:71px; height:12px; background:url(../images/menu_hover_screenshots.png) 0 0 no-repeat;text-indent:-20000px;}

#header ul li.press a{width:32px; height:12px; margin-top:3px; display:block; background:url(../images/menu_default_press.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.press a:hover{width:32px; height:12px; background:url(../images/menu_hover_press.png) 0 0 no-repeat;text-indent:-20000px;}
#header ul li.press_selected a{width:32px; height:12px; background:url(../images/menu_hover_press.png) 0 0 no-repeat;text-indent:-20000px;}

#header ul li.desktop a{width:48px; height:15px; margin-top:3px; display:block; background:url(../images/menu_default_desktop.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.desktop a:hover{width:48px; height:15px; background:url(../images/menu_hover_desktop.png) 0 0 no-repeat;text-indent:-20000px;}
#header ul li.desktop_selected a{width:48px; height:15px; background:url(../images/menu_hover_desktop.png) 0 0 no-repeat; text-indent:-20000px;}

#header ul li.faq a{width:34px; height:12px; margin-top:3px; display:block; background:url(../images/menu_default_faq.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.faq a:hover{width:34px; height:12px; background:url(../images/menu_hover_faq.png) 0 0 no-repeat;text-indent:-20000px;}
#header ul li.faq_selected a{width:34px; height:12px; background:url(../images/menu_hover_faq.png) 0 0 no-repeat;text-indent:-20000px;}


/*
#header ul li.downloads a{width:69px; height:12px; margin-top:3px; display:block; background:url(../images/iPad_default.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.downloads a:hover{width:69px; height:12px; background:url(../images/iPad_hover.png) 0 0 no-repeat;}
#header ul li.contact a{width:46px; height:12px; margin-top:3px; display:block; background:url(../images/menu_default_contact.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.contact a:hover{width:46px; height:12px; background:url(../images/menu_hover_contact.png) 0 0 no-repeat;}
*/
#header ul li.bullet{width:4px; height:20px; background:url(../images/bullet.gif) 0 11px no-repeat;}

/* MAINIMG */

#mainimg{height:311px; width:723px; margin: 0 auto; background:url(../images/main_img_2.jpg) 0 0 no-repeat; position:relative;}

#presentation{width:300px; height:15px; position:absolute; top:27px; left:5px;}
#presentation a{text-decoration:none;font-style:oblique;font-size:12px;color:#f9e243;}
/* #presentation a:hover{color:#58abdf;} */
#presentation a:hover{color:#cc8f46;}
#presentation span{text-decoration:none;font-style:oblique;font-size:12px;color:#fff;}


#call{width:158px; height:63px; position:absolute; top:30px; left:150px;}

/* CONTENT */

#download {
	padding-top: 10px;
}

#download a{
}

#content{width:715px; margin: 0 auto; background-color: #2d2d2f; padding-bottom:5px;}

#leftPan{width:216px; float:left; margin-top:26px;}

#news{width:197px; padding-left:19px}
#news h2{width:99px; height:20px; background:url(../images/h_news.gif) 0 0 no-repeat; padding-bottom:12px;}
#news ul {width:193px; border-bottom:#353535 1px solid; padding-left:4px }
#news ul li {width:172px; padding-left: 21px; background:url(../images/bullet2.gif) 1px 4px no-repeat; padding-bottom:18px }
#news ul li p span{color:#0fbec1}

#testimonials{width:216px;}
#testimonials h2{width:99px; height:20px; background:url(../images/h_testimonials.gif) 0 0 no-repeat; padding: 0 0 11px 0; margin:21px 0 0 19px}
#testimonials h3{width:112px; height:159px; background:url(../images/img_testimonials.gif) 0 0 no-repeat; float:left; margin:0}
#testimonials p.bluetxt{margin-top: 20px}
#testimonials p.yellowtxt{margin: 10px 5px 0 0}

.screenHeader{font-size:14px; color:#f9e243;margin:0 0 5px 0;}
.screenHeader a{text-decoration: none;color:#f9e243}
.screenHeader a:hover{color:#58abdf;}
.screenHeader_selected a{font-size:14px;text-decoration: none;color:#58abdf}
.screenHeader_selected a:hover{color:#58abdf}

.screenDescription{font-size:12px; color:#ff;margin:0 0 10px 0;width:620px;}
.screenDescription p {margin: 15px 0px}
.screenDescription ul{list-style-position: outside;}
.screenDescription li{list-style-type: disc;margin:2px 0 0 15px;}
.screenDescription a{text-decoration: none;color:#f9e243}
.screenDescription a:hover{color:#58abdf;}
.desktopLinks a{text-decoration: none;color:#f9e243}
.desktopLinks a:hover{color:#58abdf;}
.screenshots .desktopLinks a img {margin:0 0 0 5px;padding:0;}

.pressHeader{font-size:14px; color:#f9e243;margin:0 0 5px 0;padding:0 0 20px 0;}
.presscontent{margin:26px 45px 25px 45px;padding:0 0 0 165px;}
.presscontent ul li{padding:35px 0 35px 0;border-bottom:1px solid #efefef;width:300px;}
.presscontent a{font-size:12px;text-decoration: none;color:#f9e243}
.presscontent a:hover{color:#58abdf;}

.sshot_bg {
	/* background:url(../images/sshot_bg.png) repeat-y;	*/
	width:620px}

.screenshots{margin:26px 0 0 45px;}
.screenshots img{margin:20px 0px 20px 70px;border-bottom:1px solid #efefef;}
.clientshots img{margin:20px 0px 20px 70px;border-bottom:none;}
.howtobox img{margin:20px 0px 20px 0px;border-bottom:none;}

#welcome{border-bottom:#353535 1px solid;}
#welcome h2{width:191px; height:20px;}
#welcome img{width:32px; height:48px; border: #252525 3px solid; float:left; margin: 15px 10px 0 6px}
#welcome p.bluetxt{margin-top: 10px; margin-bottom:10px;}
#welcome p {margin-bottom: 30px;}

#services h2{width:96px; height:20px; background:url(../images/h_services.gif) 0 0 no-repeat; padding: 0 0 15px 0; margin:21px 0 0 0}

#services ul {width:210px; margin-left:3px; float:left; }
#services ul li{height:20px; width:200px}
#services ul li a{font:10px/20px Tahoma, sans-serif; color:#939393; font-weight:normal; text-decoration:none; background:url(../images/arrow.gif) 0 6px no-repeat; padding: 0 0 0 16px; display:block;}
#services ul li a:hover{text-decoration:underline; color:#fff;}

/* FOOTER */

#footer{height:80px; width:715px; margin: 0 auto; background:url(../images/b_blue.jpg) bottom repeat-x; position:relative;}
#footer p{padding: 25px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#f9e243; text-decoration:none; padding: 0 2px }
#footer p a:hover{color:#000; background:#FFFFFF;}
.sponsor {
	margin: auto;
	width: 728px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
}
.sponsor img {
	margin-top: 5px;
}

/* SLIMBOX 2 */


.boxgrid{ 
width: 300px; 
height: 180px; 
margin:10px 0; 
float:left;
background:#292929;
border: solid 2px #8399AF; 
overflow: hidden; 
position: relative; 
}

.boxgrid h3 {
	margin:5px 5px;
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 .captionfull .boxcaption {
 	top: 260;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 220;
 	left: 0;
 }