body { /*background: url('../images/background.jpg'); background-color:#000000;*/background:#A2A1A1; color:#ffffff;/*font-family:Arial, Helvetica, sans-serif */ font-family:Arial,Helvetica,sans-serif;background-attachment:fixed;}
#wrapper { margin: 0 auto; width:950px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease; }
h1, h2, h3 , h4 { text-transform:uppercase; font-family: 'Annie Use Your Telescope', cursive !important;font-weight:700;}
a { text-decoration:none; }
img { border: 0px; }
.white { color: #ffffff; }
.clear { clear:both; }
.image { vertical-align:middle; }
.small { height:16px; }
.left { float: left; }
.right { float: right; }
.myfont { border:2px solid #1f82a9;background-color:#000000;padding-left:3px;width:95px;float:left;margin-right:2px;font-family:"Cursive",Comic Sans MS;font-size:18px;font-weight:bold; }
div.errordiv{background-color:#f9acc3;border: 1px solid;border-color: #d4d4d4;width: 100%;font-weight:bold; font-size: 12px;color:red;margin-bottom:5px;margin-left:5px;}
div.correctdiv{background-color:#e5eecc;border: 1px solid;border-color: #d4d4d4;width: 100%;font-weight:bold;font-size: 12px;color:#676666;margin-bottom:5px;margin-left:5px;}

.newbtn{
		border:0 !important;color:#fff !important;background:#005daa;font-size:16px;font-weight:700;margin:10px;z-index:50;vertical-align:middle;font-family:Arial, Helvetica, sans-serif !important;text-shadow:0 1px 1px #000;
		cursor:pointer;padding:7px 12px 6px;text-decoration:none !important;text-align:center;display:inline-block;line-height:20px;outline:none;
		-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;
		-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;
		-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;
		-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3) !important;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3) !important;}
		.newbtn:hover,.newbtn:focus{background:#0069BF;}
		.newbtn:active,.newbtn.selected{background:#003C6D;
			-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5) !important;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5) !important;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5) !important;}
		.newbtn.mini{font-size:12px;padding:3px 8px 4px;margin:0;line-height:15px;}
		.newbtn.tiny{font-size:10px;padding:1px 5px 2px;margin:0;line-height:12px;}
		.newbtn.block{display:block !important;font-size:21px;line-height:24px;margin:0 0 10px !important;padding:10px 12px;}
			.newbtn.block span{display:block;font-size:16px;line-height:18px;margin:0 !important;padding:0;}
		.newbtn.miniblock{display:block;font-size:13px;padding:4px 8px;margin:0 0 10px !important;}
			.newbtn.miniblock span{display:block;font-size:11px;line-height:13px;margin:0 !important;padding:0;}
		.newbtn.selected{opacity:0.4;pointer-events:none;cursor:default;}
		
		.newbtn.undone,.newbtn.orange{background:#ED751A;color:#fff !important;border:1px solid #6D340C !important;}
			.newbtn.undone:hover,.newbtn.undone:focus,.newbtn.orange:hover,.newbtn.orange:focus{background:#FF8C3F;}
			.newbtn.undone:active,.newbtn.undone:active,.newbtn.orangeselected,.newbtn.orangeselected{background:#A85012;}
			
		.newbtn.rss{background:#DB8206;color:#fff !important;border:1px solid #7C4803 !important;}
			.newbtn.rss:hover,.newbtn.rss:focus{background:#FF9A07;}
			.newbtn.rss:active,.newbtn.rss.selected{background:#BA6B05;}
			
		.newbtn.lite{background:#CECCCC;color:#4D4D4D !important;border:1px solid #787878 !important;text-shadow:0 1px 1px #fff;}
			.newbtn.lite:hover,.newbtn.lite:focus{background:#E8E8E8;}
			.newbtn.lite:active,.newbtn.lite.selected{background:#89A9BF;}
			
		.newbtn.green{background:#54B948;color:#fff !important;border:1px solid #2D6326 !important;}
			.newbtn.green:hover,.newbtn.green:focus{background:#5CC94E;}
			.newbtn.green:active,.newbtn.green.selected{background:#45963A;}
			
		.newbtn.gold{background:#B58A20;color:#fff !important;border:1px solid #5B4610 !important;}
			.newbtn.gold:hover,.newbtn.gold:focus{background:#CA9E24;}
			.newbtn.gold:active,.newbtn.gold.selected{background:#9E7B1C;}
			
		.newbtn.dark{background:#222;border:1px solid #111 !important;}
			.newbtn.dark:hover,.newbtn.dark:focus{background:#444;}
			.newbtn.dark:active,.newbtn.dark.selected{background:#111;}
			
		.newbtn.purple{background:#6f3488;}
			.newbtn.purple:hover{background:#b780ce;}
		.newbtn.litepurp{background:#b780ce;}
			.newbtn.litepurp:hover{background:#e3cbed;}
		.newbtn.headside{position:relative;float:right;}
			.newbtn.headside.mini{top:10px;}
			.newbtn.headside.tiny{top:8px;}
			.newbtn.headside.extrabump{margin-top:25px;}
			.newbtn.headside.smallbump{margin-top:8px;}
			.newbtn.headside.pullup{margin-top:-7px;}

/**header**/
/*#header { border-bottom: 1px solid #ffffff; }*/
/*#logo { float:left; }*/
#header {margin-top:25px; }
#logo h1 { text-transform:uppercase; font-family: 'Annie Use Your Telescope', cursive !important;font-weight:700;font-size:72px;line-height:56px; }
#logo .cc { font-size:92px;color:#fff;background:#FFB85C;padding:40px 30px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;vertical-align:middle;float:left;margin-right:15px;margin-top:-10px; }
#logo .studio { width:320px; }
#logo .studio .studioline { letter-spacing:30px; }
#topnav { /*text-align:right;float:right;*/text-align:center; width:85%;margin: 0 auto !important;margin-top:10px; margin-bottom:10px;}
#topnav ul { list-style:none; /*border-bottom: 1px solid #ffffff;*/  }
#topnav li  a { width:150px; padding: 5px; color: #fff; text-decoration: none; /*text-shadow:0 1px 1px #000;*/ -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
#topnav li  a:hover, #topnav  .selected { /*background: rgba(237,239,244,0.5);*/ color: #FFB85C; /*text-shadow:0 1px 1px #fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;*/ }
#topnav li { display:inline-block; text-transform:uppercase; font-family: 'Annie Use Your Telescope', cursive;width:125px !important;font-size:24px;font-weight:700;  }
#topnav li img { vertical-align: middle; padding-bottom:2px; }

/**maincontent**/
#slogan { text-align:center;margin-bottom:-20px;margin-top:50px; }
#mainpic { height:500px; width:500px; /*background:url('../images/large-frame.png');*/margin: 0 auto; }
#magic { height: 338px; width: 332px;border: 15px solid #fff; transform: rotate(7deg); -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.6);-moz-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);}
#magic  h1 { padding: 5; margin: 0;text-align: center;}
#slideshow { height:250px;width:333px;border: 1px solid #fff;}
#slideshow img { position:absolute; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;}

.slideshow { height:400px;width:380px;margin-left:5px;}
.slideshow img { position:absolute; z-index:8; opacity:0.0; }
.slideshow img.active { z-index:10; opacity:1.0;}
.slideshow img.last-active { z-index:9;}

#scattered { float:right;margin-top:50px; width:350px; }

#services { text-align:center; font-family:Arial,Helvetica,sans-serif; }
#services ul { list-style:none; margin-left:-50px;}
#services li { display:inline; margin:10px; padding: 5px; font-size: 20px; text-shadow:0 1px 1px #000; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; }
#services li a { text-decoration: none; color: #fff; }
#smalls { width:100%; min-height:500px; height: auto; margin-left:15px; }
#smalls a , .polaroid a{ opacity: 0.6; margin:3px;  -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
#smalls a:hover , .polaroid a:hover { opacity: 1;  }
#smalls a img, .polaroid img { border: 2px solid #CECCCC; }
/**portfolio**/
#polar { width:100%; }
#polar ul { list-style:none; }
.polaroidtitle { font-size:24px; z-index:8px; font-family:Arial,Helvetica,sans-serif; }
.polaroid { text-align:center;}

#contentarea { margin-left:95px;margin-bottom:30px;}

#imagearea img { height: 375px; }
#imagearea p { margin: 0; }
#imagearea a { float: right; }
#imagearea a img { height:16px;vertical-align:middle;margin-top:-2px;border:0px; }
.difview { font-weight:bold;text-decoration:none;color:#ffffff; }
#image_wrap { width:677px; opacity: 1;min-height:415px; margin:15px 0 15px 40px; padding:15px 0;text-align:center;
	/* some "skinning" 
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;*/
}

/**about**/
#aboutpage { font-family:Comic Sans, Comic Sans MS, cursive;color:#ffffff; }
.bactive { background-color:#FFFFFF;color:#000000;padding:5px 10px; } 

/**contact**/
#divResult { margin-left:125px; }
#contactarea { margin-top:5px; }
#contactarea label { font-family:Arial,Helvetica,sans-serif; color:#ffffff; }


/**footer**/
#footer { /*position:absolute;*/ bottom:0; width: 950px;/*border-top: 1px solid #ffffff;*/text-align:right; }
#footer img { margin-top:-15px;margin-bottom:-5px;padding-top:8px; }

/**Mobile**/
@media only screen and (max-device-width: 480px) {
body { background-color:#000000; color:#ffffff;font-family:Arial,Helvetica,sans-serif;}
#wrapper { margin: 0 auto; width:auto; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease; }
#smalls{ margin-left: -5px;}
#logo { float:none; text-align:center; }
#logo   p { margin-top:10px; }
#topnav { text-align:center; margin:0 auto;}
#topnav ul { list-style:none; margin-left:-30px; }
#topnav li  a { padding: 5px 10px; color: #fff; text-decoration: none; text-shadow:0 1px 1px #000; -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
#topnav li  a:hover, #topnav  .selected   { background: rgba(237,239,244,0.5); color: #000; text-shadow:0 1px 1px #fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
#topnav li { display:inline; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif;  }
#mainsection { font-family:Arial,Helvetica,sans-serif;}
#mainsection h1 { margin: 0; font-family:Arial,Helvetica,sans-serif; }
#aboutpage { font-family:Arial,Helvetica,sans-serif;color:#ffffff; }
.bactive  { width:100%; margin: 0 auto; background-color:#FFFFFF;color:#000000;padding:5px; margin-bottom:5px; }
#polar { margin-left:-25px; }
#contentarea { margin:0; height:auto; }
#contentarea #smalls  a{ margin:0; }
#imagearea { text-align:center; }
#imagearea a { float: none; }
#image_wrap { width: auto; height:auto;margin-bottom:-140px; }
#imagearea img { height: auto; width:auto; }
#imagearea .startpic { height: auto; width:auto; margin-left:-35px; }
#services li { font-size: 16px; text-align:center;}
#footer { bottom:0; width: auto;text-align:center; }
#footer img { margin-top:-15px;margin-bottom:-5px;padding-top:8px; 
}