/* CSS Document */
/********************************
ArtGirlDesign.com
Main Style Sheet
Templates A, B, C

Version 1.0
March 2, 2006
updated: February 24, 2011

Copyright 2006-2011. All Rights Reserved. 
Original design by: ArtGirl
Web production/programming/design, etc. Product 9 DESIGN. 
http://www.product9.com  
********************************/

/**************TAGS*************/
body {margin:0; padding:0; color:#000000; font-family:"HelveticaNeueLT Std", "Helvetica 55 Roman", Helvetica, Arial, Geneva, Verdana, sans-serif; 
font-size:100.01%; margin:0 auto;}

p, td, ol, ul, li, h1, h2, h3, h4 {margin:0; padding:0; border:0;}

p, li  {font-size:0.76em;}
h1 {font-size:1.0em;}
h2 {font-size:.9em;}
h3 {font-size:.82em;}

img {border:0; padding:0;}

/**************LAYOUT************/

/*-----PAGE --------------------*/
#page_wrapper {margin:0 auto; width:780px; border:#000000 solid 8px; height:660px;}
#page_wrapper_extras {margin:0 auto; width:780px; border:#000000 solid 8px; height:auto;}

/*-----HEADER ------------------*/
#header {height:67px;}
	#header_border {height:17px; background:#000000 url('../images/global/border_t.gif') repeat-x; border-bottom:solid #000000 2px;}
	.header, .header2 {height:50px; background-color:#009DDC; text-align:center;}
	.header img {padding-top:15px;}
	h1.header {color:#FFF; padding:15px 0 0 0; font-size:16px;}
	h1.header2 {color:#FFF; padding:6px 0 0 0; font-size:16px;}

/*-----BODY/CONTENT -------------*/
#content_wrapper {height:575px; background-color:#FFFFFF;}

/*----------sidebar (left) ------*/
#sidebar_wrapper {height:575px; margin-right:530px;  background-color:#FEBE10; border-right:solid #000000 3px;}
	.sidebar_artgirl {padding:20px 0 20px 45px;}
	
	#nav {width:225px; } /*height:297px;*/
	.nav_item {padding:0 0 0 15px;}
		
	#sidebar_footer {height:170px; }
	
	/*---sidebar global ----*/
	 /*.sidebar_btns { margin:0 0 0 7px;}height:120px;*/
	.sidebar_btns { margin:0 0 0 7px; position:relative;}
		#btn_home {width:75px; position:absolute; top:72px; left:5px; overflow:visible; float:left;}
		/*#btn_email {width:160px; height:1%; position:relative; top:5px; left:73px; overflow:visible; float:left;}*/
		#btn_email { width:175px; height:130px; position:absolute; top:8px; left:145px; overflow:visible; float:left; }
		.doubleagents #btn_email { width:175px; height:1%; position:absolute; top:12px; left:92px; overflow:visible; float:left; }
	
	/*---sidebar home ----*/
	.sidebar_whamo {padding:30px 0 0 35px;}
	.sidebar_portfolio {padding:5px 0 0 35px;}
	.sidebar_foot_txt {text-align:center; padding:15px 0 0 0;}

/*----------content (right) ------*/
#content {width:530px; height:575px; float:right;}
.content {position:relative;}
.title {text-align:center; padding:17px 0 0px 0;}
.subtxt {text-align:center; padding:5px 0 25px 0;}
h2.subtxt { color:#F00; padding:12px 0 6px 0; }
.subtxt em {color:#00549E; font-style:normal;}
h3.txt1 {margin:0 0 15px 30px;}
.subtxt a {color:#00549E; text-decoration:none;}

#footer-bug {position:absolute; top:510px; left:446px; }
#footer-txt { position:absolute; top:551px; left:0px; width:445px; height:17px; }
#footer-txt2 { position:absolute; top:533px; left:1px; width:445px; height:17px; }
#footer-txt h4, #footer-txt2 h4 { font-size:12px; text-align:center; }
	
	/*---------general text-----*/
	.txt_main {padding:0 0 25px 20px;}
	.txt1 { margin:0 0 15px 23px; padding:0; font-size:14px; line-height:18px; }
	.txt_footer_main {padding:50px 0 0 30px;}
	.center {text-align:center;}
	.em1 {color:#F00;}
	.em2 {color:#00549E;}
	.em3 {color:#000;}
	.em4 {color:#009DDC;}
	.nodec {text-decoration:none;}
	.str1 {font-weight:bold;}
	.h216 {font-size:16px;}
	.h218 {font-size:18px;}
	.caps {text-transform:uppercase;}
	.scootr {padding-left:30px;}
	.frstp {padding-top:10px;}
	
	
	.txt_footer {padding:50px 0 0 0; margin:0 auto; width:400px;}
	.burst {overflow:visible; float:left; position:relative; top:10px; left:445px;}
	
	/*---------10 facebook ----------*/
	.content_facebook { position:relative;}
	.list-blue-star {list-style:url(../images/content/facebook/bullet-blue.gif); margin-left:50px; padding:0 0 0 0; font-size:19px; line-height:22px;}
	.list-blue-star li {padding:0 0 5px 0;}
	.facebook #content { background:url(../images/content/facebook/wow.png) bottom right no-repeat;}
	.footer-facebook { position:absolute; top:550px; left:11px; }
	
	.social-media {}
	.content_social-media {position:relative;}
	.social-media #content { background:url(../images/content/facebook/bkg_facebook.gif) bottom right no-repeat;}
	.footer-social-media { position:absolute; top:550px; left:11px; }
	
	#artgirl_facebook2 { position: absolute; width:46px; top:396px; left:91px; height: 46px; }
		#artgirl_facebook2 a {width:46px; height: 46px; background:url(../images/content/home/facebook.gif) top left no-repeat; display:block; text-decoration:none;}
		#artgirl_facebook2 a:hover {background:url(../images/content/home/facebook_over.gif) top left no-repeat; }
	#artgirl_twitter2 { position: absolute; width:46px; top:397px; left:169px; height: 46px; }
	#artgirl_facebook_like2 { position:absolute; width:50px; top:449px; left:90px; height:27px; }
	
	/*---------00 home----------*/
	.content_home { background:url('../images/content/home/content_home_2.gif') no-repeat; height:575px; width:530px; background-position:0 12px; position:relative; }
	.content_home2 { background:url('../images/content/home/content_home_3.gif') no-repeat; height:575px; width:530px; background-position:0 12px; position:relative; }
	#btn_speedy {width:250px; height:204px; position:relative; top:210px; left:255px;}
	#email-artgirl { position: absolute; width:114px; top:551px; left:106px; height: 22px; }
	#artgirl_facebook { position: absolute; width:46px; top:433px; left:18px; height: 46px; }
		#artgirl_facebook a {width:46px; height: 46px; background:url(../images/content/home/facebook.gif) top left no-repeat; display:block; text-decoration:none;}
		#artgirl_facebook a:hover {background:url(../images/content/home/facebook_over.gif) top left no-repeat; }
	#artgirl_twitter { position: absolute; width:46px; top:379px; left:18px; height: 46px; }
	#artgirl_facebook_like { position:absolute; width:50px; top:488px; left:17px; height:27px; }
	#artgirl_pick-up-that-phone { position:absolute; width:219px; top:520px; left:300px; height:51px; }
	#artgirl_facebook_superpower {position:absolute; width:232px; top:484px; left:288px; height:78px;}
	#artgirl_social-media { position:absolute; width:232px; top:418px; left:291px; height:78px; }
	#home-right { width:229px; height:234px; position:absolute; top:173px; left:297px; }
	#home-right p {font-size:.85em; padding:0 0 8px 0; line-height:1.3em;}
	#home-right h4 {font-size:.8em; padding:4px 0 0 0; line-height:1.3em; color:#F00;}
	#home-right h2 { font-size:0.85em; padding:0 0 6px 0; margin:0; line-height:1.3em; text-align:left; text-transform:uppercase; }
	
	
	/*---------01 mighty----------*/
	.mightymortal .content {width:100%; position:relative;}
	.content_mighty {width:100%; position:relative;}
	.subtxt_mighty {padding:10px 0 20px 60px;}
	#btn_mighty {width:125px; height:1%; position:relative; top:10px; left:350px; overflow:visible;}
	.txt_mighty {padding:0 0 25px 20px;}
	.txt_mighty_2 {padding:0 0 25px 20px;}
	.txt_mighty_cntr {text-align:center; padding:0 0 20px 0;}
	.txt_footer_mighty {padding:50px 75px 0 0; margin:0 auto;}
	#mighty_clickme { position:absolute; top:133px; left:393px; width:125px; height: 125px; }
	.mighty-footer {padding:45px 0 0 75px;}
	
	
	/*---------02 secret----------*/
	.content_secret {width:100%;}
	#txt_footer_secret {margin:50px 75px 0 10px; padding:0; text-align:left; width:380px;}
	#burst_secret {overflow:visible; float:left; position:relative; top:15px; left:445px;}
	.tbl_secret { text-align:left; margin:15px 0 0 50px; padding:0 0 0 50px; }
	.txt_secret { padding:10px 0 3px 0; margin:0; font-weight:bold; line-height:22px; text-transform:uppercase; font-size:13px; }
	
	/*---------03 portfolio-------*/
	.btn_portfolio_new {padding:25px 0 0 95px;}
	.btn_port_new_box { position:absolute; top:410px; left:111px; width:155px; height: 167px; text-align:center;}
	.portfolio_storm {padding:0 0 0 13px;}
	.portfolio_nav_item {padding:0 0 10px 0; text-align:center;}
	.txt_portfolio {text-decoration:none; font-size:15px; text-transform:uppercase; color:#000; font-weight:bold; padding:0 0 10px 0; line-height:14px;}
	#box_portfolio_list { position:absolute; text-align:left; width:225px; top:170px; left:300px;  }
	#box_portfolio_list h3 {padding:0 0 10px 0; }
	.portfolio h4 {font-size:13px;}
	

	/*---------04 superpowers-----*/
	.nav_powers_item {margin:0 0 0 23%; padding:0 0 11px 0;}
	.txt-superpowers {padding:32px 0 0 0;}
	
	/*---------05 doubleagent-----*/
	.txt_agent {padding:11px 0 35px 20px;}
	.doubleagents .content {}
	
	.doubleagent_list {font-size:14px; line-height:15px;}
	.doubleagent_list li { list-style-image:url(../images/global/bullet-blue.gif);}
	#da_list_1 { position:absolute; width:157px; top:162px; left:40px; }
	#da_list_2 { position:absolute; width:145px; top:162px; left:215px; }
	#da_list_3 { position:absolute; width:149px; top:162px; left:376px; }
	.doubleagents h2.subtxt { margin:0 0 4px 0; padding:0; line-height:17px; }
	.doubleagents h3.txt1 { margin:0 0 4px 23px; padding:0; line-height:17px; }
	
	/*---------06 hq-------------*/
	.content_hq {background:url('../images/content/hq/bkg_hq.gif') no-repeat 0 150px; height:575px; width:100%;}
	/*.headquarters .content {background:url('../images/content/hq/bkg_hq.gif') no-repeat 0 150px; height:575px; width:100%;}*/
	.txt_hq {text-align:center; padding:10px 0 10px 0;}
	.txt_hq2 {text-align:center; padding:10px 0 10px 0;}
	.txt_hq3 { padding:12px 0 0 0; text-align:left; }
	
	/*---------08 dog-------------*/
	.content_dog {background:url('../images/content/dog/bkg_dog.gif') no-repeat 0 120px; height:575px; width:100%;}
	.designdog .content {background:url('../images/content/dog/bkg_dog.gif') no-repeat 0 120px; height:575px; width:100%;}
	.txt_dog {padding:20px 0 0 250px;}
	.txt_dog_2 {padding:55px 0 0 295px;}
	h2.txt_dog_sub {color:#F00; font-size:19px; text-transform:uppercase; text-align:center; padding:0 0 0 35px; margin:0;}
	.btn_dog {padding:20px 0 10px 380px;}
	#btn_dog { position:absolute; left:458px; top:20px; width:48px; height:56px; }
	#ddog_fb { position:absolute; left:438px; top:431px; width:48px; height:56px; }
	#ddog_tweet { position:absolute; left:279px; top:430px; width:48px; height:56px; }
	
	
	/*---------09 comic-----------*/
	.content_comic {width:100%;}
	.nav_comic {padding:20px 0 5px 0;}
	.nav_comic_item {margin:0 0 0 23%; padding:0 0 11px 0;}
	.btn_comic {margin:0 0 0 58%; padding:0 0 5px 0;}
	.subtxt_comic {text-align:center; padding:10px 0 25px 0;}

/*-----EXTRAS --------------------*/
	#header_extras {height:20px;}
	#content_wrapper_extras {height:auto; background-color:#FFFFFF;}
		#content_extras {width:100%;}

/*extraordinary - secret agent talk */
	.header_extraord {text-align:center; margin:0; padding:25px 0 40px 0; overflow:visible;}
	.extraordinary {padding:0 0 20px 25px;}
	.extraordinary_close {padding:0 15px 15px 0; text-align:right; margin:-15px 0 0 0; overflow:visible;}

/*undercover cards*/ 
	#undercover {background-image:url(../images/content/powers/undercover_cards.gif); background-repeat:no-repeat; width:725px; height:726px;}
	#undercover_close {text-align:right; padding:25px 25px 0 0;}

/*addl superheros*/
	#header_superheros {text-align:center; margin:0; padding:25px 0 40px 50px; overflow:visible;}
	#superheros_close {padding:15px 15px 0 0; text-align:right; margin:-15px 0 0 0; overflow:visible;}
	.superheros {padding:0 0 20px 25px;}
	.superheros_thanks {float:right; padding:0 20px 0 0; margin:-10px 0 0 0;  overflow:visible;}
	#btn_close {float:right; padding:0 20px 0 0; margin:15px 0 0 0; overflow:visible;}


/*-----FOOTER --------------------*/
#footer {padding:0;}
	#footer_border {height:17px; background:#000000 url('../images/global/border_b.gif') repeat-x; border-top:solid #000000 2px;}
	#txt_footer {padding:15px; text-align:left;}
	#txt_footer p { font-size:11px; line-height:15px; padding:0 0 4px 0;}
	#txt_footer a { text-decoration:none; color:#000; text-transform:uppercase; font-weight:bold;}



/* PAGE ELEMENTS */

.bam {width:1px; height:1%; position:relative; top:10px; left:440px; overflow:visible; float:left;}
.zap {width:1px; height:1%; position:relative; top:10px; left:45px; overflow:visible; float:left;}