/*------------------------------------- Common Styles ---------------------------------------------*/


/*---- Reset ----*/

html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,div,dl,dt,dd,form,img	{margin: 0;
																padding: 0;}

table 	{border-collapse: collapse;
		border-spacing: 0;}

th		{text-align: left;}

img,fieldset 	{border: 0;}

ul		{list-style: none;}

sup,sub	{height: 0;	
		line-height: 1;	
		vertical-align: baseline;
		_vertical-align: bottom;	
		position: relative;}
		
sup	{bottom: 1ex;}

sub {top: .5ex;}

/*---- Main Styles ----*/

body	{background:#000 url(../images/common/background.jpg) center repeat-x fixed;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12pt;}

a:link		{color:#27c4f1; 
			text-decoration:none;}

a:visited	{color:#27c4f1;
			text-decoration:none;}

a:hover		{color:#a70000;}

a:active	{color:#ff0;}

h1,h2,h3,h5	{color:#a70000; 
			font-family:impact, "Arial Black", Gadget, sans-serif;
			font-weight:normal;}
				
h4	{font-family:Verdana, Geneva, sans-serif;}

div#main	{position:relative;
			background:url(../images/common/background.png) top left repeat-x fixed;
			width:100%;
			height:100%;}

div#header	{position:relative;
			width:900px;
			margin:0 auto;}

ul#global_nav	{position:relative;
				padding:15px 0 12px;
				height:121px;}

ul#global_nav li	{float:left;
					text-align:center;}

ul#global_nav li#logo	{padding:0 4px 0 0;}

ul#global_nav li.global	{font-family:impact, "Arial Black", Gadget, sans-serif;
						font-size:16pt;
						margin:22px 0 0 13px;
						padding:70px 0 0 0;}
						
/*Firefox & IE8 Hack*/
html>/**/body ul#global_nav li.global	{margin:22px 0 0 11px;;/*Mozilla - Firefox only*/
										margin/*\**/:22px 0 0 13px\9;/*IE8 only*/}
						
li#ram	{background:url(../images/common/ram.png) center no-repeat;}
						
div#social	{position:absolute;
			top:15px;
			left:765px;}

div.content	{position:relative;
			width:876px;
			background:url(../images/common/content_bg.png) top left repeat;
			margin:0 auto;
			border:12px solid #161616;
			min-height:400px;}
			
div#footer	{position:relative;
			width:900px;
			margin:5px auto;}
			
div#footer p	{font-size:9pt;
				color:#fff;
				text-align:center;
				padding:5px 0;}
				
div#footer p a	{padding:0 4px;}

/*---- JavaScript & Flash Warning ----*/

p.global_noscript	{font-family:Arial, Helvetica, sans-serif; 
					font-size:10pt; 
					color:#000; 
					border-bottom:1px solid #000;
					text-align:center;
					margin:0 auto;
					padding:8px 12px 8px 50px; 
					line-height:1.4; 
					background:url(../images/common/icon_alert.png) no-repeat 8px center;
					background-color:#ffffbd;}

p.global_noscript a {color:053e26;
					font-size:10pt;
					text-decoration:underline;}

div#content	{position:relative;
			width:900px;
			margin:0 auto;}
			
div#top_decor	{position:absolute; 
				top:0;
				left:0;
				z-index:10;}
				
div#bottom_decor	{position:absolute; 
					left:0;
					bottom:0;
					z-index:10;}
					
ol.enable_js	{list-style:decimal;
				margin-left:25px;
				line-height:1.2em;}
				
strong#enable	{color:#a70000;}
			
/*------------------------------------- Home Styles ---------------------------------------------*/
			
div#home_banner	{position:relative;
				border:12px solid #161616;}
				
div#home_banner h2	{position:absolute;
					top:240px;
					font-size:32pt;}		

li#w_banner	{background:url(../images/home/web_banner.png) top left no-repeat;}

li#g_banner	{background:url(../images/home/graphic_banner.png) top left no-repeat;}

li#i_banner	{background:url(../images/home/illustration_banner.png) top left no-repeat;}

li#a_banner	{background:url(../images/home/animation_banner.png) top left no-repeat;}

li#w_banner h2	{left:2422px;}

li#g_banner h2	{left:3298px;}

li#i_banner h2	{left:4173px;}

li#a_banner h2	{left:5051px;}

li#w_banner h1 span	{color:#ff8a00;}

li#g_banner h1 span	{color:#f00;}

li#i_banner h1 span	{color:#66cebf;}

li#a_banner h1 span	{color:#649800;}

li#w_banner h1, li#g_banner h1, li#i_banner h1, li#a_banner h1	{color:#fff;
																font-size:35pt;
																line-height:29pt;
																padding:15px 0 10px 30px;}

li#w_banner li, li#g_banner li, li#i_banner li, li#a_banner li	{color:#fff;
																font-size:28pt;
																font-family:impact, "Arial Black", Gadget, sans-serif;
																padding:0 0 0 60px;}

div#slider	{position:relative;
			border:12px solid #161616;
			margin:15px 0 0;
			z-index:100;}
			
img.btn_border	{border-right:12px solid #161616;}

div#services	{position:absolute;
				top:344px;
				left:0;
				width:900px;
				height:192px;
				background:url(../images/home/slider_bg.jpg) top left repeat-x;
				z-index:10;}

div.services	{float:left;
				margin:0 0 0 12px;
				width:210px;}

div.services h2	{margin:10px 0 0 8px;}

div.services ul	{float:left; 
				list-style:disc; 
				font-size:11pt;}

div.services ul li	{margin:0 0 0 25px;
					color:#a70000;}
					
div.services ul li span	{color:#000;}

div#clients, div#featured	{position:relative;
							background:url(../images/common/content_bg.png) top left repeat;
							width:398px;
							min-height:305px;
							border:12px solid #161616;
							float:left;
							padding: 10px;
							z-index:100;}
							
div#clients h2, div#featured h2	{color:#fff;}
			
div#clients	{margin:15px 16px 15px 0;}

div#featured	{margin:15px 0;}		

div#clients ul li	{margin:20px 0 0 0;
					text-align:center;}

img.left	{margin:0 40px 0 0}

p.links	{position:absolute; 
		top:20px;
		right:10px;}
		
p.links a	{font-size:10pt;}

div#slide_show	{margin:12px 0 6px 17px;}

/*------------------------------------- Portfolio Styles ---------------------------------------------*/

ul#sub_nav	{position:relative;
			padding:5px 0 10px 25px;
			width:846px;
			z-index:100;}

ul#sub_nav li	{font-family:impact, "Arial Black", Gadget, sans-serif;
				font-size:15pt;
				float:left;
				text-align:center;
				margin:27px 0 0 34px;}

ul#sub_nav li#head	{margin:0;}

ul#sub_nav li#head h1	{color:#fff;
						font-size:35pt;}

div#port_slider	{position:relative;
				background:#2e2e2e url(../images/common/port_bg.jpg) top left repeat-x;
				border:1px solid #a70000;
				width:800px;
				min-height:500px;
				margin:60px auto 25px;
				padding:10px;
				z-index:100;}
				
div#port_slider h3	{font-size:16pt;
					margin:10px 0;}
					
div#port_slider p#port_link a	{font-size:11pt;}

div#port_slider p#port_link	{position:absolute; 
							top:429px;}
							
div#port_slider p	{margin:0 0 10px;
					color:#fff;
					line-height:1.25em}

div#port_slider	p.link1	{left:1475px;}

div#port_slider	p.link2	{left:2255px;}

div#port_slider	p.link3	{left:3035px;}

div#port_slider	p.link4	{left:3815px;}

div#port_slider	p.link5	{left:4595px;}

div#port_slider	p.link6	{left:5375px;}

div#port_slider	p.link7	{left:6155px;}

div#port_slider	p.link8	{left:6935px;}

div#port_slider	p.link9	{left:7715px;}

/*---- Web Portfolio Styles ----*/

ul#sub_nav li a#page1	{color:#ff8a00;}

h3.web	{color:#ff8a00;}

div#port_slider strong.web	{color:#ff8a00;}

/*---- Print Portfolio Styles ----*/

ul#sub_nav li a#page2	{color:#f00;}

h3.print	{color:#f00;}

div#port_slider strong.print	{color:#f00;}

img#vet	{padding:85px 0 86px;}

/*---- Illustration Portfolio Styles ----*/

ul#sub_nav li a#page3	{color:#66cebf;}

h3.ill	{color:#66cebf;}

div#port_slider strong.ill	{color:#66cebf;}

/*---- Animation Portfolio Styles ----*/

ul#sub_nav li a#page4	{color:#649800;}

h3.ani	{color:#649800;}

p.video	{text-align:center; 
		padding:25px 0 5px;}

div#port_slider strong.ani	{color:#649800;}

/*------------------------------------- Services Styles ---------------------------------------------*/

/*---- Services Page Styles ----*/

div.contain	{position:relative;
			width:876px;
			z-index:100;}
			
div#buttons	{height:65px;}

div#colmns	{height:495px;}

ul#sub_button	{padding:5px 0 10px 25px;
				width:846px;}

ul#sub_button li	{font-family:impact, "Arial Black", Gadget, sans-serif;
					width:225px;
					font-size:15pt;
					float:left;
					text-align:center;
					margin:4px 0 0 78px;}

ul#sub_button li#head	{margin:0; 
						text-align:left;}

ul#sub_button li#head h1	{color:#fff;
							font-size:35pt;}
						
ul#sub_button h4	{color:#fff; 
					font-family:impact, "Arial Black", Gadget, sans-serif;
					font-weight:normal;
					margin:6px 0 0;
					line-height:1em;
					text-align:left;}
					
ul#sub_button img	{float:left;
					padding:8px 5px 0 0;}

ul#columns	{position:relative;
			padding:0;
			margin:0 0 0 23px;
			display:block;}

ul#columns li.main_colm	{background:#191919 url(../images/services/column_bg.jpg) top left repeat-x;
						border:1px solid #a70000;
						width:200px;
						height:455px;
						margin:15px 3px 25px;
						padding:0;
						z-index:100;
						float:left;}
				
ul#columns li h4	{font-family:impact, "Arial Black", Gadget, sans-serif;
					font-size:16pt;
					font-weight:normal;
					margin:15px 0 2px;
					padding:0;
					text-align:center;}

ul#columns li h3	{margin:10px 0 0 5px;}

ul#columns li ul.services	{list-style:disc;
							margin:5px 0 10px 20px;}

ul#columns li ul.services li	{color:#fff;
								font-size:11pt;
								background:none;
								border:none;
								width:190px;
								margin:0 0 5px;
								padding:0;}
								
p.clmn_link	{width:100px;
			float:left;
			padding-bottom:10px;
			font-size:11pt;
			text-align:center; 
			vertical-align:bottom;}
			
p.clmn_link a	{text-decoration:underline;}

p#column1	{padding-top:5px;}

p#column4	{padding-top:69px;}

/*---- Services Common Styles ----*/

div#main_contain	{position:relative;
					background:#2e2e2e url(../images/common/port_bg.jpg) top left repeat-x;
					border:1px solid #a70000;
					width:590px;
					min-height:739px;
					margin:15px 5px 25px 25px;
					padding:15px; 
					z-index:100;
					color:#fff;}
					
div#main_contain p	{padding:10px 0 0;
					line-height:1.3em;}

div#main_contain ol	{list-style:decimal;
					line-height:1.3em;
					margin-left:25px;}
					
div#main_contain li	{padding:5px 0 0;}

div#main_contain p strong	{color:#a70000;}
				
h3#sidelink	{font-size:18pt;
			text-align:center;}
			
ul#side_nav	{width:180px;
			font-size:11pt;
			padding:10px;
			line-height:1.3em;}

.Accordion	{position:absolute;
			top:64px;
			left:650px;
			margin:16px 0 25px;
			width:200px;
			border:1px solid #a70000;
			border-top:none;
			overflow: hidden;
			z-index:100;}

.AccordionPanel {margin: 0px;
				padding: 0px;}

.AccordionPanelTab	{background:#2e2e2e url(../images/services/side_bg.jpg) top left repeat-x;
					border-top: 1px solid #a70000;
					margin:0;
					padding:5px 0;
					cursor: pointer;
					-moz-user-select: none;
					-khtml-user-select: none;}

.AccordionPanelContent 	{background:#2e2e2e url(../images/services/column_bg.jpg) top left repeat-x;
						overflow:auto;
						margin:0px;
						padding:0px;
						height:335px;}

.AccordionPanelOpen .AccordionPanelTab {background:#2e2e2e url(../images/services/side_bg.jpg) top left repeat-x; 
										padding:5px 0;}

.AccordionPanelTabHover {color:#555555; 
						padding:5px 0;}

.AccordionPanelOpen .AccordionPanelTabHover {color:#555555; 
											padding:5px 0;}

.AccordionFocused .AccordionPanelTab 	{background:#2e2e2e url(../images/services/side_bg.jpg) top left repeat-x; 
										padding:5px 0;}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab	{background:#2e2e2e url(../images/services/side_bg.jpg) top left repeat-x; 
															padding:5px 0;}

h2.space	{margin-top:15px;}

h2#web	{color:#ff8a00;}

h2#print	{color:#f00;}

h2#ill	{color:#66cebf;}

h2#ani	{color:#649800;}

div.bottom_links	{min-height:35px;}

div.bottom_links a	{text-decoration:underline;}

p.toplink	{float:left; margin-right:50px;}

p.examples	{float:left;}
															
/*---- Flash Page Styles ----*/

div#rhap	{margin:0 0 0 20px;}

div#rhap p strong.ani	{color:#649800;}

/*------------------------------------- Site Map & Client Page Styles ---------------------------------------------*/

ul.top_level	{margin:5px 0 5px 40px;
				list-style:disc;}

ul.second_level	{margin:0 0 0 25px;
				list-style:circle;}
								
/*------------------------------------- Contact Page Styles ---------------------------------------------*/

div#contact	{margin:25px 0 0;}

div#contact ul li	{margin:0 0 10px;}

div#contact ul li.float_title	{width:175px;
								float:left;
								margin-right:5px;
								text-align:right;}

div#contact ul li.submit	{width:175px;
							text-align:right;
							float:left;}

li strong	{color:#f00;}

div#thanks	{margin:10px 0 0 25px;}

div#thanks h2	{color:#fff;
				margin:15px 0 0;}
				
div#contact li.smaller	{font-size:10pt;
						float:left;
						width:200px;}

/*------------------------------------- About Page Styles ---------------------------------------------*/

img#bio	{margin:15px 10px 25px 0;
		border:1px solid #a70000;
		float:left;}
		
/*------------------------------------- Testimonial Page Styles ---------------------------------------------*/

h3.testimonial	{color:#f00; 
				padding-top:25px;}

div#main_contain p.testimonial strong	{color:#f00;}

/*------------------------------------- Pricing Page Styles ---------------------------------------------*/

div.price_contain	{position:relative;
					background:#2e2e2e url(../images/common/port_bg.jpg) top left repeat-x;
					border:1px solid #a70000;
					margin:0 auto 6px;
					width:800px;
					padding:15px;
					z-index:100;}

div.price_contain h3	{position:relative;
						margin:15px 0 10px;
						width:770px;}

div#price_top	{margin-top:15px;}

div#price_bottom	{margin-bottom:20px;}

div.price_contain p	{position:relative;
					margin:10px 0 0;
					color:#fff;
					line-height:1.25em;
					width:770px;}

div.price_contain ul li	{margin:0 0 10px;
						color:#fff;}

div.price_contain ul li.float_title	{float:left;
									margin-right:5px;
									text-align:right;}

div.price_contain ul li#price_float	{width:115px;
									text-align:left;}

div.price_contain ul.form_clmn2 li.float_title	{width:144px;}

ul.form_clmn2	{position:absolute;
				left:405px;
				top:182px;
				width:450px;}

div.price_contain ul li.submit	{width:175px;
								text-align:right;}

div.price_contain ul li strong	{color:#f00; 
								font-weight:bold}

div.price_contain ul li.left_float	{float:left;
									width:265px;}
									
div.price_contain ul li.right_float	{float:left;
									width:300px;}
									
div.price_contain ul li.smaller	{font-size:10pt;
								margin-bottom:0;}
								
div.price_contain ul li.half_field 	{float:left;
									width:400px;}
				
div.price_contain ul.price_desc	{list-style:disc;
								margin:10px 0 0 20px;
								width:365px;}					

div.price_contain strong.web, div.price_contain h2.web	{color:#ff8a00;}

div.price_contain strong.print, div.price_contain h2.print	{color:#f00;}

div.price_contain strong.ill, div.price_contain h2.ill	{color:#66cebf;}

div.price_contain strong.ani, div.price_contain h2.ani	{color:#649800;}

/*------------------------------------- FAQs Page Styles ---------------------------------------------*/

ol.faq li	{list-style:decimal; 
			margin:5px 0;}
			
/*------------------------------------- Fanbox Styles ---------------------------------------------*/

#fanbox	{top:560px;}