@font-face{font-family: Franklin; src: url('../fonts/franklingothiccond.ttf');}      
		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, caption{
			border: 0;
			margin: 0;
			outline: 0;
			padding: 0;
			vertical-align: baseline;
		/*	position:relative;*/
		}
		body{
			margin:0;padding:0;
			font-family:Arial,Helvetica,sans-serif;
			background:#e9fcff url(../images/content-background.png) repeat;
			height:100%;
			width:100%;
		}
		
		:focus {
			outline: 1px #c0c dotted;
		}
		::selection {
				background: #ff84f2; 
				color:#CCC;
				text-shadow:#851e7b 0px -1px;
				}
			
		::-moz-selection {
				background: #ff84f2; 
				color:#CCC;
				text-shadow:#851e7b 0px -1px;	
		}		
		img::selection 		{background: transparent;}
		img::-moz-selection {background: transparent;}
		
		a{text-decoration:none;color:#FFF;border:none;}
		a img{border:none;}
		/* end of reset */
		
		#mainHTML{
			background:#e9fcff;
			position:relative;
			width:100%;
			height:auto;
			float:left;
			min-width:990px;
		}
		li.nav-selected a.nav-selected
		{
			color:#fff9ac !important;
			-webkit-transform: translate(0px,1px);
			-moz-transform: translate(0px,1px);
			-o-transform: translate(0px,1px);
			-ms-transform: translate(0px,1px);	
		}
		/* top header */
		#canvasSection{ position:absolute; width:100%; height:550px;
			background-image: linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -o-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);	
		
			@include filter-gradient(#66a8d4, #bbe2f0, vertical); // IE6-9
			@include background-image(linear-gradient(top, #66a8d4 0%,#bbe2f0 100%));
		/* For Internet Explorer 5.5 - 7 */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66a8d4, endColorstr=#bbe2f0);
				/* For Internet Explorer 8 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66a8d4, endColorstr=#bbe2f0)";    
			background-color: #66a8d4; // Old browsers
		}
		#headerWrapper{
			width:100%;position:relative;height:551px;
			background: #73b1db; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczYjFkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmQ1ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, #73b1db 0%, #abd5ea 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b1db), color-stop(100%,#abd5ea)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #73b1db 0%,#abd5ea 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #73b1db 0%,#abd5ea 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #73b1db 0%,#abd5ea 100%); /* IE10+ */
			background: linear-gradient(to bottom, #73b1db 0%,#abd5ea 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b1db', endColorstr='#abd5ea',GradientType=0 ); /* IE6-8 */
		}
		.hallowback
		{
			width:100%;position:relative;height:551px;
			background: #68abd8; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4YWJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzhiOGVjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTQzOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #68abd8 0%, #8b8ec6 58%, #994399 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68abd8), color-stop(58%,#8b8ec6), color-stop(100%,#994399)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #68abd8 0%,#8b8ec6 58%,#994399 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #68abd8 0%,#8b8ec6 58%,#994399 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #68abd8 0%,#8b8ec6 58%,#994399 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #68abd8 0%,#8b8ec6 58%,#994399 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68abd8', endColorstr='#994399',GradientType=0 ); /* IE6-8 */
		}
		
		#headerSpriteMask{width:100%;height:551px;position:relative;
		background-image: url(../images/glits.png),url(../images/glits.png);
		background-position:0 40px, 0 70px;
		background-repeat: repeat-x, repeat-x;
		}
				
		#headerContainer{position:relative;width:990px;margin:0 auto;height:auto;}
		#top-navigation ul.nav-header
		{
			display:block;
		}
		#access
		{
			display:none;
		}
		
			#top-navigation{height:68px;width:990px;float:left;text-align:right;position:relative; display:block; z-index:100;}
			#top-navigation ul{list-style:none;float:right;margin-top:35px;right:10px;}
			#top-navigation ul li{display:inline-block !important;font-family:Arial;font-weight:bold;font-size:22px;margin:2px 8px;
			height:auto;
			line-height:normal;
			background:none;
			width:auto;
			}
			#top-navigation ul li:first-child
			{
				width:auto;
			}
			#top-navigation ul li a
			{
				display:block;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;	
			}
			#top-navigation ul li a{text-shadow:#74a9c9 0px 2px 1px;color:#FFF;}
			#top-navigation ul li a:hover{text-shadow:#EEE 0px 0px 5px,#74a9c9 0px 2px 1px;}
			#top-navigation ul li a:active
			{
				-webkit-transform: translate(0px,2px);
				-moz-transform: translate(0px,2px);
				-o-transform: translate(0px,2px);
				-ms-transform: translate(0px,2px);	
			}
			#art-shop-banner{background:url(../images/art-shop-banner.png) top center;width:183px;height:99px;right:35px;top:-99px;cursor:pointer;position:absolute;}
			#art-shop-banner:hover{background:url(../images/art-shop-banner.png) bottom center;}
			
			
			#logo-text{width:570px;height:302px;position:absolute;left:0px;top:100px;padding:0px 4px 10px 4px; z-index:999;}
			#logo-text p:first-child
			{
				position:relative;
				width:auto;
				margin-top:auto;
				margin-bottom:auto;
				
			}
			#logo-text p img{width:auto}
				.the-tagline{font-family:Franklin,Arial,sans-serif;font-size:28px;color:#2e4865;margin-top:20px;line-height:45px;text-shadow:#74a9c9 0px 0px,#727272 0px 0px 0px;letter-spacing:-1px; margin-bottom:auto;margin-left:0px;}
					.the-tagline a.highlight-1{background:url(../images/highlight-1.png) no-repeat top center;color:#FFF;padding:4px 6px;cursor:pointer;font-size:27px; letter-spacing:1px;
						display:inline-block;
						-webkit-transform: rotate(1deg);
						-moz-transform: rotate(1deg);
						-ms-transform: rotate(1deg);
						-o-transform: rotate(1deg);
					}
					.the-tagline a.highlight-1:hover{
						-webkit-transform: rotate(-1deg);
						-moz-transform: rotate(-1deg);
						-ms-transform: rotate(-1deg);
						-o-transform: rotate(-1deg);
					}
					.the-tagline a.highlight-2{background:url(../images/highlight-2.png) no-repeat top center;color:#FFF;padding:0px 6px;cursor:pointer;font-size:27px; letter-spacing:1px;
						display:inline-block;
						-webkit-transform: rotate(-1deg);	
						-moz-transform: rotate(-1deg);
						-ms-transform: rotate(-1deg);
						-o-transform: rotate(-1deg);
					}
					.the-tagline a.highlight-2:hover{
						-webkit-transform: rotate(1deg);	
						-moz-transform: rotate(1deg);
						-ms-transform: rotate(1deg);
						-o-transform: rotate(1deg);
					}
					.the-tagline a.highlight-3{background:url(../images/highlight-3.png) no-repeat top center;color:#FFF;padding:0px 10px;cursor:pointer;font-size:27px; letter-spacing:1px;
						display:inline-block;
						-webkit-transform: rotate(1deg);	
						-moz-transform: rotate(1deg);
						-ms-transform: rotate(1deg);
						-o-transform: rotate(1deg);
					}
					.the-tagline a.highlight-3:hover{
						-webkit-transform: rotate(-1deg);	
						-moz-transform: rotate(-1deg);
						-ms-transform: rotate(-1deg);
						-o-transform: rotate(-1deg);
					}
		
			#the-z-index{width:990px;position:relative;margin:0 auto;background:#333;}
			#the-cloud{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/kerol-cloud.png) no-repeat;width:188px;height:168px;position:absolute;z-index:52;cursor:move;left:810px;top:90px; display:block;}
			#flash-container, .flash-container{float:right;position:relative;bottom:-1px;right:10px;height:482px; text-align:right; margin-top:0px;}
			#flash-container, .flash-container img{bottom:-5px;}
		/* top header */
					
		/* portfolio menu */
		/*#portfolioWrapper{width:100%;position:relative;height:121px;background:#e9fcff;box-shadow:#bbdadf 0px -3px 3px,#111 0px 3px 3px;-moz-box-shadow:#bbdadf 0px -3px 3px,#111 0px 3px 3px;border-top:2px solid #FFF;z-index:6;}*/
		#portfolioWrapper{width:100%;position:relative;height:121px;background:#e9fcff;box-shadow:#111 0px 5px 5px;-moz-box-shadow:#111 0px 3px 3px;-webkit-box-shadow:#111 0px 3px 3px;outline: none;border-top:2px solid #FFF;z-index:51;}
			#portfolio-nav{width:990px;position:relative;margin:0 auto;height:135px;}
			#portfolio-nav #portfolio-navWrapper{width:990px;margin:0 auto;height:135px; text-align:center;}
				#what-we-do{width:206px;height:0px;background:url(../images/what-we-do.png) no-repeat center top;position:absolute;top:-48px;z-index:52; padding-top:68px}
				#select-category{width:165px;height:45px;background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/select-category.png) no-repeat;position:absolute;top:-38px;z-index:300;}
				#portfolio-nav-menu{width:990px;height:135px;margin:0 auto;position:relative;}
					
					#portfolio-web-development{width:288px;height:135px;position:absolute;left:244px;border-right:1px solid #d9eef6;background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/menu-web-development.png) no-repeat top center;cursor:pointer;}
					#portfolio-web-development div.info{visibility:hidden;position:absolute;width:228px;top:120px;}
					#portfolio-web-development:hover{width:288px;min-height:240px;position:absolute;left:244px;border:3px solid #686866;background: #FFF url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/menu-web-development.png) no-repeat top center;top:-80px;z-index:1000;box-shadow:#111 0px 0px 2px;-moz-box-shadow:#111 0px 0px 2px;}
					#portfolio-web-development:hover div.info{visibility:visible;}
					
					#portfolio-flash-design{width:217px;height:135px;position:absolute;left:533px;border-right:1px solid #d9eef6;background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/menu-flash-design.png) no-repeat top center;cursor:pointer;}
					#portfolio-flash-design div.info{visibility:hidden;position:absolute;width:157px;top:120px;}
					#portfolio-flash-design:hover{width:217px;min-height:240px;position:absolute;left:533px;border:3px solid #686866;background: #FFF url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/menu-flash-design.png) no-repeat top center;top:-80px;z-index:1000;box-shadow:#111 0px 0px 2px;-moz-box-shadow:#111 0px 0px 2px;}
					#portfolio-flash-design:hover div.info{visibility:visible;}
					
					#portfolio-creative-writing{width:232px;height:135px;position:absolute;left:751px;background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/menu-creative-writing.png) no-repeat top center;cursor:pointer;}
					#portfolio-creative-writing div.info{visibility:hidden;position:absolute;width:172px;top:120px;}
					#portfolio-creative-writing:hover{width:242px;min-height:240px;position:absolute;left:751px;border:3px solid #686866;background: #FFF url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/menu-creative-writing.png) no-repeat top center;top:-80px;z-index:1000;box-shadow:#111 0px 0px 2px;-moz-box-shadow:#111 0px 0px 2px;}
					#portfolio-creative-writing:hover div.info{visibility:visible;}
					/* common styles for portfolio box-links */
					div.info{padding:4px 20px;text-align:center;font-size:12px;color:#686866; width:151px;}
					div.info p img
					{
						margin:0px -40px;
					}
					/* div.info ul{list-style:none;margin:0;padding:0;font-weight:bold;margin-top:10px;} */
					/* div.info ul li{padding-left:15px;margin:2px;background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/list-right-arrow.png) center left no-repeat;}*/
		/* end of portfolio menu */
		
		/* lower contents */
		#lower-contents{position:relative;width:100%;}
		#featured-projects{background:#3d7faf;position:relative;width:100%;height:255px;top:0px;z-index:5; margin-bottom:-1px;}
			.top-border{height:3px;width:100%;background:url(../images/portfolio-border.png) repeat-x;position:absolute;top:15px;}
			.bottom-border{height:3px;width:100%;background:url(../images/portfolio-border.png) repeat-x;position:absolute;bottom:25px;}	
			
			#featured-projects-list{width:990px;position:relative;height:255px;margin:0 auto;z-index:100;}
			#featured-projects-list	.the-projects{height:200px;width:990px;position:absolute;top:42px; padding-top:0px}
			#featured-projects-list	.project-box{width:198px;height:5px;float:left;cursor:pointer;}
			#featured-projects-list	.project-box:first-child{display:inline;}			
			#featured-projects-list	.project-image{position:relative;width:180px;text-align:center;margin:0 auto;margin-top:-10px; background:#0d5488; border:2px solid #A7D8E0;}
			#featured-projects-list	.the-magnifier{width:26px;height:25px;position:absolute;left:90px;top:60px;}
			#featured-projects-list	.project-image img.the-image{margin:0 auto;width:180px;height:130px;position:relative;background:none;border:none; display:none;}
			#featured-projects-list	.project-image img.the-image-act{opacity:0.5;}
			#featured-projects-list	.project-details{text-align:left;padding:5px 10px;font-size:11px;color:#FFF;}	
					#featured-projects-list .project-name{font-weight:bold;width:100%; text-shadow:none;}
					#featured-projects-list .project-info{width:100%;color:#c7e2f0;}
			#wide-featured-button-holder{position:relative;width:100%;z-index:2;height:10px;box-shadow:#111 0px 5px 5px;-moz-box-shadow:#111 0px 5px 5px;-webkit-box-shadow:#111 0px 5px 5px;outline: none;background:#3d7faf; margin-top:1px}
			#featured-button-holder{margin:0 auto;width:990px;position:relative;}
			#featured-button{background:url(../images/drop-down-button.png) no-repeat center center;width:150px;height:38px;position:absolute;bottom:-50px;left:437px;padding-top:20px;text-align:center;color:#FFF;font-family:Franklin,Impact;cursor:pointer; outline:none;}
			
		#the-contents{background:url(../images/content-background.png) #3d7faf;position:relative;width:100%;top:0px;}
			/* the columns */
				#the-columns{position:relative;width:990px;height:auto;margin:0 auto;color:#9d9d9d;padding-top:50px;padding-bottom:5px;}
				#the-columns a{color:#1b6f8f;}
				#the-columns a:hover{color:#2a95bf;}
					#the-column-one{float:left;width:318px;height:auto;margin:0px 0px 0px 5px; display:inline;}
/*					#the-column-two{float:left;width:318px;height:auto;margin-right:0px;min-height:440px; display:inline;}*/
					#the-column-two{float: left;width: 300px;height: auto;margin-right: 18px;min-height: 440px;display: inline;}					
					#the-column-three{float:left;width:330px;height:auto;margin-right:0px; background:none;}
					
					/* column global styles */
						.column-title{width:100%;position:relative;height:41px;text-shadow:#0f0f0f 0px 1px;}
						.column-post{width:100%;position:relative;font-size:12px;margin:15px 0px 10px;line-height:17px;text-shadow:#0f0f0f 0px 1px;}
						.post-border{border-bottom:1px dashed #333;padding-bottom:5px;}
						.column-post-text{margin:0px 20px 0px 0px;}
						.column-post-text p{margin:10px 10px 10px 0px;}
						.column-post-text a.read-more-link{padding-right:10px; white-space:nowrap;}
						.column-post-title{width:100%;font-size:18px;margin:2px 0px;}
						.column-post-title a{color:#9d9d9d !important; line-height:22px;}
						.column-post-title a:hover{color:#FFF !important;}
						.column-post-meta{width:100%;font-size:11px;color:#666;margin:2px 0px;}
						.column-post-meta a{color:#666 !important;}
						.column-post-meta a:hover{color:#CCC !important;}
						#get-started-form{
							background:#99c12d;
							border-radius:10px;
							-webkit-border-radius:10px;
							-moz-border-radius:10px;
							color:#000;
							font-size:13px;
							padding:25px;
							height:auto;
							text-shadow:#a9d23a 0px 1px;
						}
						#the-columns #get-started-form
						{
							width:280px;
							box-shadow:#111 0px 5px 8px;
							-moz-box-shadow:#111 0px 5px 8px;
						}
		
							#monster-dede{width:119px;height:89px;background:url(../images/monster-dede.png);position:absolute;right:0;top:35px;z-index:9999;cursor:move; display:block;}
							.get-started-form-title{width:100%;height:40px;margin-bottom:15px;margin-left:-5px; text-align:left; padding:0px auto;}
							#get-started-form p{margin:8px 0px;}
							#get-started-form .the-gsf{width:100%;margin-top:10px;position:relative;}
							#get-started-form .the-gsf form label{width:265px; margin-right:8px;}
							#get-started-form .the-gsf form input[type="text"]{width:265px;margin-bottom:15px;padding:3px 4px;height:20px;border:none;}
							#get-started-form .the-gsf form input[type="text"]:focus{box-shadow:#333 0px 5px 5px;-moz-box-shadow:#333 0px 5px 5px;-webkit-box-shadow:#333 0px 5px 5px;outline: none;}
							#get-started-form .the-gsf form textarea{width:265px;margin-bottom:15px;padding:3px 4px;font-family:Helvetica,sans-serif;font-size:13px;height:60px;border:none;}
							#get-started-form .the-gsf form textarea:focus{box-shadow:#333 0px 5px 5px;-moz-box-shadow:#333 0px 5px 5px;-webkit-box-shadow:#333 0px 5px 5px;outline:none;}
							#get-started-form .the-gsf form input[type="submit"]{
															border-radius:10px;
															-webkit-border-radius:10px;
															-moz-border-radius:10px;
															background:#363636;
															border:none;
															border-top:1px solid #999;
															border-bottom:1px solid #111;
															color:#FFF;
															padding:7px 10px;
															float:right;
															cursor:pointer;
															}
							#get-started-form .the-gsf form input.round-button:hover{background:#4c4c4c;}
															
															.label-float-left{width:190px !important;font-size:11px;float:left;color:#3c5200;text-shadow:#a2cb33 0px 1px;}
					/* column global styles */
			/* the columns */
		/*lower contents */
		
		/* footer styles */
		#drop-the-content{width:25px;height:28px;position:absolute;float:right;top:-40px;cursor:pointer;right:25px;}
						.drop-arrow-down{background:url(../images/drop-down-content-button.png) center right;opacity:0.7;}
						.drop-arrow-down-active{background:url(../images/drop-down-content-button.png) center left;opacity:0.7;}
						.drop-arrow-up{background:url(../images/drop-down-content-button.png) center left;opacity:0.7;}
						.drop-arrow-down:hover{opacity:1;}
						.drop-arrow-up:hover{opacity:1;}
		#wide-footer{width:100%;position:relative;background:url(../images/content-background.png) #3d7faf;padding-top:40px;top:0px;}
			#footer{width:990px;position:relative;margin:0 auto;border-top:1px solid #2c2c2c;padding:5px 0px 0px;}
			#footer .footer-links{margin:0px;padding:0px;float:left;position:relative;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#3a3a3a;text-shadow:#1e1e1e 0px 1px; text-align:left}
					.footer-links ul{list-style:none; display:block}
					.footer-links ul li{display:none;display:inline;padding:0px 5px;}
					.footer-links ul li a{color:#3a3a3a;}
					
			#footer .footer-power{position:relative;float:right;width:200px;height:70px;font-size:11px;color:#3a3a3a;text-align:right;text-shadow:#1e1e1e 0px 1px;margin-right:16px;}		
			#footer .footer-copyright{width:100%;font-weight:normal;margin:7px 5px;font-size:11px;}
			
		/* footer styles */
		/* Fixes and Patches and Fixes and Patches*/
		.clear-fix{clear:both;height:0px;width:0px;}
		
		#qr-mask{position:absolute;
						top:0px;
						left:0px;
						width:100%;
						height:100%;
						overflow:auto;z-index:30000;}
		.qr-code{width:100%;margin-top:30px;z-index:1;color:#303030;cursor:crosshair; display:inherit;}
		.qr-code .the-qr{width:76px;height:76px;background:url(../images/qr-code.png);float:left;cursor:pointer;}
		.qr-code .the-qr .qr-magnifier{width:26px;height:25px;position:relative;margin:0 auto;top:26px;}
		.qr-code .the-qr-text{width:220px;float:left;font-size:12px;text-shadow:#1e1e1e 0px 1px;line-height:17px;}
		.qr-code .the-qr-text p{margin:0px 5px 5px;}
		.qr-code .the-qr-text a{text-decoration:underline;}
		
		.social-network{width:100%;margin-top:20px;}
		.social-network h2{font-size:18px;color:#2f2f2f;}
		.social-network .social-icons{width:260px;height:27px;margin-top:2px;}
		.social-network .twitter{float:left;width:129px;height:27px;background:url(../images/twitter-sprite.png) -10px top no-repeat;}
		.social-network .twitter:hover{background:url(../images/twitter-sprite.png) -10px bottom no-repeat;cursor:pointer;}
		.social-network .facebook{float:left;width:129px;height:27px;background:url(../images/facebook-sprite.png) top center no-repeat;}
		.social-network .facebook:hover{background:url(../images/facebook-sprite.png) bottom center no-repeat;cursor:pointer;}
		.small-font{font-size:11px;}
		
		/* footer social button */
		#social-buttons{width:900px;height:20px;position:absolute;float:right;top:-33px;cursor:pointer;right:50px;text-align:right;}
			#like-button{float:right;}
			#tweet-button{float:right;}
		.testimonials{margin-top:30px;width:295px;position:absolute;text-shadow:#0f0f0f 0px -1px;bottom:0px;}
		.the-testimonial{font-style:italic;font-family:"Times New Roman", Times, serif;font-size:12px;line-height:18px; font-weight:bold;}
		.the-witness{font-style:italic;font-family:"Times New Roman", Times, serif;font-size:12px;width:295px;text-align:right; font-weight:bold; margin-top:10px; margin-left:-12px;}
		
		/* the lightbox styles */
		div.category ul li
		{
		}
		div.category ul li:hover
		{
			list-style-image:url(../images/arrow-green.png);
		}
		#lightbox {
			display: none;
			left: 26.51%;
			position: absolute;
			top: 0;
			width: auto;
			z-index: 100001;	
			}
			#lightbox a{color:#999;font-size:11px; line-height:14px; font-weight:normal;}
			#lightbox a:hover{color:#99cc33 !important;text-decoration:underline;}
		#lightbox-shadow{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #000;
			filter: alpha(opacity=75);
			-moz-opacity: 0.75;
			-khtml-opacity: 0.75;
			opacity: 0.75;
			z-index: 100000;
			
			height: 1427.25px;
			left: 0;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: fixed;
			top: 0;
			width: 1903px;
		}
		
		/* let's override the main page style! This will be the page template! */
		
		#the-logo{width:315px;height:42px;position:absolute;top:25px;cursor:pointer;z-index:30000; margin-left:0px; margin-bottom:auto;
		display:block;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;		
		}
		#the-logo img
		{
			width:inherit;
		}
		#the-logo:active
		{
			padding-top:2px;
		}
		#the-logo:hover .cute-house{visibility:visible;}
		#art-shop-banner-alt{background:url(../images/art-shop-banner.png) top center;width:183px;height:99px;right:35px;top:-69px;cursor:pointer;position:absolute;}
		/*#content-space{width:100%;position:relative;background:#e9fcff;box-shadow:0 -1px 2px #BBDADF, 0 2px 2px #111111;-moz-box-shadow:0 -1px 2px #BBDADF, 0 2px 2px #111111;border-top:2px solid #FFF;z-index:250;}*/
		#content-space{width:100%;position:relative;background:#e9fcff;box-shadow:0 -0px 0px #BBDADF, 0 2px 2px #111111;-moz-box-shadow:0 -0px 0px #BBDADF, 0 2px 2px #111111;border-top:2px solid #FFF;z-index:250;}
		#content-space-inner{width:990px;position:relative;margin:0 auto;}
		#the-things{display:block;text-shadow:#FFF 0px 0px; padding:20px 0px 10px 0px; color:#555555; font-size:12px;}
		/*padding:20px 0px 10px 0px;*/
		#the-things h1{color:#318699;font-family:Franklin,Arial,sans-serif;font-weight:normal;}
		#the-things h2{color:#3f99ad;font-family:Franklin,Arial,sans-serif;font-weight:normal;}
		#the-things h3,#the-things h4,#the-things h5,#the-things h6{color:#6aafbe;font-family:Franklin,Arial,sans-serif;font-weight:normal;}
		#the-things p, #the-things p a{font-size:13px;line-height:20px;margin:5px 0px 10px 2px;text-align:left;color:#464646; text-decoration:none;}
		.cute-house{background:url(../images/small-house.png) no-repeat;width:19px;height:22px;position:absolute;right:-25px;top:15px;visibility:hidden; display:block;}
		.alt{height:413px !important; margin-bottom:0px;}/* new header height */
		.the-title{font-size:50px;color:#336699;font-family:Franklin,Arial,sans-serif;}
		.the-description{color:#2e4865;font-size:17px;font-weight:bold;line-height:24px;}
		.ul-block{display:inline-block !important;right:0px !important;top:18px !important;}
		.flash-adjust{bottom:-40px !important;height:313px !important;}
		/* portfolio page styles */
		
		#creative-list{display:block;min-height:200px;margin-left:0px;}
		/* portfolio nav */
		#creative-nav-list{    
			float: left;
			font-family: Franklin;
			text-align: left;
			padding-top: 22px;
			background: #b5d858;
			margin-top: -22px;}
		#creative-nav-list ul{ float:left; background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/select-category2.png) no-repeat top center; padding-top:38px; margin-top:-60px; border-bottom:2px solid #85a433; width:162px;}
		#creative-nav-list ul li{ list-style:none; background:#b5d858; border-top:1px solid #a0c340; margin:0 14px 0 14px;}
		
		#creative-nav-list ul li ul
		{
			background:none;
			padding-top:0px;
			margin-top:0px;
			border-bottom:1px solid #A0C340;
			width:134px;
			margin-bottom:10px;
		}
		
		.spacerli
		{
			height:28px;
			border:none !important;
		}
		#creative-nav-list ul li a{color:#5d7912;padding:10px 0px 10px 0px; font-family:Arial; font-size:10pt; display:block; font-weight:bolder; text-shadow:#e2ff93 0px -1px;}
		#creative-nav-list ul li:first-child{border-top:none; padding-top:10px;}
		#creative-nav-list ul li ul li:first-child{	padding-top:0;}
		#creative-nav-list ul li ul li{margin:0;background:#669933;}
		#creative-nav-list ul li.subcategory{padding:0px 5px 0px;display:none;}
		#creative-nav-list ul li.subopen{display:block;}
		#creative-nav-list ul li.subcategory img{float:left;padding:10px 0px;}
		#creative-nav-list ul li a.selected,#creative-nav-list ul li a:hover{color:#fffbc3;}
		#creative-list #creative-list{position:relative;margin:0 auto;width:990px;margin-top:30px;}
					#creative-list .the-projects{top:42px; margin-top:42px;}
					#creative-list .project-box{cursor: pointer; float: left; height: 240px; margin-left: 19px; position: relative; width: auto; margin-bottom:30px; display:block;}
					#creative-list .project-image{position:relative;width:248px;text-align:center;margin:0 auto;margin-top:10px; background:#aee3eb; border:2px solid #a7d8e0;
					  -moz-transition-property: border;  /* FF4+ */
					  -moz-transition-duration: .5s;
					  -webkit-transition-property: border;  /* Saf3.2+, Chrome */
					  -webkit-transition-duration: .5s;
					  -o-transition-property: border;  /* Opera 10.5+ */
					  -o-transition-duration: .5s;
					  -ms-transition-property: border;  /* IE10? */
					  -ms-transition-duration: .5s;
					  transition-property: border;  /* Standard */
					  transition-duration: .5s;			
					}
					#creative-list .project-image:hover{border:2px solid #5496bb;}
					#creative-list .the-magnifier{width:26px;height:25px;position:absolute;left:118px;top:120px;}
					#creative-list .project-image img.the-image{margin:0 auto;width:248px;height:173px;position:relative;background:none;border:none;}
					#creative-list .project-image img.the-image-act{opacity:100;}
					#creative-list .project-image img.the-image-act:hover{opacity:100;}
					#creative-list .project-details{text-align:left;padding:5px 10px;font-size:11px;color:#3375a5;}	
					#creative-list .project-name{font-weight:bold;width:100%;color:#3375a5;}
					#creative-list .project-info{width:100%;color:#737373; text-shadow:none;}
					.projects-pagination{display:block;text-align:center;margin-bottom:30px; padding:30px;}
					.projects-pagination a{color:#898989;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #cedee1;padding:4px 6px;font-size:12px;margin:0px 2px; background:#f8feff}
					.projects-pagination a.selected,.projects-pagination a:hover{background:#3d7faf;color:#a2d6fc;border:0px;padding:5px 7px;text-shadow:none;}
					#creative-list #theprojects
					{
						width:819px;
						float:right;
					}
					#creative-list #theprojects .project-title
					{
						margin-top:0px;
						font-size:13px;
						color:#737373;
						margin-left:18px;
						margin-bottom:-25px;
						text-shadow:none;
					}
		a,a:hover{
			outline:none;
		}
		
		.portfolionav{display:block;height:85px;}
		.portfolionav div.nav{width:241px;float:left;height:85px;}
		.portfolionav .graphics{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/graphic-sprite.png) top center no-repeat;cursor:pointer;}
		.portfolionav .web{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/webdev-sprite.png) top center no-repeat;cursor:pointer;}
		.portfolionav .creatives{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/creative-sprite.png) top center no-repeat;cursor:pointer;}
		.portfolionav .flash{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/flash-sprite.png) top center no-repeat;cursor:pointer;}
		
		.portfolionav .graphics:hover{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/graphic-sprite.png) bottom center no-repeat;}
		.portfolionav .web:hover{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/webdev-sprite.png) bottom center no-repeat;}
		.portfolionav .creatives:hover{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/creative-sprite.png) bottom center no-repeat;}
		.portfolionav .flash:hover{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/css/images/flash-sprite.png) bottom center no-repeat;}
		
		.formBlockSurveyTable td
		{
			display:list-item;
			list-style-type:none;
		}
		.formBlockSurveyTable .question
		{
			display:block;
			width:100%;
		}
		.formBlockSurveyTable .question label
		{
			width:256px !important;
		}
		a, a:hover{
			outline:none !important;
		}
		a.goupclose
		{
			float: right !important;
			top: -24px;
			display: block;
			background: url("../images/red-close.png") no-repeat scroll 0 0 transparent;
			cursor: pointer;
			height: 21px;
			width: 74px;
			text-indent:-9999px;
			margin-left:-74px;
			position:relative;
		}
		a.changeasset{
			cursor:pointer;
		}
		div.pagetitlebanner
		{
			margin-top:-50px;
			float:left;
		}
		#membermain h2
		{
			color:#ff5a9c !important;
			margin-bottom:-10px;
			font-size:32px;
		}
		#membermain img
		{
			margin-right:24px;
		}
		.membersub
		{
			margin:20px 0px;
			border-top:2px dashed #bfe2e8;
		}
		
		.membersub .description{
			float:left;
			width:279px;
			margin-right:20px;
		}
		.membersub h2
		{
			margin-top:30px;
			font-size:30px;
			margin-bottom:-5px;
		}
		.membersub a
		{
			padding:7px 20px;
			margin-left:60px;
			border-radius: 7px; 
			-moz-border-radius: 7px; 
			-webkit-border-radius: 7px;
			font-size:12px;
			font-weight:normal !important;
			font-family:Arial;
			text-shadow:none;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;	
			
		}
		.membersub p
		{
			padding:5px 0px;
		}
		#membersub_designers h2
		{
			color:#5281b8;
		}
		#membersub_designers a
		{
			background:#5281b8;
		}
		#membersub_designers a:hover
		{
			background:#5595df;
		}
		#membersub_developer h2
		{
			color:#a953aa;
		}
		#membersub_developer a
		{
			background:#a953aa;
		}
		#membersub_developer a:hover
		{
			background:#c559c6;
		}
		
		#membersub_flashAnimator h2
		{
			color:#de7126;
		}
		
		#membersub_flashAnimator a
		{
			background:#de7126;
		}
		#membersub_flashAnimator a:hover
		{
			background:#f38227;
		}
		
		#membersub_writer h2
		{
			color:#618b29;
		}
		#membersub_writer a
		{
			background:#618b29;
		}
		#membersub_writer a:hover
		{
			background:#76ae2b;
		}
		#memberIcon
		{
			float:left;
		}
		.approach
		{
			float:left;
			width:30%;
			margin-bottom:50px;
			margin-left:auto;
			margin-right:auto;
		}
		.marginthirty
		{
			margin:auto 49px;
		}
		.approach h3
		{
			font-size:25px !important;
			color:#737373 !important;
		}
		.category-link
		{
			float:left;
			text-align: center;
			border-left:1px solid #d9eef6;
			height: 120px;
			margin-top:-20px;
		}
		.category-link:first-child
		{
			border:none;
		}
		.customlink
		{
			padding:10px 20px;
			border-radius: 7px; 
			-moz-border-radius: 7px; 
			-webkit-border-radius: 7px;
			font-size:12px;
			font-weight:normal !important;
			font-family:Arial;
			text-shadow:none;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;		
			background:#5281b8;	
		}
		.customlink:hover
		{
			background:#5595df;
		}
		.services
		{
			font-size:14px;
			font-family:"Franklin Gothic Medium" Arial;
			color:#737373;
			line-height:20px;
			padding:0px 0px 30px 0px;
			font-stretch:2px;
		}
		.blogs #content-space-inner {
			margin-top: -300px;
			min-height: 310px;
			background:#E9FCFF url(../images/blog-ref.png) repeat-y right top;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		.pat
		{
			background:url(../images/pat.png) no-repeat bottom;
			bottom:0;
			position:absolute;
			bottom: 0;
			height: 287px;
			margin-bottom: 0;
			position: absolute;
			width: 278px;
			z-index: 0;	
		}
		.blogs #the-things
		{
			float:left;
			width: 584px;
			margin-left: 20px;
		    margin-right: auto;	
			
		}
		.blogs #sidebars
		{
			float:right !important;
			width:300px;
			margin:auto auto 287px;
		}
		.blogs #drop-the-content
		{
			display:none;
		}
		.blogs #social-buttons
		{
			right:0;
		}
		#sidebars
		{
			padding-top:30px;
		}
		#sidebars h3
		{
			color:#767777;
			font-family:Franklin,Arial,sans-serif;
			font-size:22px;
			margin:10px 0px;
			font-weight:normal;
		}
		
		#sidebars h2
		{
			color:#767777;
			font-family:Franklin,Arial,sans-serif;
			font-size:22px;
			margin-top:30px;
			padding:20px 0px;
			border-top:2px solid #cbe3e7;
			font-weight:normal;
			margin-right:37px;
		}
		#sidebars .ccm-page-list p, #sidebars label
		{
			color:#767777;
			font-size:11px;
			display:block;
		}
		
		#sidebars .ccm-page-list a
		{
			color:#318699;
			font-size:12px;
		}
		#sidebars .ccm-page-list .poster
		{
			margin-bottom:10px;
			background:none;
		}
		.blogs #content-space
		{
			border-top:none;
			background:none;
		/*	box-shadow:0 -1px 2px #BBDADF, 0 2px 2px #111111;	*/
			box-shadow:0 -0px 0px #BBDADF, 0 0px 0px #111111;	
		}
		.blogs #canvasSection
		{
			background-image: linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -o-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(233,252,255) 0%, rgb(103,168,212) 100%);
		}
		.blogs .button, input[type="submit"]
		{
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background:#5281b8;
			border:none;
			color:#FFF;
			padding:5px;
		}
		#sidebars .ccm-page-list .the-gsf .miniSurveyView .blur, #sidebars .ccm-search-block-form .ccm-search-block-text,#sidebars .newsletter .miniSurveyView input[type='text']
		{
			border:1px solid #b3d3d8;
			background:#f0fffd;
			padding:5px;
			min-width:190px !important;
			max-width:190px;
		}
		.blogs input[type="text"],.blogs input[type="email"],.blogs textarea
		{
			border:1px solid #b3d3d8;
			background:#f0fffd;
			padding:5px;
			max-width: 255px !important;
			min-width: 245px !important;
		}
		.blogs textarea
		{
			padding:0;
		}
		.blogs .round-button
		{
			margin-left:5px;
		}
		.guestBook-formBlock ,.guestBook-formBlock label
		{
			color:#767777;
			font-size:12px;
			
		}
		.guestBook-manage-links a
		{
			color:#318699;
		}
		.guestBook-entry
		{
			color:#767777;
			font-size:12px;
		}
		.searchResult h3 a
		{
			color: #3F99AD;
			font-family: Franklin,Arial,sans-serif;
			font-weight: normal;	
		}
		.blur
		{
			color:#999;
		}
		.newsletter label
		{
			display:none !important;
		}
		.maindescription ul
		{
			margin-left:20px;
		}
		.maindescription ul li
		{
			font-size:13px;
			color:#464646;
		}
		*
		{
			outline:none !important;
		}
		
						.portfolio-graphics{height:121px; border-left:1px solid #d9eef6; cursor:pointer; float:left;
						}
						.portfolio-graphics .info{margin: 0 3px;
						
							transition-property:background, -webkit-transform;
							transition-duration:0s, 0.5s;
							transition-timing-function:linear, ease-in-out;
							transition-delay:0, 0.5s;
							
							-webkit-transition-property:background, -webkit-transform;
							-webkit-transition-duration:0s, 0.5s;
							-webkit-transition-timing-function:linear, ease-in-out;
							-webkit-transition-delay:0, 0.5s;
							-moz-transition-property:background, -moz-transform;
							-moz-transition-duration:0s, 0.5s;
							-moz-transition-timing-function:linear, ease-in-out;
							-moz-transition-delay:0, 0.5s;				
						}
						.portfolio-graphics p{display:none;}
						.portfolio-graphics p:first-child{display:block;}
						a:first-child .portfolio-graphics{border:none;}
						.portfolio-graphics:hover{position:relative;padding:0 -13px;}
						.portfolio-graphics:hover .info{background:#FFF;min-height:240px;position:relative;display:block;left:0px;border:3px solid #686866;top:-100px;z-index:1000;box-shadow:#111 0px 0px 2px;-moz-box-shadow:#111 0px 0px 2px;padding:0 10px;margin:0 -20px;
						}
						.portfolio-graphics:hover p{display:block;}
		
		div#content-space div#content-space-inner div#sidebars div.ccm-page-list
		{
			margin-right:10px;
		}
		.low-reso-adjust
		{
			top:auto;
		}
		#logo-text h1
		{
			margin-left:0px;
		}		
		#logo-text h3
		{
			margin-left:0px;
		}		
		#logo-text p
		{
			margin-left:0px;
		}
		#portfolio-nav
		{
			display:block;
		}
		#portfolio-nav-mob
		{
			display:none;
		}

#flash-container, .flash-container
{
	display:block;
}
		/* end of the amazing stylesheet =^_^= */
.mob
{
	position:absolute!important;
}

.blogs #wide-featured-button-holder,
.articleview #wide-featured-button-holder,
.categoryview #wide-featured-button-holder,
.contactview #wide-featured-button-holder,
.portfolioview #wide-featured-button-holder,
.fullview #wide-featured-button-holder
{
	height:10px;
}

.blogs #the-contents,
.categoryview #the-contents,
.contactview #the-contents,
.portfolioview #the-contents,
.fullview #the-contents
{
	margin-top:0px;
}
.formbody
{
	display:block;
}
.ready
{
	display:none;
}
#content-sbBlog-date-custom {
	float: left;
	height: 85px !important;
	width: 88px !important;
}
#content-sbBlog-title
{
	margin-left:90px !important;
}
#content-sbBlog-post {
margin-right: 10px !important;
margin-left: 90px !important;
font-size: 12px !important;
}
/*#content-sbBlog-post img
{
	width:inherit!important;
	height:inherit!important;
}*/
.ccm-pagination
{
	margin-left:78px!important;
	margin-top:50px!important;
}
div.ccm-pagination span.ccm-page-left
{
	position:absolute;
}
.sepline {
margin-left: 78px !important;
margin-right: 30px !important;
}
h4.guestBook-title, .guestBook-formBlock
{
	margin-left:80px !important;
}
div.guestBook-entry
{
padding: 25px!important;
margin: 6px 0 12px 80px!important;
}
.mobbox
{
	display:none !important;
}
#halloweenblock
{
	background:url(../images/smoke1.png) 300px bottom no-repeat, url(../images/smoke2.png) 170px bottom no-repeat;
}
#thanks
{
	background:url(../images/thanks/trees.png) bottom center no-repeat;
}
#xmas
{
	background:url(../images/xmax/alfs.png) bottom center no-repeat;	
}
.tg-cloud
{
	background:url(../images/thanks/Partipuffaloon.png) no-repeat!important;
}

#canvasSection_thanks
{
	position:absolute; width:100%; height:550px;
	background: rgb(96,168,219); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwYThkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzczYjBkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWVkZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(96,168,219,1) 0%, rgba(115,176,220,1) 70%, rgba(222,237,208,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,168,219,1)), color-stop(70%,rgba(115,176,220,1)), color-stop(100%,rgba(222,237,208,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(96,168,219,1) 0%,rgba(115,176,220,1) 70%,rgba(222,237,208,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(96,168,219,1) 0%,rgba(115,176,220,1) 70%,rgba(222,237,208,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(96,168,219,1) 0%,rgba(115,176,220,1) 70%,rgba(222,237,208,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(96,168,219,1) 0%,rgba(115,176,220,1) 70%,rgba(222,237,208,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a8db', endColorstr='#deedd0',GradientType=0 ); /* IE6-8 */
}

#canvasSection_xmas
{
	position:absolute; width:100%; height:615px;
	background: rgb(117,203,233); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1Y2JlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzc1Y2JlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWY0ZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(117,203,233,1) 0%, rgba(117,203,233,1) 60%, rgba(218,244,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,203,233,1)), color-stop(60%,rgba(117,203,233,1)), color-stop(100%,rgba(218,244,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(117,203,233,1) 0%,rgba(117,203,233,1) 60%,rgba(218,244,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(117,203,233,1) 0%,rgba(117,203,233,1) 60%,rgba(218,244,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(117,203,233,1) 0%,rgba(117,203,233,1) 60%,rgba(218,244,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(117,203,233,1) 0%,rgba(117,203,233,1) 60%,rgba(218,244,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75cbe9', endColorstr='#daf4fd',GradientType=0 ); /* IE6-8 */
}


/*xmas*/
#headerSpriteMask_xmas{width:100%;height:616px;position:relative;
background-image:none, none;
background-position:0 40px, 0 70px;
background-repeat: repeat-x, repeat-x;
}
.noimage{width:100%;height:616px;position:relative;
background-image:none !important;
}
#snowcanvas{width:100%;height:616px;position:absolute; z-index:50;}
#snowcanvas canvas
{
	width:100%;height:616px;
}
.xmascloud{background:url(../images/xmax/kerol-cloud.png) no-repeat!important;width:211px!important;height:166px!important;position:absolute;z-index:9;cursor:move;left:810px;top:90px; display:block;}
#flash-container, .flash-container
{
	z-index:2;
}
.xmasflash .flash-container
{
	bottom:-5px !important;
}


/*valentines*/
.valentinesmask
{
	height:615px!important;
}
#canvasSection_valentines
{
	position:absolute; width:100%; height:615px;
	background: #ff82a8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmODJhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWUyZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff82a8 1%, #f5e2f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff82a8), color-stop(100%,#f5e2f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff82a8 1%,#f5e2f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff82a8 1%,#f5e2f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff82a8 1%,#f5e2f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff82a8 1%,#f5e2f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff82a8', endColorstr='#f5e2f9',GradientType=0 ); /* IE6-8 */

	
}
#valentines
{
	position: absolute; height: 540px; width: 100%; z-index: 0; top: 75px;
	background:url(../images/valentines/pat.png) no-repeat 520px 90px,url(../images/valentines/MC-Homepage-Valentines.png) bottom center no-repeat;
}

.vl-cloud
{
	background:url(../images/valentines/kerol-cloud.png) no-repeat!important;
}
#the-cloud-valentines{background:url(http://www.microcreatives.com/packages/theme_csg/themes/csg/images/kerol-cloud.png) no-repeat;width:188px;height:168px;position:absolute;z-index:9;cursor:move;left:810px;top:90px; display:block;}

			#itop-navigation ul li a{text-shadow:#d96f8f 0px 1px 1px;color:#FFF;}
			#itop-navigation ul li a:hover{text-shadow:#d96f8f 0px 0px 5px,#d96f8f 0px 1px 1px;}
			#itop-navigation ul li a:active
			{
				-webkit-transform: translate(0px,2px);
				-moz-transform: translate(0px,2px);
				-o-transform: translate(0px,2px);
				-ms-transform: translate(0px,2px);	
			}
#canvasSection_easter
{
	position:absolute; width:100%; height:615px;
	background:none;
}
.eastermask
{
	background:url(../images/easter/back.png) left bottom no-repeat,url(../images/easter/back.png) center bottom no-repeat,url(../images/easter/back.png) right bottom no-repeat!important;
}
.eastermask #headerContainer
{
	background:url(../images/easter/leaves.png) no-repeat bottom center;
}
#grass
{
	position:absolute; 
	z-index:10; 
	bottom:0;
	margin-bottom:-3px;
	left:0;
	background:url(../images/easter/grass.png) no-repeat bottom right;
}
#spegg
{
	position:absolute;
	bottom:0px;
	left:520px;
	z-index:12!important;
}
#allanegg
{
	position:absolute; 
	z-index:11; 
	bottom:0;
	margin-bottom:-3px;
	left:200px;
	background:url(../images/easter/ball.png) left bottom no-repeat;
}
.easter-cloud
{
	background:url(../images/easter/kerol.png) no-repeat top right!important;
}
.easterbody #monster-dede
{
	background:url(../images/easter/monster-dede.png) no-repeat top left;
	height:100px;
}
/*Chinese NewYear*/
.chinese-newyear
{
	background:url(../images/chinese-newyear/MC-Homepage-ChineseNewYear-3.png) center bottom no-repeat,url(../images/chinese-newyear/MC-Homepage-ChineseNewYear-2.png) center bottom no-repeat, url(../images/chinese-newyear/MC-Homepage-ChineseNewYear.png) left bottom repeat-x!important;
	background-size:auto, auto, cover;
}
.chinese-newyear-cloud
{
	display:none;
}
.dragon-head
{
	background:url(../images/chinese-newyear/MC-Homepage-ChineseNewYear-4.png) no-repeat;
	height:735px;
	width:463px;
	position:absolute;
	right: -10px;
	top: 10px;	

  -webkit-animation: dragon 5s infinite alternate; /* Safari 4+ */
  -moz-animation:    dragon 5s infinite alternate; /* Fx 5+ */
  -ms-animation: 	 dragon 5s infinite alternate;  
  -o-animation:      dragon 5s infinite alternate; /* Opera 12+ */
  animation:         dragon 5s infinite alternate; /* IE 10+ */

}


@-webkit-keyframes dragon {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(5%) rotate(3deg);
    transform: translateX(5%) rotate(3deg);
  }

  30% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  35% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  /*--------*/
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  45% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  /*--*/
  60% {
    -webkit-transform: translateX(5%) rotate(3deg);
    transform: translateX(5%) rotate(3deg);
  }

  65% {
    -webkit-transform: translateX(-5%) rotate(-3deg);
    transform: translateX(-5%) rotate(-3deg);
  }

  80% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }  
  /*--*/  
  85% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  90% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  95% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }  
  /*--*/
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }   
}

@keyframes dragon {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  25% {
    -webkit-transform: translateX(5%) rotate(2deg);
    -ms-transform: translateX(5%) rotate(2deg);
    transform: translateX(5%) rotate(2deg);
  }

  30% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  35% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  /*--------*/
  40% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  45% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  /*--*/ 
  60% {
    -webkit-transform: translateX(5%) rotate(3deg);
    -ms-transform: translateX(5%) rotate(3deg);
    transform: translateX(5%) rotate(3deg);
  }

  65% {
    -webkit-transform: translateX(-5%) rotate(-3deg);
    -ms-transform: translateX(-5%) rotate(-3deg);
    transform: translateX(-5%) rotate(-3deg);
  }

  80% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }  
  /*--*/  
  85% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  90% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  95% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }  
/*--*/  
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }  
}

.dragon {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

#background
{
position: fixed;
left: 0em;
top: 0em;
z-index:0;
width: 100%;
height: 100%;
}