@charset "UTF-8";
html 		{
			overflow-y: scroll;
			}
	
body		{
			font-family:Helvetica, Futura, Arial, sans-serif;
			margin:0;
			padding:0;
			text-align:center;
			background:url(../Images/BKGD.gif);
			font-size:16px;
			}			

a			{
			font-weight:bold;
			text-decoration:none;
			color:#737373;
			}	
			
h2			{
			font-size:81.3%;
			text-transform:uppercase;
			color:#00A4E4;
			letter-spacing:.231em;
			padding:0;
			margin:1.538em 0 0 2.308em;
			}				

a:hover		{
			color:#00A4E4;
			}
								
#wrapper	{
			width:51.25em;
			margin:0 auto;
			padding:0;
			text-align:left;
			color:#737373;
			text-decoration:none;
			}
			
img			{
			border:0;
			}


#contact	{
			width:51.25em;
			margin:0;
			padding:0;
			}
	
#toggleButton 
			{
			margin:.313em 0 0 22.5em;
			height:1.563em;
			width:6.25em;
			padding:0;
			}

#toggleButton img
			{
			width:6.25em;
			margin:0;
			padding:0;
			}
						
.contactContent 
			{
			display:none;
			height:29em;
			background:url(../Images/BKGD.gif) repeat-x left bottom #FFF;
			font-size:62.5%;
			line-height:1.6em;
			margin:0;
			padding:0;
			}
			
.message 	{
			display:none;
			width:20em;
			color:#00A4E4;
			line-height:1.6em;
			padding:0;
			margin:0;
			}					

#contact ul {
			list-style-type:none;
			margin:0;
			}
			
#contact li {
			border:0;
			padding:0 0 1.7em 0;
			}
			
#contact li.special 
			{
			display:none;
			}
			
#contact input
			{
			font-size:100%;
			padding:0;
			margin:0;
			width:20em;
			height:3em;
			border:0;
			border:.1em solid #F5F5F5;
			}

#contact textarea
			{
			font-size:100%;
			height:20em;
			width:30em;			
			border:0;
			border:.1em solid #F5F5F5;
			padding:.5em;
			margin:0;
			}					

#optional	{
			font-style:italic;
			}
				
.submitbutton
			{
			width:23.5em;
			height:3em;
			}

#ContactCol1 
			{
			float:left;
			margin:0;
			padding:2em 0 2em 2em;
			width:20em;
			display:inline;
			}

#ContactCol2 
			{
			float:left;
			margin:0;
			padding:2em .5em 2em 1em;
			display:inline;
			width:20em;
			}

#ContactCol3
			{
			float:left;
			margin:0;
			padding:2em 0 2em 1em;
			display:inline;
			width:30em;
			}
			
.clear		{
			clear: both;
			height: 0;
			visibility: hidden;
			display: block;
			}
									
#header		{
			width:51.25em;
			height:10em;
			margin:0;
			padding-bottom:.313em;
			background:url(../Images/BKGD.gif) repeat-x left bottom #FFF;
			}
			

#Logo		{
			margin:0;
			padding:0;
			}
			
#Logo img	{	
			width:17.313em;
			margin:1.563em 0 0 1.875em;
			padding:0;
			}		
			
#MainNav	{
			margin-top:.625em;
			padding:0;
			color:#000;
			font-weight:bold;
			}
			
#MainNav ul	{
			list-style-type:none;
			margin:0;
			padding:0;
			text-align:center;
			}
					
#MainNav ul li
			{
			display:inline;
			margin:0;
			}

			
#MainNav a
			{
			color:#000;
			font-size:62.5%;
			letter-spacing:.111em;
			padding:0;
			margin:0;
			text-decoration:none;
			}	

#MainNav .separator	
			{
			font-size:75%;
			margin:0 0 0 -.167em;
			padding:0;
			}
			
#MainNav a:hover
			{
			color:#00A4E4;
			}		
			
.indexImage	{
			width:51.25em;
			margin:0;
			padding-top:.313em;
			}	

.indexImage#Welcome
			{				
			background-color:#FFF;
			}		

.indexImage img
			{
			padding:1.563em 0 .625em 1.875em;
			margin:0;
			width:47.813em;
			height:30.625em;
			}
			

			
#Testimonials
			{
			width:51.25em;
			height:18.75em;
			margin:0;
			padding:0;
			background-color: #FFF;
			float:left;
			display:inline;
			}
						
#FirstQuote
			{
			margin-left:1.875em;
			}
			
.TestQuote	{
			float:left;
			width:15.938em;
			margin:0;
			padding:1.25em 0 1.25em 0;
			display:inline;
			line-height:1em;
			}


			
.TestQuote img
			{
			float:left;
			margin:0 .625em .313em 0;
			padding:0;
			display:inline;
			width:2.063em;
			height:2.558em;
			}

.TestQuote p
			{
			margin:0;
			padding-right:2.5em;
			font-size:62.5%;
			}			
			
.QuoteName
			{
			font-weight:bold;
			}

.QuoteTitle
			{
			font-style:italic;
			}		

#secondaryContent 
			{
			float:left;
			display:inline;
			margin:0;
			padding:.313em 0 1.25em 0;
			background-color: #FFF;
			}			
			
#Featured
			{
			width:25.625em;
			margin:0;
			padding:0;
			background-color:#FFFFFF;
			float:left;
			display:inline;
			}	
			
#Featured h3
			{					
			font-size:62.5%;
			letter-spacing:.188em;
			padding:1em 2em 0 3em;
			margin:0;
			}
			
#Featured p	{
			margin:0;
			font-size:62.5%;
			line-height:1.6em;
			padding:.5em 3em 2em 3em;
			}

#Featured img
			{
			padding:1.25em 0 0 1.875em;
			}			
						
#Photos
			{
			width:25.313em;                 
			margin:0; 
            padding-left:.313em; 
            float:left; 
            display:inline; 
            background-color:#FFFFFF; 
			}			
	
#Photos	img	{
			padding:1.25em 0 0 1.875em;
			}	
			
#Photos p	{
			margin:0;
			font-size:62.5%;
			line-height:1.6em;
			padding:1.9em 2em 2em 3em;
			}					
			
#Footer		{
			clear:both;
			width:51.25em;
			height:3.125em;
			margin:0;
			padding-top:.313em;
			background:url(../Images/BKGD.gif) repeat-x left top #FFF;
			float:left;
			display:inline;
			}	

p img		{
			width:.9em;
			height:.9em;
			}
						
#Copyright	{
			font-size:56.3%;
			float:right;
			display:inline;
			padding:0;
			margin:1.667em 4.444em 1.25em 0;
			}				
			
#MyLinks ul
			{
			list-style:none;
			margin:1.125em 0 0 2.188em;
			padding:0;
			float:left;
			display:inline;
			}
			
#MyLinks ul li
			{
			display:inline;
			}	

#LinkedIn
			{
			width:3.313em;
			height:.938em;
			}
			
.Spacer
			{
			width:.438em;
			height:.938em;
			}			
			
#LastFM
			{
			width:2.25em;
			height:.938em;
			}				
			
#Flickr
			{
			width:2.313em;
			height:.938em;
			}
			
#Facebook
			{
			width:3.5em;
			height:.938em;
			}							
			
			
.PageHeader	{
			width:51.25em;
			height:2.813em;
			background-color:#FFFFFF;
			margin:0;
			padding:0;
			float:left;
			display:inline;
			}
			
			
.PageHeader h2			
			{						
			margin:0;
			padding:1.923em 0 1.538em 2.308em;
			background-color:#FFF;
			}
			
#PortfolioContent
			{
			width:51.25em;
			margin:0;
			padding:0;
			background-color:#FFFFFF;
			float:left;
			display:inline;
			}

#workNav	{
			float:left;
			width:13.75em;
			margin:0;
			padding-top:.938em;
			display:inline;
			}

#workNav ul	{
			padding-left:1.875em;
			margin:0;
			list-style-type: none;
			}
						
#workNav li{
			margin:0;
			padding:1.111em 0 1.111em 0;
			text-transform: uppercase;
			font-size:.563em;
			line-height:1.5em;
			letter-spacing:.111em;
			cursor:pointer;
			}
			
		

#workNav li:hover, #workNav li.sfhover
			{
			color: #00A4E4;
			cursor: pointer;
			}

#workNav p	{
			padding:.556em 0 .556em 3.333em;
			font-size:.563em;
			line-height:1.5em;
			letter-spacing:.111em;
			margin:0;
			font-style:italic;
			}			

#workNav .thumb
			{
			width:1.222em;
			display:inline;
			margin:0;
			padding:0 .188em 0 0;
			}
			
#workNav .thumb img
			{
			width:1.222em;
			}						

.accordionContent 
			{
			padding-bottom:1.25em;
			margin:0;
			}

			
#ajaxContent
		 	{
			float:left;
			display:inline;
			width:37.188em;
			margin:0;
			background-color:#FFFFFF;
			padding:0;
			}			


#content	{
			float:left;
			display:inline;
			width:37.188em;
			margin:0;
			padding:0;
			}

#content img
			{
			margin:0;
			padding:1.563em 1.875em 1.563em 2.188em;
			width:33.125em;
			}
			
#content2 
			{
			width:37.188em;
			float:left;
			display:inline;
			background-color:#FFFFFF;
			padding:0;
			height:7.813em;
			}
			
#content2 p
			{
			margin:0 4em 2em 3.5em;
			padding:0;
			font-size:62.5%;
			line-height:1.6em;
			}

#content2 .bold
			{
			font-weight:bold;
			}
						
#content2 h5	
			{
			margin:0 2.727em 0 3.182em;
			padding:0;
			font-size:68.8%;
			line-height:1.6em;
			color:#00A4E4;
			}														

a#workNav	{
			cursor:pointer;
			color: #00A4E4;
			text-decoration: none;
			}			
			
			
			
#open		{
			border:0;
			}	

#InfoContent	
			{
			float:left;
			width:51.25em;
			background:url(../Images/BKGD.gif) repeat-x left top #FFF;
			margin:0;
			padding:0;
			display:inline;
			}


						
#SkillsCol
			{
			width:25.313em;                 
			margin:0; 
            padding-left:.313em; 
            float:left; 
            display:inline; 
            background-color:#FFFFFF; 
			}
			
#SkillsCol .Cols
			{
			width:10em;
			float:left;
			padding:0;
			margin:0;
			}			


#AboutCol
			{
			float:left;
			display:inline;
			width:25.625em;
			background-color:#FFFFFF;
			margin:0;
			padding:0.625em 1.25em 1.875em 1.875em;
			}

#AboutCol
			{
			width:25.625em;
			margin:0;
			padding:0;
			background-color:#FFFFFF;
			float:left;
			display:inline;
			}	
			
			
#InfoContent p	{
			margin:0;
			font-size:62.5%;
			line-height:1.6em;
			padding:.5em 3em 2em 3em;
			}	

#InfoContent ul
			{
			font-size:62.5%;
			padding:0 0 2em 3em;
			line-height:1.6em;
			list-style-type:none;
			}								

#InfoContent a
			{
			text-decoration:none;
			}
			
#InfoContent h2
			{
			margin-bottom: 0.938em;
			}

#New		{
			font-weight:bold;
			font-size:11px;
			color:#00A4E4;
			}