@font-face {
	font-family: 'NeoRetroDraw';
	src: url('NEORD.eot');
	src: local('☺'), url('NEORD.woff') format('woff'), url('NEORD.ttf') format('truetype'), url('NEORD.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MentoneSemiBold';
	src: url('mentone-semibol-webfont.eot');
	src: local('☺'), url('mentone-semibol-webfont.woff') format('woff'), url('mentone-semibol-webfont.ttf') format('truetype'), url('mentone-semibol-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
a {
color:#EE5588;
text-decoration:none;
}
a:hover {
color:#c50646;
}
h2 {
font-size:26px;
font-weight:800;
line-height:1.3em;
}
h3 {
font-size:22px;
font-weight:600;
line-height:1em;
margin-bottom:0.5em;
}
p {
margin-bottom:1em;
}
.amp { 
font-family: 'Goudy Bookletter 1911'; 
}
.brace {
float: left;
font-family: 'Goudy Bookletter 1911';
font-size: 72px;
line-height: 0.9em;
padding: 0 7px;
}
header {
color: #36575c;
margin: 0 auto;
text-shadow: 0 1px 1px #aaa;
width: 475px;
}
header h1 {
float: left;
font-size:38px;
font-weight:800;
line-height: 1.2em;
text-transform:uppercase;
}
header h2 {
float: left;
font-size:19px;
font-weight:500;
margin-top: -60px;
}
nav {
float: left;
font-size: 22px;
line-height: 1.2em;
margin-top: 9px;
}
nav a {
color: #36575c;
}
nav a:hover {
color: #d1ffff;
}
#branding { 
background: #41a1af;
background: -moz-radial-gradient(center, #41a1af, #4e7277) no-repeat #41a1af;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 900, from(#41a1af), to(#4e7277));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a1af', endColorstr='#4e7277'); /* for IE */  
box-shadow: inset 0 0 8px #000; 
-webkit-box-shadow: inset 0 0 8px #000; 
-moz-box-shadow:inset 0 0 8px #000;
color: #333; 
padding: 15px 0 0 0;
}
#branding-bottom { 
background: url(images/title-bg.png) bottom repeat-x; 
clear: both;
padding: 50px 0 0 0; 
}
#skills {
background: url(images/body-bg.png) no-repeat top center;
height: 580px;
margin: 0 auto;
width: 960px;
}
#skills h2{
color: #b7e5e5;
font-size: 52px;
text-transform: uppercase;
text-shadow: 0 1px 1px #374683;
}
#skills h2.left{
font-family: 'MentoneSemiBold',Arial,sans-serif;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
float: left;
margin: 90px -110px 0 -125px;
}
#skills h2.right{
font-family: 'NeoRetroDraw',Arial,sans-serif;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
float: right;
margin: 275px -160px 0 -145px;
}
#skills ul.leftskills { 
float: left; 
font-size: 18px; 
font-weight: 700; 
list-style: none;
margin: -22px 0 0 0;
text-shadow: 0 1px 1px #bbb; 
}
#skills ul.rightskills { 
float: right; 
font-size: 18px; 
font-weight: 700; 
list-style: none; 
margin-top: 125px; 
text-align: right; 
text-shadow: 0 1px 1px #bbb; 
}
#portfolio {
margin-top: -44px;
}
#title {
color: #EEFFFF;
min-width: 940px;
padding: 5px 0 0 10px;
text-transform: uppercase;
}
.titletriangle {
border-color: #222 transparent transparent transparent ;
border-style:solid;
border-width:25px;
float: left;
height:0;
margin: -10px 0 0 55px;
width:0;
}
.description {
background: #444;
color: #fff;
padding: 10px;
text-align: right;
}
.description h3 { 
margin-bottom: 0.25em; 
}
.description h3 a { 
background: #b83a64; 
background: -moz-radial-gradient(center, #ee5588, #b83a64);
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 10, from(#ee5588), to(#b83a64)); 
display: block; height: 24px; 
-moz-border-radius: 35px; 
-webkit-border-radius: 35px; 
text-align: center; 
width: 24px; color: #FFF; 
float: right; 
font-size: 20px; 
font-weight: normal; 
line-height: 22px; 
margin-left: 10px; 
}
.description h3 a:hover {
color:#c50646;
}
.description p { font-size: 11px; font-weight: normal; margin: 0 35px 0 0; }
.triangle {
border-color: #444 transparent transparent transparent;
border-style:solid;
border-width:25px;
clear: both;
float: right;
height:0;
margin: 0 25px 0 0;
width:0;
}
#portfolio article {
clear: both; 
}
#portfolio article .thumb {
box-shadow: inset 0 0 8px #000; -webkit-box-shadow: inset 0 0 8px #000; -moz-box-shadow:inset 0 0 8px #000;
}
#sbweb {
background: url(images/portfolio-sbweb-bg.png) bottom repeat-x;
}
#sbweb .thumb {
background: url(images/portfolio-sbweb.png) top center no-repeat;
height: 490px;
}
#sbwebprint {
background: url(images/portfolio-print-bg.png) bottom repeat-x;
}
#sbwebprint .thumb {
background: url(images/portfolio-sbweb-print.png) top center no-repeat;
height: 580px;
}
#batchblue {
background: url(images/portfolio-bb-bg.png) bottom repeat-x;
}
#batchblue .thumb {
background: url(images/portfolio-bb.png) top center no-repeat;
height: 395px;
}
#batchblueprint {
background: url(images/portfolio-print-bg.png) bottom repeat-x;
}
#batchblueprint .thumb {
background: url(images/portfolio-bb-print.png) top center no-repeat;
height: 515px;
}
#msp {
background: url(images/portfolio-msp-bg.png) bottom repeat-x;
}
#msp .thumb {
background: url(images/portfolio-msp.png) top center no-repeat;
height: 737px;
}
#expeditus {
background: url(images/portfolio-expeditus-bg.png) bottom repeat-x;
}
#expeditus .thumb {
background: url(images/portfolio-expeditus.png) top center no-repeat;
height: 625px;
}
#bgh {
background: url(images/portfolio-bgh-bg.png) bottom repeat-x;
}
#bgh .thumb {
background: url(images/portfolio-bgh.png) top center no-repeat;
height: 721px;
}
#kim {
background: url(images/portfolio-kim-bg.png) bottom repeat-x;
}
#kim .thumb {
background: url(images/portfolio-kim.png) top center no-repeat;
height: 750px;
}
#patients {
background: url(images/portfolio-patients-bg.png) bottom repeat-x;
}
#patients .thumb {
background: url(images/portfolio-patients.png) top center no-repeat;
height: 577px;
}
#tmcfc {
background: url(images/portfolio-tmcfc-bg.png) bottom right no-repeat;
}
#tmcfc .thumb {
background: url(images/portfolio-tmcfc.png) top center no-repeat;
height: 730px;
}
footer {
background: url(images/footer-reminder.png) no-repeat left bottom #222;
clear:both;
color:#EEFFFF;
height: 130px;
}
footer h3 {
font-size: 21px;
margin-left: 100px;
padding-top: 15px;
}
footer p {
color: #ccc;
font-size: 10px;
margin-left: 100px;
padding-top: 55px;
}