/*
COLOR			HEX			RGB
BLUE			0094FF		0, 148, 255
BLUE.7			4DB4FF		77, 180, 255  (0094FF @ 70% ALPHA)
LIGHT BLUE		3FB2FF		63, 178, 255
ORANGE			FF9900		255, 153, 0
BLACK			000000		0, 0, 0
GRAY DARKEST	4C4C4C		76, 76, 76		(H2)
GRAY DARKEST.5 	A3A3A3		163, 163, 163  (4C4C4C @ 50% ALPHA)
GRAY DARKEST.3	C5C5C5		197, 197, 197  (4C4C4C @ 30% ALPHA)
GRAY DARK		808080		128, 128, 128
GRAY LIGHT		E5E5E5		229, 229, 229
WHITE			FFFFFF		255, 255, 255
RED DARK		620101		98, 1, 1
RED LIGHT		bf0000		191, 0, 0
*/

/* Resets BEGIN */
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! 
:focus {
	outline: 0;
}*/

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* Resets END ============================================= */
/* Globals BEGIN */
body {
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
color:#333333;
background-image:url(img/img-content-bg.png);background-repeat:repeat-x;
}

a:link, a:visited {color:#0094FF;}
a:hover, a:active {color:#3FB2FF;}

/* navigation */
#nav ol {background:url(img/img-nav-active-foldover.png) no-repeat;padding-left:30px;}
body.default #nav ol {background:url();}
body.about #nav ol {background-position:0 80px;}
body.life #nav ol {background-position:152px 80px;}
body.contact #nav ol {background-position:304px 80px;}

body.about #nav-about, body.contact #nav-contact, body.life #nav-life {height:100px;} 
body.about #nav-about a, body.contact #nav-contact a, body.life #nav-life a {height:100px;/*background:url(img/img-nav-active-red-black.png) repeat-x bottom left;*/background-position:0 -200px;color:#fff;text-shadow:1px 1px 4px #000;border-bottom:solid 1px #4C4C4C;
} 

p, li {line-height:1.3em;}
p {margin:20px 10px;}

h2 {font-size:18px;background-color:#A3A3A3;padding:10px;text-shadow:1px 1px 2px #4C4C4C;color:#fff;border: 2px solid #E5E5E5;}
h2 {background-color:rgb(76,76,76);background-color:rgba(76,76,76,.3);-moz-border-radius: 5px; -webkit-border-radius: 5px;}
h2.prime {background-color:#E5E5E5;}/*ie*/
h2.prime {font-size:36px;background-color:rgb(229,229,229);background-color:rgba(229,229,229,.5);padding:10px;text-shadow:1px 1px 2px #fff;color:#4C4C4C;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #E5E5E5;}
h2.flat {background:none;border:none;font-size:36px;color:#4C4C4C;text-shadow:1px 1px 2px #E5E5E5;}
h2 a {text-decoration:none;}
h3 {color:#620101;padding:10px;}

h2 {background-color:#bf0000;}
h2 {background-color:rgb(191,0,0);background-color:rgba(191,0,0,1);color:#620101;text-shadow:1px 1px 1px #fff;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(98, 1, 1);background-color:rgba(98, 1, 1,1);color:#E5E5E5;text-shadow:1px 1px 1px #4c4c4c;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(76, 76, 76);background-color:rgba(76, 76, 76,1);color:#620101;text-shadow:1px 1px 1px #e5e5e5;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0,1);color:#000;text-shadow:1px 1px 1px #e5e5e5;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(229, 229, 229);background-color:rgba(229, 229, 229,1);color:#620101;text-shadow:1px 1px 1px #E5E5E5;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(98, 1, 1);background-color:rgba(98, 1, 1,1);color:#fff;text-shadow:1px 0 0px #bf0000;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(76, 76, 76);background-color:rgba(76, 76, 76,1);color:#fff;text-shadow:1px 0 0px #808080;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0,1);color:#fff;text-shadow:1px 0 0px #E5E5E5;}

h2 {background-color:#000;border: 2px solid #000;}
h2 {background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0,1);color:#E5E5E5;text-shadow:1px 1px 0px #4C4C4C;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(98, 1, 1);background-color:rgba(98, 1, 1,1);color:#E5E5E5;text-shadow:1px 1px 1px #000;}

h2 {background-color:#620101;border: 2px solid #620101;}
h2 {background-color:rgb(98, 1, 1);background-color:rgba(98, 1, 1,1);color:#fff;text-shadow:1px 1px 1px #000;}



/*


h2 {border:solid 2px #4c4c4c;background-color:#4c4c4c;color:#FFF;text-shadow:0px 0px 10px #000;
text-shadow:0px 0px 2px #000;
text-shadow:1px 1px 0px #000;
}
*/


h2 {-moz-box-shadow:4px 4px 8px #4C4C4C;-webkit-box-shadow:4px 4px 8px #4C4C4C;}

/*
RED DARK		620101		98, 1, 1
RED LIGHT		bf0000		191, 0, 0
GRAY DARKEST	4C4C4C		76, 76, 76		(H2)
GRAY DARKEST.5 	A3A3A3		163, 163, 163  (4C4C4C @ 50% ALPHA)
GRAY DARKEST.3	C5C5C5		197, 197, 197  (4C4C4C @ 30% ALPHA)
GRAY DARK		808080		128, 128, 128
GRAY LIGHT		E5E5E5		229, 229, 229
BLACK			000000		0, 0, 0
*/

/*#footer {clear:both;background:url(img/img-footer-bg-blocks.png) repeat-x top left;padding:91px 0 0 0;}
#footer-content {background-color:#000;background-image:url(img/img-footer-content-bg-sphere.png);background-repeat:repeat-both;background-position:left top;}
#footer-copy {color:#E5E5E5;background-color:#000;background:url(img/img-footer-copy-bg-gradient.png) repeat-x top left;}
*/


/*working
#footer {background-color:#000;background-image:url(img/img-footer-bg-sphere.png);background-repeat:repeat-both;background-position:left top;}
#footer-copy {color:#808080;background-color:#000;background:url(img/img-footer-copy-bg-gradient.png) repeat-x top left;padding-bottom:40px;}
#end-content {clear:both;background:url(img/img-footer-bg-blocks.png) repeat-x bottom 80px;height:91px;}
#footer-copy #footer-text {width:1004px;margin:0 auto;border-top:solid 1px #000;}
*/

/*
#footer {clear:both;background-image:url(img/footer-circles.png);background-repeat:repeat-x;background-position:left top;padding:177px 0 0 0;}
#footer-copy {background-image:url(img/img-footer-copy-bg-stripes.png);background-repeat:repeat-x;background-position:left top;border:solid 1px yellow;}
*/

#footer {clear:both;background-image:url(img/img-footer-copy-bg-stripes.png);background-repeat:repeat-both;background-position:left top;}
#footer-copy {background-image:url(img/footer-circles.png);background-repeat:repeat-x;background-position:left top;border-top:solid 1px #fff;padding-top:130px;border-bottom:solid 1px #000;min-height:200px;}
#footer-copy #footer-text {width:1004px;margin:0 auto;color:#ccc;}
#footer-copy #footer-text p {width:100%;}


/*
#footer,#footer-content,#footer-copy {border-top:solid 0px red;border-bottom:solid 1px red;}

#footer-content {border:solid 1px yellow;}
#footer-copy {border:solid 1px green;}
*/

/* Globals END ============================================= */

/* Layout BEGIN */
body {}
#header {position:absolute;top:0;left:0;height:100px;width:100%;}
#bar {height:80px;}
#header h1 {position:absolute;top:10px;left:10px;}
/*
#header h1 a {display:block;height:80px;width:200px;background:url(img/img-logo.png) no-repeat top left;position:relative;}
#header h1 a:hover {background-image:url(img/img-logo-hover.png);}
#header h1 a span {position:absolute;left:-20000px;}
*/


/*
#header h1 a {display:block;height:50px;padding:0 10px;line-height:50px;color:#620101;color:#efefef;font-size:24px;font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 0px #000;
background-color:#620101;border:solid 1px #620101;
-moz-border-radius: 5px;-webkit-border-radius: 5px;

background-color:#262626;border:solid 1px #262626;text-shadow:1px 1px 1px #000;
background-color:#ccc;border:solid 1px #666;color:#666;text-shadow:1px 1px 0px #fff;color:#620101;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
}

#header h1 a:hover {text-shadow:1px 1px 0px #fff;text-shadow:0px 0px 16px #bf0000;
background-color:#620101;border:solid 1px #666;color:#ffffff;text-shadow:1px 1px 0px #000;

}
*/

/*
#header h1 a {display:block;height:50px;padding:0 10px;line-height:50px;color:#000;font-size:24px;font-weight:bolder;color:#620101;
text-decoration:none;
text-shadow:1px 1px 1px #666;
background-color:#fff;border-top:solid 2px #efefef;border-bottom:solid 2px #efefef;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
}

#header h1 a:hover {
background-color:#620101;border-top:solid 2px #efefef;border-bottom:solid 2px #efefef;color:#ffffff;text-shadow:1px 1px 0px #000;
background-color:#fff;color:#efefef;text-shadow:1px 1px 0px #620101;
}
*/

#header h1 a {display:block;height:50px;padding:0 10px;line-height:50px;color:#000;font-size:24px;font-weight:bolder;color:#620101;
text-decoration:none;
text-shadow:1px 1px 1px #efefef;
border-top:solid 2px #efefef;border-bottom:solid 2px #efefef;
background:url(img/sprite-nav-bg2.png) repeat-x 0 100px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
}

#header h1 a:hover {
/*color:#efefef;text-shadow:1px 1px 0px #620101;*/
background-position:0 -0px;
border-top:solid 2px #620101;border-bottom:solid 2px #620101;text-shadow:1px 1px 4px #4c4c4c;
}


#header h1 a span {}



#nav {width:1004px;margin:0 auto;}
#nav ol {float:right;height:120px;}
#nav ol>li {float:left;width:150px;height:80px;line-height:80px;margin-right:2px;background-color:#fff;}
#nav ol>li a {text-align:center;}
#content {width:1004px;margin:0 auto;padding-top:120px;clear:both;}
#copy {padding:5px 0 40px 0;min-height:538px;}
#secondary {padding:5px 0 40px 0;}

/* Layout END ============================================= */




/* Header BEGIN */
#header {height:100px;background:url(img/img-header-shadow.png) repeat-x bottom left;}/*works with IE*/
/*#header {background-color:#fff;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;}*/
#bar {background-color:#fff;}
#nav ol>li {}
#nav ol li a {display:block;padding:0 20px;color:#808080;font-family:Aharoni, Helvetica, sans-serif;font-size:24px;text-decoration:none;text-transform:uppercase;background-image:url(img/sprite-nav-bg2.png);background-repeat:repeat-x;background-position:left top;-webkit-transition: all 0.2s ease-out;}
#nav ol li a:hover {/*background:url(img/img-nav-hover.png) repeat-x bottom left;*/background-position:0 -100px;color:#fff;-webkit-transition: all 0.2s ease-out;} 
body.about #nav ol li#nav-about a:hover,  
body.contact #nav ol li#nav-contact a:hover, 
body.life #nav ol li#nav-life a:hover {/*background:url(img/img-nav-active-red-black.png) repeat-x bottom left;*/background-position:0 -200px;} 
/* Header END ============================================= */

/* Default BEGIN */
/*
h2 {font-size:36px;background-color:#666;padding:15px 10px;text-shadow:0 1px 2px #7F7F7F;}
h2 a {text-decoration:none;}
*/



body.default #content #copy #intro p {width:400px;padding:5px 10px;}
body.default #content #copy #intro p {font:14px "Helvetica";}
body.default #content #copy #intro h2 + p {font:20px "Helvetica";}

/*
#blocks ul li {float:left;width:260px;}
#blocks li a {display:block;text-align:center;font:small-caps bold 26px "Helvetica";border:solid 2px #666;background-color:#e5e5e5;color:#0094FF;text-shadow:1px 1px 2px #fff;text-decoration:none;padding:10px;-webkit-transition: all 0.2s ease-out;}
#blocks ul li p span {line-height:1.5em;text-shadow:0 0 1px #B2B2B2;display:block;text-align:center;text-transform:uppercase;-webkit-transition: all 0.2s ease-out;margin:0 0 10px 0;}
#blocks ul li p {padding:40px 0;}
#blocks ul li:hover {-webkit-transition: all 0.4s ease-out;}
#blocks ul li:hover a {-webkit-transition: all 0.2s ease-out;background-color:#3FB2FF;color:#fff;text-shadow:1px 1px 2px #FFA319;}
#blocks ul li:hover p span {line-height:1.5em;text-shadow:0 4px 1px #B2B2B2;margin:0 0 10px 0;color:#333333;
						-webkit-transform: scale(1.4);
						-moz-transform: scale(1.4);
						transform: scale(1.4);
						webkit-transform-origiin-x:50%;
						webkit-transform-origin-y:100%;
						-webkit-transition: all 0.2s ease-out;
}
*/

#intro {margin-bottom:80px;}
#blocks ul li {float:left;width:230px;}
/*
#blocks li a {display:block;width:230px;height:288px;background-position:left top;background-repeat:no-repeat;}
#blocks li a span {display:none;}
#blocks ul li#tile-about a {background-image:url(img/tiles-about-reflect-50.png);}
#blocks ul li#tile-contact a {background-image:url(img/tiles-contact-reflect-50.png);}
#blocks ul li#tile-life a {background-image:url(img/tiles-life-reflect-50.png);}
#blocks ul li#tile-about a:hover {background-image:url(img/tiles-about-hover-reflect-50.png);}
#blocks ul li#tile-contact a:hover {background-image:url(img/tiles-contact-hover-reflect-50.png);}
#blocks ul li#tile-life a:hover {background-image:url(img/tiles-life-hover-reflect-50.png);}
*/


#blocks ul li a {display:block;width:230px;height:288px;height:188px;background:url(img/sprite-default-tile2.png) no-repeat left top;
text-align:center;font-size:32px;font-weight:bold;line-height:118px;text-transform:uppercase;text-decoration:none;text-shadow:1px 1px 1px #fff;
}
#blocks ul li a:hover {background-position:0 -188px;background-position:0 -188px;color:#fff;text-shadow:1px 1px 1px #4C4C4C;}
/*
#blocks ul li {display:block;width:230px;height:288px;background:url(img/sprite-default-tile2.png) no-repeat 231px 289px;background-position:-231px 289px;}
#blocks ul li:hover {background-position:-231px -100px;}
*/

/*#blocks ul li a span {padding-top:124px;border:solid 1px red;}*/


/*#blocks ul li a {-webkit-transition: all 0.2s ease-out;}*/
#blocks ul li {-webkit-transition: all 0.8s ease-out;}

/*this part is ok*/
#blocks ul li p span {line-height:1.5em;text-shadow:0 0 1px #B2B2B2;display:block;text-align:center;text-transform:uppercase;-webkit-transition: all 0.2s ease-out;margin:0 0 10px 0;}
#blocks ul li p {padding:0;margin:0;}
#blocks ul li:hover {}
#blocks ul li:hover a {}
#blocks ul li:hover p span {line-height:1.5em;text-shadow:0 4px 1px #B2B2B2;margin:0 0 10px 0;color:#333333;/*color:#000;*/text-shadow:0 4px 1px #C5C5C5;font-weight:bold;
						-webkit-transform: scale(1.4);
						-moz-transform: scale(1.4);
						transform: scale(1.4);
						webkit-transform-origiin-x:50%;
						webkit-transform-origin-y:100%;
						-webkit-transition: all 0.2s ease-out;
}

#blocks ul li {position:relative;margin:0 10px 0 0;}
#blocks ul li p {position:absolute;top:255px;top:188px;top:158px;left:0;width:230px;;}

/* Default END */

/* About BEGIN width: 1004px ============================================= */

body.about #copy {float:left;width:482px;margin-right:20px}
body.about #secondary {float:left;width:482px;margin-left:20px;}
/*body.about p {width:440px;}*/
body.about #skills .tech {float:left;width:120px;text-align:center;}
body.about #copy #summary p img {float:left;height:171px;width:171px;border:solid 1px #ccc;padding:10px 10px 30px 10px;background-color:#fff;margin:0 10px 10px 0;background-image:url(img/img-about-mugshot-gradient.png);background-position:bottom left;background-repeat:repeat-x;-moz-box-shadow:2px 2px 8px #ccc;-webkit-box-shadow:2px 2px 8px #ccc;}
body.about #copy #summary {/*background-image:url(img/img-summary-bg2.png);background-position:right bottom;background-repeat:repeat-y;*/padding-bottom:30px;

/*background:url(img/img-summary-bg2.png) repeat-y right bottom;*/
background:url(img/img-summary-bg2.png) repeat-y left top;
-webkit-transition: background 5.0s ease-in-out;
-moz-transition: background 5.0s ease-out;
}

body.about #copy #summary:hover {background-position:0 -1200px;

} 
#skills p {clear:both;padding-top:20px;}

body.about #skills ul li {line-height:2em;margin:4px 0;background-color:#e5e5e5;border:solid 1px #E5E5E5;margin:2px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;}
body.about #skills ul li:hover {background-color:rgba(255,255,255,0.5);-moz-box-shadow:0px 2px 4px #000;-webkit-box-shadow:0px 2px 4px #000;color:#620101;cursor:default;
webkit-transform-origin-x:50%;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
transform: scale(1.4);
webkit-transform-origin-y:100%;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;}


body.about #recs div blockquote {/*margin:0 0 20px 20px;*/margin:0 20px 20px 20px;border:solid 1px #E5E5E5;color:#4c4c4c;font-size:small;background-color:#E5E5E5;background-color:rgba(98, 1, 1,0.1);-moz-border-radius: 5px;-webkit-border-radius: 5px;}
body.about #recs div blockquote p {width:400px;margin:20px;}
body.about #projects>div {clear:both;padding-top:20px;padding-top:10px;/*border-top:dashed 1px #4C4C4C;*/}
body.about #projects h2 + p {border-bottom:dashed 1px #4C4C4C;margin-bottom:0;padding-bottom:30px;}
/*
body.about #projects div h3 {
-moz-box-shadow:4px 4px 8px #4C4C4C;-webkit-box-shadow:4px 4px 8px #4C4C4C;position:absolute;width:100%;top:0;left:0;padding:0;
}
body.about #projects div h3 a {text-decoration:none;display:block;padding:10px;background-image:url(img/sprite-nav-bg2.png);background-position:left top;background-repeat:repeat-x;}
body.about #projects div h3 a:hover, body.about #projects div h3 a:active {color:#4DB4FF;}
*/

body.about #projects div a img {
-moz-box-shadow:4px 4px 8px #4C4C4C;-webkit-box-shadow:4px 4px 8px #4C4C4C;
-moz-box-shadow:0px 0px 20px #000;-webkit-box-shadow:0px 0px 20px #000;
}



body.about #projects div ul {float:left;margin-bottom:25px;}
body.about #projects div ul li {padding:2px 4px;margin:2px 2px;float:left;background-color:#E5E5E5;color:#4C4C4C;border:solid 1px #E5E5E5;font-size:smaller;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}
body.about #projects div ul li:hover {position:relative;z-index:100;font-size:smaller;background-color:#fff;border:solid 1px #fff;color:#620101;background-color:rgba(255,255,255,.5);
-moz-box-shadow:0px 2px 4px #000;
-webkit-box-shadow:0px 2px 4px #000;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}





/*
body.about #projects > ul > li {clear:both;}
body.about #projects ul li > a {font-weight:bold;padding:4px;}
body.about #projects ul li div a.showcase {text-decoration:none;}
body.about #projects ul li div a.showcase img {-moz-box-shadow:4px 4px 8px #4C4C4C;-webkit-box-shadow:4px 4px 8px #4C4C4C;margin:0 0 10px 0;}
body.about #projects ul li div > p {margin:0;}
body.about #projects ul li ul {margin:10px 0 0 0;padding-bottom:20px;float:left;}
body.about #projects ul li ul li {padding:2px 4px;margin:2px 2px;float:left;background-color:#E5E5E5;color:#4C4C4C;border:solid 1px #E5E5E5;font-size:smaller;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}

body.about #projects ul li ul li:hover {position:relative;z-index:100;color:#fff;font-size:smaller;background-color:#fff;border:solid 1px #fff;color:#620101;background-color:rgba(255,255,255,.5);
-moz-box-shadow:0px 2px 4px #000;
-webkit-box-shadow:0px 2px 4px #000;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}



body.about #projects > ul > li {margin:10px;padding:20px 0 0 0;
clear:both;}

*/



/*
#skills ul li {line-height:2em;margin:4px 0;background-color:#e5e5e5;border:solid 1px #E5E5E5;margin:2px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;}
#skills ul li:hover {background-color:rgba(255,255,255,0.5);-moz-box-shadow:0px 2px 4px #000;-webkit-box-shadow:0px 2px 4px #000;background-color:rgba(191, 0, 0,0.5);
webkit-transform-origiin-x:50%;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
transform: scale(1.4);
webkit-transform-origin-y:100%;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;}
*/

body.about #experience h2 + p {margin:20px 10px 0px 10px;}
.section {clear:both;padding-top:10px;}
.section h3 .company {font-weight:bold;color:#333333;}
.section h3 a.company {color:#0094FF;}
.section h3 a.company:hover, .section h3 a.company:active {color:#3FB2FF;}/*75% saturation of #0094ff; */
.section h3 .date {font-weight:normal;}


.section p {margin-left:30px;margin:10px 10px 10px 30px;}

body.about p span {font-size: smaller;text-transform: uppercase;font-weight:bold;background-color:#E5E5E5;padding:2px 4px;margin:0 4px 0 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:solid 1px #E5E5E5;border:solid 1px #333333;background-color:#fff;/*border:solid 1px #333333;background-color:#fff;*/}

body.about p.techs span {padding:2px 4px;margin:2px 2px;float:left;background-color:#620101;border:solid 1px #620101;font-size:smaller;color:#E5E5E5;text-transform:none;font-weight:normal;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}

body.about p.techs span:hover {position:relative;z-index:100;color:#fff;font-size:smaller;background-color:#fff;border:solid 1px #fff;color:#620101;background-color:rgba(255,255,255,.5);cursor:default;
-moz-box-shadow:0px 2px 4px #000;
-webkit-box-shadow:0px 2px 4px #000;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
}

body.about p.techs span {background-color:#E5E5E5;color:#4C4C4C;border:solid 1px #E5E5E5;}
body.about p.techs span:hover {background-color:#fff;color:#620101;border:solid 1px #fff;}




/* About END */


/* Contact BEGIN width: 1004px ============================================= */




body.contact #copy {float:left;width:582px;margin-right:20px;}
body.contact #secondary {float:left;width:382px;margin-left:20px;}

body.contact #copy #summary {padding-bottom:30px;
background:url(img/img-summary-bg2.png) repeat-y left top;
min-height:580px;
}

#online-presence ol li {border:solid 2px #E5E5E5;margin:0 0 20px 0;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;}

#online-presence ol li a {display:block;padding:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-decoration:none;font-weight:bold;text-shadow:1px 1px 2px #fff;font-size:1.3em;}
#online-presence ol li:hover a {color:#fff;text-shadow:0px 0px 1px #4c4c4c;}
#online-presence ol li a span {float:right;font-size:10px;color:#A3A3A3;}
#online-presence ol li:hover a span {color:#FFF;text-shadow:0px 0px 0px #4c4c4c;text-shadow:0px 0px 0px #FFFFFF;color:#C5C5C5;color:#FFFFFF;text-shadow:none;}

#online-presence ol li {line-height:2em;margin:4px 0;background-color:#e5e5e5;border:solid 1px #E5E5E5;margin:2px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;}


#online-presence ol li:hover {background-color:#4DB4FF;}
#online-presence ol li:hover {background-color:rgba(0,148,255,0.7);
-webkit-box-shadow:0px 2px 4px #000;
-webkit-transform-origiin-x:50%;
-webkit-transform-origin-y:100%;
-webkit-transform: scale(1.2);
-webkit-transition: all 0.1s ease-out;
-moz-box-shadow:0px 2px 4px #000;
-moz-transform: scale(1.2);
-moz-transition: all 0.1s ease-out;
}

fieldset {padding:5px 0;background-color:#fff;background-color:rgba(255,255,255,0.5);background-color:rgba(98, 1, 1,0.1);
-moz-border-radius: 5px;
-webkit-border-radius:5px;
/*
-moz-box-shadow:3px 3px 7px #000;-webkit-box-shadow:3px 3px 7px #4c4c4c;
*/
}

/*fieldset {background-color:rgba(229,229,229,0.7);}*/
label {width:82px;float:left;font-weight:bold;}
input[type='textbox'] {width:470px;background-color:red;background:url(img/img-header-shadow.png) repeat-x left -8px;}
input[type='submit'] {margin-left:82px;}

input[type='textbox'] {width:430px;background-color:red;background:url(img/img-header-shadow.png) repeat-x left -8px;background-color:#fff;}

/* Contact END */