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

body{margin:none; margin-left:5px; margin-right:5px; padding:none; background-color:white; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img{border:none; padding:none; margin:none;}
fieldset{border:none; padding:0px; margin:0px; padding-top:10px;}

/* Standard styles used in conjunction with other styles */
.std_shadow{-moz-box-shadow: 0 0 4px #acacac; -webkit-box-shadow: 0 0 4px #acacac; box-shadow: 0 0 4px #acacac;}
.std_box{background-color:#CCC; background-image:url("../images/global/std_box.png"); background-repeat:repeat-x;
		border:1px solid #CCC; -moz-border-radius:6px; -webkit-border-radius:6px; padding:2px;}
.std_box_input{background-color:#white; border:1px solid #CCC; -moz-border-radius:6px; -webkit-border-radius:6px; background-image:url("../images/global/std_input.png"); background-repeat:repeat-x;
			font-size:12px; color:#999; padding:4px;}
.std_white_box{background-color:white; border:1px solid #CCC; -moz-border-radius:6px; -webkit-border-radius:6px}
.std_clickable{cursor:pointer;}
.std_margin_fix{margin:0px; margin-left:0px; margin-right:0px;}

/* Header Styles */
.header_wrapper{z-index:0; position:relative; top:0px; left:0px; width:100%; height:80px;}
.header{z-index:1; position:relative; top:0px; left:0px; width:980px; height:80px; margin-left:auto; margin-right:auto;}
	.header_left{z-index:2; position:absolute; top:18px; left:0px; width:420px; height:50px;}
		.header_subscribe_box{z-index:3; position:relative; top:2px; left:0px; width:420px; height:27px; text-align:right;}
		.header_subscribe_input{z-index:3; position:absolute; top:2px; left:2px; width:320px;}
		.header_subscribe_submit{z-index:3; position:absolute; top:7px; right:15px; font-size:14px; color:#666; cursor:pointer;}
	.header_right{z-index:2; position:absolute; bottom:13px; right:0px;}

/* Navigation Styles */
.navigation_wrapper{z-index:0; position:relative; top:0px; left:0px; width:100%; height:40px;}
.navigation{z-index:1; position:relative; top:0px; left:0px; width:980px; height:40px; margin-left:auto; margin-right:auto;}
.navigation_left{z-index:2; position:absolute; top:0px; left:0px; width:530px; height:27px;}
.navigation_right{z-index:2; position:absolute; top:0px; right:0px; width:430px; height:27px;}
.navigation_subscribe_input{z-index:3; position:relative; top:0px; left:2px; width:340px; float:left;}
.navigation_subscribe_submit{z-index:3; position:relative; top:5px; right:20px; font-size:14px; float:right; color:#666; cursor:pointer;}

.footer{z-index:0; position:relative; top:0px; left:0px; width:100%; height:150px; color:#333333;}
	.footer_wrapper{z-index:1; position:relative; top:10px; left:0px; width:980px; height:200px; margin-left:auto; margin-right:auto;}
	.footer_header{font-family:arial,sans-serif,monospace; font-size:18px; padding-bottom:10px;}
	.footer_website{position:absolute; top:0px; left:0px; }
	.footer_social{position:absolute; top:0px; left:130px;}
	.footer_support{position:absolute; top:0px; left:260px;}
	.footer_logo{position:absolute; top:0px; right:0px; width:350px; text-align:right; font-size:10px;}

a:link{color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}
a:active{color:#666; text-decoration:none;}	

.content_wrapper{z-index:0; position:relative; top:0px; left:0px; width:100%; height:auto; overflow:auto; overflow-x:hidden;}
.content{z-index:1; position:relative; top:0px; left:0px; width:980px; height:auto; margin-left:auto; margin-right:auto;}
.sidebar{z-index:1; position:relative; top:0px; left:0px; width:190px; height:100%; float:left; padding-bottom:50px;}
.sidebar_section_header{z-index:2; position:relative; top:0px; left:0px; margin-bottom:5px; margin-top:13px; padding-bottom:2px; 
				border-width:0px; border-bottom-width:1px; border-color:#CCC; border-style:solid; font-size:16px;}

.sidebar_link{padding-bottom:5px;}
.text_main_header{z-index:1; position:relative; top:0px; left:0px; width:780px; margin-left:200px; height:32px; margin-bottom:5px; margin-top:10px; padding-bottom:2px; 
				border-width:0px; border-bottom-width:1px; border-color:#CCC; border-style:solid; font-size:24px;}


.text_full_header{z-index:1; position:relative; top:0px; left:0px; width:960px; height:32px; margin-bottom:5px; margin-top:10px; padding-bottom:2px; 
			border-width:0px; border-bottom-width:1px; border-color:#CCC; border-style:solid; font-size:24px;}

/* Footer Styles */

/* -------------- Page Specific Styles Start Here ---------------- */
.home_wrapper{z-index:0; position:relative; top:0px; left:0px; width:100%; height:475px;}
.home{z-index:1; position:relative; top:0px; left:0px; width:980px; height:475px; margin-left:auto; margin-right:auto;}
.home_banner_wrapper{z-index:2; position:relative; top:0px; left:0px; width:980px; height:260px; margin-bottom:5px; background-color:white}
.home_banner{z-index:0; position:absolute; top:-1px; left:-1px; width:980px; height:260px; }
	.home_banner_box{z-index:3; position:absolute; bottom:10px; left:0px; width:980px; height:20px;}
		.home_banner_item{z-index:4; position:relative; top:0px; left:0px; height:14px; width:116px; padding:2px; margin-right:9px; margin-left:9px; float:left;
		background-color:white; -moz-border-radius:6px; -webkit-border-radius:6px; cursor:pointer; border:1px solid #CCC; text-align:center;}


.home_ad_wrapper{z-index:2; position:relative; top:0px; left:0px; width:980px; height:100px; text-align:right;}
	.home_ad{z-index:3; position:relative; top:0px; left:0px; width:241px; height:100px; margin-right:17px; float:left; }
	img.social{padding-bottom:3px;}
	
.software_list_box{
			z-index:4; position:relative; margin-bottom:10px; font-size:10px; margin-left:200px;
			border-width:0px; border-bottom-width:1px; border-color:#CCC; border-style:solid;
			background-image:url("../images/global/portfolio_background.png"); background-repeat:repeat-x;
			width:780px; height:75px;}
			
software_list_box_last{border:none;}
	
	img.software_list_icon{z-index:5; position:absolute; top:4px; left:4px; height:60px; width:60px; }
	.software_list_content{z-index:5; position:absolute; top:4px; left:90px; width:540px;}
	img.software_list_itunes{z-index:5; position:absolute; bottom:10px; right:4px; width:100px;}
	.software_list_price{z-index:5; position:absolute; top:4px; right:4px; width:150px; text-align:right; font-size:18px;}
	.software_list_header{font-size:17px; padding-bottom:2px;}
	.software_list_body{font-size:10px; line-height:12px;}
	
.software_wrapper{z-index:4; position:relative; top:0px; left:0px; width:780px; padding-bottom:100px; overflow:auto; overflow-x:hidden; float:right;}
.software_left{z-index:4; position:relative; top:0px; left:0px; width:130px; text-align:center; float:left;}
	img.software_icon{z-index:5; position:relative; top:0px; left:0px; height:114px; width:114px; }
	img.software_itunes{z-index:5; position:relative; top:0px; left:0px; padding-top:10px;}
	.software_price{z-index:5; position:relative; top:0px; left:0px; width:130px; font-size:18px; padding-top:10px;}
.software_right{position:relative; top:0px; left:0px; width:625px; float:right;}
.software_box_wrappper{position:relative; top:0px; left:0px; width:780px; height:auto; overflow:auto; overflow-x:hidden;}
.software_screenshots{position:relative; top:0px; left:0px; width:780px; height:auto; display:block;}

	
.article_wrapper{z-index:4; position:relative; top:0px; left:0px; width:780px; padding-bottom:100px; float:right;}
.article_subheader{z-index:2; position:relative; top:0px; left:0px; margin-bottom:5px; margin-top:30px; padding-bottom:2px;
				border-width:0px; border-bottom-width:1px; border-color:#CCC; border-style:solid; font-size:16px;}
	
.drop_cat{background-color:#666; color:white; font-weight:bold;}

	
.field_wrapper{z-index:3; position:relative; top:0px; left:0px; margin-bottom:5px; height:24px; width:550px;}
.field_wrapper_form{z-index:3; position:relative; top:0px; left:0px; margin-bottom:5px; height:200px; width:300px;}
	.field_lbl{z-index:4; position:absolute; top:0px; left:0px; padding-top:5px; padding-bottom:5px; height:16px; width:175px;}
	.field_input{z-index:4; position:absolute; top:0px; right:0px; padding:4px; height:16px; width:325px; border-width:1px; border-color:#999; border-style:solid; background-image:url("../images/global/std_input.png"); background-repeat:repeat-x;}
	.field_drop{z-index:4; width:250px; position:absolute; top:0px; right:0px;}
		.field_area{z-index:4; position:absolute; top:0px; right:115px; padding:4px; height:16px; width:25px; border-width:1px; border-color:#999; border-style:solid; text-align:center; background-image:url("../images/global/std_input.png"); background-repeat:repeat-x;}
		.field_access{z-index:4; position:absolute; top:0px; right:70px; padding:4px; height:16px; width:25px; border-width:1px; border-color:#999; border-style:solid; text-align:center; background-image:url("../images/global/std_input.png"); background-repeat:repeat-x;}
		.field_local{z-index:4; position:absolute; top:0px; right:0px; padding:4px; height:16px; width:50px; border-width:1px; border-color:#999; border-style:solid; text-align:center; background-image:url("../images/global/std_input.png"); background-repeat:repeat-x;}
		.field_info{z-index:4; position:absolute; top:28px; left:0px; padding:4px; height:150px; width:540px; border-width:1px; border-color:#999; border-style:solid; background-image:url("../images/global/std_input.png"); background-repeat:repeat-x;}
		
/* --------------- Application Bar Styles ----------------------*/
.app_bar{position:relative; top:0px; left:0px; z-index:1; background-image:url('../images/home/appbar/background.png'); background-repeat:repeat-x; margin-left:auto; margin-right:auto; margin-top:8px; 
width:980px; height:90px; background-color:white; border:1px solid #CCC; overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px;}
		
	#app_bar_navi_left{position:absolute; top:-1px; left:-1px; z-index:10; width:50px; height:90px; background-color:white; border:1px solid #CCC; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px;}
	#app_bar_navi_right{position:absolute; top:-1px; right:-1px; z-index:10; width:50px; height:90px; background-color:white; border:1px solid #CCC; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px;}
		
#app_bar_wrapper{position:absolute; top:0px; z-index:0; height:90px; overflow:hidden;}
.app_bar_item{float:left; width:90px; height:85px; cursor:pointer; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; padding-right:11px; padding-left:8px; line-height:10px;}
img.app_bar_icon{height:46px; width:46px; padding-left:24px; padding-right:24px; padding-top:8px; padding-bottom:3px;}

/* --------------- Screenshot Bar Styles ----------------------*/
.screenshot_bar{position:relative; top:0px; left:0px; z-index:1; background-repeat:repeat-x; margin-left:auto; margin-right:auto; margin-top:8px; 
width:780px; height:160px; background-color:white; border:1px solid #CCC; overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px;}
		
	#screenshot_bar_navi_left{position:absolute; top:-1px; left:-1px; z-index:10; width:50px; height:160px; background-color:white; border:1px solid #CCC; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px;}
	#screenshot_bar_navi_right{position:absolute; top:-1px; right:-1px; z-index:10; width:50px; height:160px; background-color:white; border:1px solid #CCC; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px;}
		
#screenshot_bar_wrapper{position:absolute; top:0px; z-index:0; height:160px; overflow:hidden;}
.screenshot_bar_item{float:left; width:210px; height:150px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin-top:5px; margin-right:8px; margin-left:8px; line-height:10px;
	background-color:#CCC; -moz-border-radius:15px; -webkit-border-radius:15px;
}
img.screenshot_bar_image_v{height:135px; width:90px;  border:1px solid #999; margin-top:5px;}
img.screenshot_bar_image_h{height:120px; width:180px;  border:1px solid #999; margin-top:13px;}







.order_form_wrapper{z-index:5; position:relative; top:0px; left:20px; width:940px; height:850px;}
.order_checkout_wrapper{z-index:5; position:relative; top:0px; left:20px; width:940px; height:750px;}
.order_success_wrapper{z-index:5; position:relative; top:0px; left:20px; width:940px; height:650px;}
.order_error_wrapper{z-index:5; position:relative; top:0px; left:20px; width:940px; height:100px;}	
		
		.order_1{position:absolute; top:0px; left:0px; width:300px;}
			.order_product{position:relative; top:0px; left:0px; height:150px; margin-bottom:10px; background-repeat:no-repeat; border-width:1px; border-color:#CCC; border-style:solid;}
			.order_product_qty{position:absolute; width:85px; top:40px; right:15px; text-align:center;}
			
		.order_2{position:absolute; top:0px; left:320px; width:300px;}
		.order_3{position:absolute; top:0px; right:0px; width:300px;}
		
		.order_item{z-index:3; position:relative; left:0px; top:0px; padding-bottom:10px; padding-top:4px;}
		.order_check{z-index:3; position:absolute; top:0px; left:0px; height:23px; width:23px; background-color:#999; }
		.order_subheader{z-index:2; font-size:16px; border-width:0px; border-bottom-width:1px; border-bottom-color:#CCC; border-style:solid; padding-top:8px;}
		
.order_wrapper{z-index:5; position:relative; top:0px; left:0px; width:940px; height:940px; color:black;}
.order_verify_wrapper{z-index:5; position:relative; top:0px; left:0px; width:940px; height:500px; color:black;}
		.order_left{width:350px; position:absolute; top:0px; left:0px; color:black;}
		.order_right{width:350px; position:absolute; top:0px; right:0px; color:black;}
		.order_contact{width:940px; position:absolute; top:660px; height:100px; color:black;}
			.order_contact_phone{z-index:7; position:absolute; top:35px; left:0px; color:black;}
			.order_contact_email{z-index:7; position:absolute; top:35px; left:200px;}
			.order_contact_verify{z-index:7; position:absolute; right:0px; top:35px; text-align:right;}
			.order_same_check{z-index:7; position:absolute; right:0px; top:10px;}

		.order_padding{z-index:7; margin-bottom:2px; margin-top:5px; position:relative; top:0px; left:0px;}
		.order_input{z-index:7; position:relative; top:0px; left:0px; padding:2px; border-width:1px; border-style:solid; border-color:#666666; background-color:white;}
		.order_input_disabled{z-index:7; position:relative; top:0px; left:0px; padding:2px; border-width:1px; border-style:solid; border-color:#666666; background-color:#CCCCCC;}
		.order_input_verify{z-index:7; color:#333; font-weight:bold; position:relative; top:0px; left:0px; padding:2px; border-width:0px; background-color:transparent;}
		.order_privacy{z-index:7; overflow:auto; position:relative; top:0px; left:0px; padding:2px; border-width:1px; border-style:solid; border-color:#666666; background-color:white;}	
		
		.verify_wrapper{z-index:5; position:relative; top:0px; left:0px; width:940px; height:400px;}
		.verify_right{z-index:6; width:300px; position:absolute; top:20px; right:0px;}
		
.cart_minor_box{position:relative; width:294px; padding:3px; border-width:1px; border-style:solid; border-color:#666666; background-color:white; text-align:center; margin-bottom:10px;}
.cart_subtotal_box{position:relative; width:294px; padding:3px; border-width:1px; border-style:solid; border-color:#666666; background-color:white; text-align:center; margin-bottom:10px;}
.cart_txtbox{width:50px; border-width:1px; border-style:solid; border-color:#666666; background-color:white; text-align:center;}
img.item_box_cart{width:50px; height:59px; border-width:1px; border-style:solid; border-color:#666666;}

.info{z-index:1; position:relative; top:0px; left:0px; width:940px; height:250px;}
.info_bill{z-index:2; position:absolute; left:0px; bottom:0px; width:150px; height:250px; border-width:0px; border-right-width:1px; border-style:solid; border-color:#999;}
.info_ship{z-index:2; position:absolute; left:160px; bottom:0px; width:150px; height:250px; border-width:0px; border-right-width:1px; border-style:solid; border-color:#999;}
.info_contact{z-index:2; position:absolute; left:320px; bottom:0px; width:180px; height:250px; border-width:0px; border-right-width:1px; border-style:solid; border-color:#999;}
.info_other{z-index:2; position:absolute; right:0px; bottom:0px; width:180px; height:250px; padding-right:5px;}

.wrapper{z-index:0; position:relative; top:0px; left:0px; width:940px; margin-right:auto; margin-left:auto;}

.products{z-index:1; position:relative; top:0px; left:0px; width:940px; margin-top:20px; border-width:0px; border-top-width:1px; border-style:solid; border-color:#999;}
.products_header{z-index:2; position:relative; top:0px; left:0px; width:940px; height:40px; font-weight:bold; border-width:0px; border-bottom-width:1px; border-style:solid; border-color:#999;}
	.products_header_num{z-index:3; position:absolute; top:25px; left:0px; width:100px; height:15px;}
	.products_header_desc{z-index:3; position:absolute; top:25px; left:100px; width:440px; height:15px;}
	.products_header_price{z-index:3; position:absolute; top:25px; left:540px; width:100px; height:15px;}
	.products_header_qty{z-index:3; position:absolute; top:25px; right:0px; width:100px; height:15px;}

.products_wrapper{z-index:2; position:relative; top:0px; left:0px; width:940px; height:21px; border-width:0px; border-bottom-width:1px; border-style:solid; border-color:#999;}
	.products_num{z-index:3; position:absolute; top:3px; left:0px; width:100px; height:15px; border-width:0px; border-right-width:1px; border-style:solid; border-color:#999; text-align:center;}
	.products_desc{z-index:3; position:absolute; top:3px; left:100px; width:440px; height:15px;border-width:0px; border-right-width:1px; border-style:solid; border-color:#999;}
	.products_price{z-index:3; position:absolute; top:3px; left:540px; width:100px; height:15px; border-width:0px; border-right-width:1px; border-style:solid; border-color:#999; text-align:center;}
	.products_qty{z-index:3; position:absolute; top:3px; right:0px; width:100px; height:15px; text-align:center;}
	
.totals{z-index:1; position:relative; top:0px; left:0px; width:940px; margin-top:20px; border-width:0px; border-top-width:1px; border-style:solid; border-color:#999;}
.price_label{z-index:2; position:relative; top:0px; left:440px; width:200px;}	
	.price{z-index:3; position:absolute; top:0px; right:0px; width:100px;}
.space{z-index:2; position:relative; top:0px; left:0px; height:30px;}



/* Drop Menu */
#nav{
	font-family:arial,sans-serif,monospace;
	position:relative;
	top:6px;
	left:-1px;
	width:550px;
	text-align:center;
	list-style:none;
	margin:0 auto;
	padding:0;
	list-style:none;
	font-size:13px;
}
#nav li a{
	text-decoration:none;
	color:#666666;
	top:10px;
	padding:5px;
    padding-right:23px;

}
#nav li a:hover{
	color:black;
}
#nav li{
 	position:relative;
 	display:inline;
	margin:0;
	padding:0;
}

/* Lightbox Screenshot Gallery */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/global/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/global/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }