* 			{margin:0px; padding:0px;}
body		{width:100%; height:100%;}
a			{color:#000;}

#clear		{clear:both;}
#box_link	{border:0px solid #0f0; position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1;}

.footer-nav	a {text-decoration: none;}
.footer-nav a:hover {text-decoration: underline;}

@font-face {
    font-family: 'capsuularegular';
    src: url('fonts/Capsuula-webfont.eot');
    src: url('fonts/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Capsuula-webfont.woff') format('woff'),
         url('fonts/Capsuula-webfont.ttf') format('truetype'),
         url('fonts/Capsuula-webfont.svg#capsuularegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#custom-font { font-family: 'capsuularegular';}



#custom-font-prod { font-family: 'capsuularegular'; font-size:24px;}


#row {}

#row-content {width:930px; padding:30px; margin-left: auto; margin-right:auto;}
#content-cell-anchor	{width:270px; background:#ffac00; padding:20px; text-align: center; color:#fff; float:left;}

#content-cell	{width:270px; background:#fd6f17; padding:20px; text-align: center; color:#fff; float:left; position:relative; z-index:10;}
#content-cell-2	{width:270px; background:#f9493b; padding:20px; text-align: center; color:#fff; float:left; position:relative; z-index:10;}



#content-cell:hover {background: #ce4910;}
#content-cell-2:hover {background: #bb342e;}






.grad

 { 
 /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#fafafa)); 
 /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #dddddd, #fafafa); 
 /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #dddddd, #fafafa); 
 /* IE 10 */ background: -ms-linear-gradient(top, #dddddd, #fafafa); 
 /* Opera 11.10+ */ background: -o-linear-gradient(top, #dddddd, #fafafa); 
 }

#contact-page			{margin:20px; background: #eee;}
#contact-page-left		{border:0px solid #555; width:300px; float:left; overflow: hidden; height:536px;}
#contact-page-left img	{position: relative; top:-130px; width:1400px; left:-572px;}
#contact-page-right		{border:0px solid #555; width:498px; float:left; text-align: left; padding:20px; color:#777;}
#contact-page-right table	{color:#777; letter-spacing: 2px;}

#contact-page input		{margin:10px; padding:8px;}
#contact-page textarea	{margin:10px; padding:8px; border:1px solid #ccc;}



#breakdown-row		{float:left; border:0px solid #f00; text-align: left;}
#breakdown-thumb	{float:left; border:0px solid #0f0;}
#breakdown-copy		{float:left; border:0px solid #00f; font-size:20px; width:580px; padding:10px 10px 10px 20px;}


.breakdown-grad

 { 
 /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#f6f6f6)); 
 /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6); 
 /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #fcfcfc, #f6f6f6); 
 /* IE 10 */ background: -ms-linear-gradient(top, #fcfcfc, #f6f6f6); 
 /* Opera 11.10+ */ background: -o-linear-gradient(top, #fcfcfc, #f6f6f6); 
 }



#resume-row		{float:left; border:1px solid #fff; width:880px; padding:20px; font-size:24px;}
#resume-body	{font-size: 20px;}

#resume-body i	{color:#c8aa00;}


#contact-row	{float:left; border:1px solid #bbb;}
#contact-row input	{width:600px; font-family:'capsuularegular'; font-size:30px; padding:15px;}

#contact-row textarea	{width:600px; font-family:'capsuularegular'; font-size:30px; padding:15px; border:1px solid #bbb;}


#contact-label	{float:left; border:0px solid #333; width:120px; padding:40px;}
#contact-input	{float:left; border:0px solid #333; padding:20px;}


.fsSubmitButton
{
padding: 30px;

background-color: #f6f6f6;


color: #000;

border: 1px solid #aaa;


box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;

font-size: 30px;
}


.fsSubmitButton:hover
{background:#fff;}












    #recaptcha_image,  
    #recaptcha_image img   
    {  
        width: 460px !important;
        height:100px !important;
        cursor: pointer;  
    }  

.recaptcha_image_cell	{height:120px !important;}
.recaptcha_image_cell center {height:60px !important; margin-top:-40px !important;}


#recaptcha_response_field {margin-top:10px; border:1px solid #ccc !important; font-size:24px !important;}


#recaptcha_widget_div	{background:#fff !important;}





#prod-skills-table		{border-collapse: collapse; box-shadow: 0 0px 30px #ddd; font-size:28px;}
#prod-skills-table td	{border:1px solid #fdcb7c; padding:20px; vertical-align: top; background:#f6f6f6; line-height: 80px;}

#software-table			{border-collapse: collapse;}
#software-table td		{border:1px solid #999; padding:20px; text-align: center; width:200px; margin-left:auto; margin-right: auto; background:#e7e0ec;}


#resume-row-prod		{float:left; border:1px solid #fff; width:880px; padding:20px; font-size:24px; background:#d6e5ef;}


#logo-box				{width:140px; height:140px; border-radius: 70px; border:1px solid #d0ff89; background:#eee; margin:20px; float:left;}
#logo-box-employers		{width:140px; height:140px; border-radius: 70px; border:1px solid #fdcb7c; background:#f5f5f5; margin:20px; float:left; box-shadow: 0 0 20px #ddd; overflow: hidden; text-align: center;}
#logo-box-employers img	{width:90px; margin-top:24px;}

#logo-box-employers-holder	{width:180px; text-align: center; float:left; border:0px solid #777; font-size:22px;}



#prod-box			{width:403px; border:1px solid #fdcb7c; min-height:200px; float:left; padding:20px;background:#f5f5f5;}
#prod-box-row		{float:left; border:0px solid #000; width:380px; padding:10px;}
#prod-box-content	{float:left; border:0px solid #000; margin-left:20px;}
#prod-spacer		{width:40px; float:left; border:0px solid #0f0; height:200px;}

#prod-row			{width:898px; border:1px solid #fdcb7c; padding:20px; min-height:200px;background:#f5f5f5;}








#bar-graph		{width:25px; margin-left: auto; margin-right: auto; z-index: 1000; position:relative; border-radius: 0 0 14px 14px}
#bar-graph-name	{float:left; text-align: center; width:55px; height:50px; padding:6px;}

.graph-01		{background:#193768; height:380px;}
.graph-02		{background:#383737; height:400px;}
.graph-03		{background:#484a66; height:270px;}
.graph-04		{background:#f9b41b; height:290px;}
.graph-05		{background:#e1e2e6; height:310px;}
.graph-06		{background:#6f0d20; height:200px;}



#software-graph-div				{border:1px solid #999; padding:20px; background: #fcf9ff;}
#software-graph-div-left-meter	{border:0px solid #bbb; padding:10px; font-size: 18px; text-align: center; float:left; vertical-align: baseline; height:490px; width:80px;}
#software-graph-div-left		{border:0px solid #bbb; padding:10px; font-size: 18px; text-align: center; float:left; vertical-align: baseline; position:absolute; bottom:0;}
#software-graph-div-left img	{margin-bottom: -10px; position: relative; z-index: 2000;}
#software-graph-div-align		{height:510px; width:70px; position:relative; float:left; border:0px solid #bbb;}


#software-graph-div-left-meter-increments	{height:110px; border-top:1px solid #ccc; text-align: left; z-index: 1; width:830px; position:relative; padding-left: 20px;}




.prog-graph-01		{background:#f16529; height:400px;}
.prog-graph-02		{background:#33a9dc; height:320px;}
.prog-graph-03		{background:#80869e; height:300px;}
.prog-graph-04		{background:#f9b41b; height:200px;}




#programming-graph-div				{border:1px solid #999; padding:20px;}
#programming-graph-div-left-meter	{border:0px solid #bbb; padding:10px; font-size: 18px; text-align: center; float:left; vertical-align: baseline; height:490px; width:150px;}
#programming-graph-div-left		{border:0px solid #bbb; padding:10px; font-size: 18px; text-align: center; float:left; vertical-align: baseline; position:absolute; bottom:0;}
#programming-graph-div-left img	{margin-bottom: -10px; position: relative; z-index: 2000;}
#programming-graph-div-align		{height:510px; width:70px; position:relative; float:left; border:0px solid #bbb;}


#programming-graph-div-left-meter-increments	{height:110px; border-top:1px solid #ccc; text-align: left; z-index: 1; width:800px; position:relative; padding-left: 20px;}


#software-graph-div-spacer		{width:60px; height:510px; position:relative; float:left;}




#programming-graph-div-left-meter-bottom	{height:110px; text-align: left; z-index: 1; width:800px; position:relative; padding-left: 20px;}



#software-graph-div-category-software	
	{
	border-left:1px solid #999; 
	border-right:1px solid #999;
	border-bottom:1px solid #999; 
	width:440px; 
	height:35px;
	float:left;
	text-align: center;
	padding-top:10px;


	position:absolute;
	bottom:10px;
	left:80px;
	}


#software-graph-div-category-programming	
	{
	border-left:1px solid #999; 
	border-right:1px solid #999;
	border-bottom:1px solid #999; 
	width:300px; 
	height:35px;
	padding-top:10px;
	float:left;
	text-align: center;
	
	position: absolute;
	bottom:10px;
	left:566px;
	}

#donut-holder		{border:0px solid #00f; width:900px; margin-left:auto; margin-right:auto; position:relative; z-index:10;}
#donut-legend		{width:290px; position:absolute; z-index: 100; border:0px solid #f00; top:80px; right:50px; font-size:22px; line-height: 50px;}
#donut-squares		{width:20px; height:20px; float:left; border:0px solid #fff; margin-right:15px; margin-top:12px; border-radius: 10px;}
#donut-lines		{border-top:1px solid #888; float:left; margin-right:10px; width:20px; margin-top:22px;}

.donut-01			{background: #179b08;}
.donut-02			{background: #095ba6;}
.donut-03			{background: #f9c129;}

.donut-04			{background: #e90b0c;}
.donut-05			{background: #20cce6;}
.donut-06			{background: #dc0ae4;}