/* html {height:100.03%;}*/
html {overflow:-moz-scrollbars-vertical;}
body {margin:0; padding:0; font-size:62.5%; font-family:verdana,arial,helvetica,sans-serif; background: #111111 url(images/bg1.jpg) no-repeat top left; background-attachment:fixed; color:#ffffff; text-align:center;/* For IE */}	


a {color:#FF0E0D;}  /* ff6600 */
a:hover {color: #3c3c3c;}

	#canvas 	{position:relative; top:25px; width:675px; margin:0 auto;}	
	#logo 		{position:absolute; top:1px;   left:0px;   				width:334px; height:171px; border:0px;}		
	#menu 		{position:absolute; top:-4px;  left:339px; 				width:344px; height:171px;}	
	#content	{position:absolute; top:176px; left:-1px; _left:-2px;   width:680px; padding-bottom:25px; text-align:left;}
	#footer     	{width:664px; padding:5px 5px 6px 5px; margin-left:1px; margin-right:4px; background-color:#2e2525; color:#eeeeee; text-align:right;}
	#navigation {}
	
	#footer a {text-decoration: none; color:#eeeeee;}
	#footer a:hover {color:#F40200;}
	
	.left {width:50%; text-align:left; float:left;}
	.right {width:50%; text-align:right; float:left;}

	.skip {position:absolute; left:-999em;}
	a.skip:active, a.skip:focus {top:0px; left:37px; width:260px; height:18px; font-size:0.9em; font-size-adjust:0.5; font-weight:bold; text-align:center; padding:6px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#FF0E0D; color:#ffffff; text-decoration:none; text-transform:uppercase; z-index:100;}	
	.blackbox {position:absolute; left:-999em;}
	
	#menu div {width:96px; height:71px; padding:6px; margin:5px 5px 0px 0px; color:#ffffff; background-color:#2e2e2e; float:left;}

	#menu a {width:96px; height:71px; font-size:0.9em; font-size-adjust:0.5; font-weight:bold; text-align:right; padding:6px; margin:5px 5px 0px 0px; color:#ffffff; background-color:#CD0201; float:left; text-decoration:none; text-transform:uppercase;}
	#menu a span {color:#ffdb84;}
	#menu a:hover {background-color:#fe9601;}
	#menu a:hover span {color:#FFEAB7;}

	#menu a.special {background-color:#F10201; color:#ffffff;}
	#menu a.special span {color:#aaaaaa;}
	#menu a.special:hover {background-color:#fe9601;}
	#menu a.special:hover span {background-color:#fed26a;}

	#menu a.selected {background-color:#ffffff; color:#ff0000;}
	#menu a.selected span {color:#bbbbbb;}
	#menu a.selected:hover {background-color:#e5e6d2; color:#ff0000;}
	#menu a.selected:hover span {color:#888888}	

/*	
	#menu a.selected {background-color:#ffffff; color:#ff0000;}
	#menu a.selected span {color:#bbbbbb;}
	#menu a.selected:hover {background-color:#E00201; color:#ffffff;}
	#menu a.selected:hover span {color:#fed26a}

	#menu a.selected {background-color:#fe9601; color:#ffffff;}
	#menu a.selected span {color:#eeeeee;}
	#menu a.selected:hover {background-color:#E00201; color:#ffffff;}
	#menu a.selected:hover span {color:#fed26a}
*/
	#paging {position:absolute; top:148px; left:37px;}
	#paging div {width:86px; height:24px; padding:0px; margin:0px 1px 0px 0px; background-color:#FF0E0D; color:#ffffff; float:left;}
	#paging a {width:86px; height:18px; font-size:0.9em; font-size-adjust:0.5; font-weight:bold; text-align:center; padding:6px 0px 0px 0px; margin:0px 0px 0px 0px; color:#ffffff; background-color:#FF0E0D; float:left; text-decoration:none; text-transform:uppercase;}
	#paging a:hover {background-color:#E80201;}

	.footer_note a {color:#666666;}
	.footer_note a:hover {color:#eeeeee}
	
#contentcontainer {position:absolute; top:206px; left:71px; width:680px; overflow:hidden; padding-bottom:20px;}
	#content {position:relative;}
		#thumbs {_margin-left:1px;}
		.thumbs a {display:block; float:left; width:108px; height:83px;	margin:0px 3px 3px 0px;	padding:1px; overflow:hidden;}
		.thumbs a img {border: 4px solid #eeeeee; background: #f5f5f5 url(images/retrieving_thumb01.gif);}
		.thumbs a:hover img {border: 4px solid #999999;}

		.thumbs span {display:block; float:left; width:108px; height:83px; margin:0px 3px 3px 0px; padding:1px; overflow:hidden;}
		.thumbs span img {border: 4px solid #eeeeee; background: #f5f5f5 url(images/retrieving_thumb01.gif);}
		
		#project {margin:0px;}
	 	.project0 img {display:block; float:left; width:673px; height:523px; margin:1px 4px 4px 1px; padding:0px;  border:0px #edeede solid; background: #ffffff url(images/retrieving_project01.gif);}
	 	.project1 img {display:block; float:left; width:641px; height:491px; margin:1px 4px 4px 1px; padding:0px;  border:16px #edeede solid; background: #ffffff url(images/retrieving_project01.gif);}
 	  	.project2 img {display:block; float:left; width:673px; height:259px; margin:1px 4px 4px 1px; padding:0px; border:0px;                background: #ffffff url(images/retrieving_project01.gif);}
 	  	.project4 img {display:block; float:left; width:334px; height:259px; margin:1px 4px 4px 1px; padding:0px; border:0px;                background: #ffffff url(images/retrieving_project01.gif);}
		.projecttext {display:block; float:left; width:310px; _height:235px; min-height:235px; margin:1px 4px 4px 1px; padding:4px; border: 8px solid #ffffff; background-color:#ffffff; color:#3c3c3c;}
		.projecttext h1 {color:#ff0000; font-size:1em;  margin:0 0 0.2em 0;}
	  
		.photo img {display:block; float:left; width:641px; height:491px; margin:1px 4px 4px 1px; padding:0px;  border:16px #edeede solid; background: #f5f5f5 url(images/retrieving_project01.gif);}

		.contenttext {display:block; float:left; width:649px; _height:239px; min-height:239px; margin:1px 4px 4px 1px; padding:4px 4px 0px 4px; border:8px solid #ffffff; background-color:#ffffff; color:#666666;}
		.contenttextexact {display:block; float:left; width:649px; margin:1px 4px 4px 1px; padding:4px 4px 0px 4px; border:8px solid #ffffff; background-color:#ffffff; color:#666666;}
		.contenttextdouble {display:block; float:left; width:649px; _height:499px; min-height:499px; margin:1px 4px 4px 1px; padding:4px; border: 8px solid #ffffff; background-color:#ffffff; color:#3c3c3c;}
		.contenttextfull {display:block; float:left; width:649px; margin:1px 4px 4px 1px; padding:4px; border: 8px solid #ffffff; background-color:#ffffff; color:#3c3c3c;}

		h1 {color:#E60303; font-family: Georgia,Trebuchet MS, arial, sans-serif; font-size:1.4em;  margin:0 0 0.5em 0;}
		h2 {color:#E99A01; font-family: Georgia,Trebuchet MS, arial, sans-serif; font-size:1.2em;  margin:0 0 0.3em 0;} /* E9BD21 */
		h3 {color:#5E9722; font-size:0.9em;  margin:0 0 0.3em 0;}
		.highlight {font-weight:bold; color:#333333;}
		.alert {font-weight:bold; color:#FF0000;}
		p {margin: 0px 0px 13px 0px}
		p.trim {margin-bottom:0px;}
		
		.headshots {padding:5px 0px;}
		img.person {margin:1px 0px 1px 0px; padding:4px; background-color:#ffffff; border:1px solid #dddddd;}
		.bigfooterimage {border:0px; margin-top:1px; margin-left:1px; _margin-left:2px; margin-bottom:5px; _margin-bottom:3px;}
		ul.listpoints {margin:-5px 0px 0px 15px; padding:0px;}
		div.clearer {clear:both; line-height:0px; height:0px;}		

		
		/* Web Design - columns - 3 */ 
		.webdesign1  {width:205px; background-color:#ffffff; float:left; margin-bottom:0px; padding-bottom:0px;}
		.webdesign2 {width:199px; padding:10px; margin:0px 17px; background-color:#FEF4D7; float:left;padding-bottom:0px;} /* F8F8E7 */
		.webdesign3  {width:190px; background-color:#ffffff; float:left;margin-bottom:0px;padding-bottom:0px;} 

		/* Graphic Design */
		.graphicdesign1  {width:181px; float:left; margin-bottom:0px; padding-bottom:0px;}
		.graphicdesign2  {width:225px; margin:0px 20px; float:left;}
		.graphicdesign3  {width:203px; float:left; margin-bottom:0px; padding-bottom:0px;}

		/* Photography */
		.photography1  {width:192px; float:left; margin-bottom:0px; padding-bottom:0px;}
		/*.photography2  {width:203px; margin:0px 20px; float:left;}*/
		.photography2 {width:200px; padding:10px; margin:0px 17px; background-color:#FEF4D7; float:left;padding-bottom:0px;} /* F8F8E7 */
		.photography3  {width:203px; float:left; margin-bottom:0px; padding-bottom:0px;}

		/* About Us */
		.aboutus1  {width:190px; background-color:#ffffff; float:left;margin-bottom:0px;}
		.aboutus2  {width:420px; margin:0px 0px 0px 15px; float:left;margin-bottom:0px;}
		.aboutuspoints {width:423px; padding:10px 10px 0px 10px; margin:1px 0px 0px 0px; background-color:#FEF4D7; float:left;margin-bottom:0px;} 
		.aboutuscontact {width:423px; padding:10px 10px 0px 10px; margin:0px 0px 0px 0px; background-color:#ffffff; float:left;margin-bottom:0px;} 

		/* Contact Us */		
		.contactusdetails {width:255px; float:left;}
		hr.spliter1 {width:96%; border:0px; border-top:1px solid #aaaaaa; margin:17px 0px; _margin:0px 0px 5px 0px;}

		#contactusform    {width:350px; margin:0px 0px 0px 20px; float:left; background-color:#FEF4D7; padding:10px;}
		form							{width:100%; margin:0px; background-color:#FEE8A9;}
		form fieldset 					{width:100%; border:none; margin:0px; padding:0px;} 
		label, input, select, textarea  {margin:0.2em 0 0.2em 0;}
		form .row	 					{width:100%; margin:0; clear:left;}
		form .row label					{font-weight:bold; padding:0px 10px 0px 10px; width:17%; float:left; text-align:right;}
		form input, form textarea	 	{font:1em arial, helvetica, sans-serif; color:#666666; width:70%;}
		form .submitrow		 			{text-align:right; padding:4px 21px 7px 0px;}
		form .error						{color:#f33; font-weight:bold; display: block;}
		form .row .error				{margin:2px 0 2px 9em; padding:0;}

		/* Hosting */
		.hosting1  {width:203px; float:left; margin-bottom:0px; padding-bottom:0px;}
		.hosting2  {width:203px; margin:0px 20px; float:left;}
		.hosting3  {width:203px; float:left; margin-bottom:0px; padding-bottom:0px;}
		ul.domains {margin:-4px 0px 0px -1px; padding:0px;}
		ul.domains li {display:inline; float:left;list-style-type:none; margin:2px; padding:2px; width:58px; border:0px; background-color:#FEF4D7; font-weight:bold; text-align:center;}