/* CSS Document */

body{
	font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px;	background:url(images/bg.jpg) repeat-x #fff; color: #515151;}

.navbox{
	position: fixed; top: 0px; left: 0px; background:url(images/nav.png) repeat-y; z-index: 2; width: 298px; height: 100%;}
	
.navboxtext{ position: relative; top: 150px; left: 45px; text-align: left;}

.portfoliotitle{ font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; letter-spacing: 2px; width: 220px; height: 45px; background-color: #515151; padding-left: 8px;}

.portfoliotitle a { }
.portfoliotitle a:link{ text-decoration: none; color: #fff;}	
.portfoliotitle a:visited{ text-decoration: none; color: #fff;}	
.portfoliotitle a:active{ text-decoration: none; color: #fff;}	
.portfoliotitle a:hover{ text-decoration: none; color: #fff;}		

	
.title{ position: relative; top: 8px;}

.navheadings{ font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 2px; position: relative; top: 5px; padding-left: 0px; text-align: left;}

.navheadings a { width: 45px; height: 20px; padding: 0px 8px 0px 8px;}
.navheadings a:link{ text-decoration: none; color: #515151;}	
.navheadings a:visited{ text-decoration: none; color: #515151;}	
.navheadings a:active{ text-decoration: none; color: #fff; background-color: #00a8df;}	
.navheadings a:hover{ text-decoration: none; color: #fff; background-color: #00a8df;}	


.foliodescription a:link{ text-decoration: underline; color: #515151;}	
.foliodescription a:visited{ text-decoration: underline; color: #515151;}	
.foliodescription a:active{ text-decoration: underline; color: #00a8df;}	
.foliodescription a:hover{  text-decoration: underline; color: #00a8df;}	

.technology{
	border-top: 1px dashed #c1c1c1; 
	background-color: #efefef;
	font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
	padding: 8px;
	font-style: normal;
	color: #707070;
}

.small{
	font-size: 10px;
	font-style: normal;
}

.contentbox{ position: absolute; top: 20px; left: 300px; height: 500px; padding-right: 100px; text-align: left; vertical-align: top;}

.folio { -moz-box-shadow: 0px 3px 10px #A1A1A1;
	-webkit-box-shadow: 0px 3px 10px #A1A1A1;
	box-shadow: 0px 3px 10px #A1A1A1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#cccccc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#cccccc');  margin-left: 50px;}

.folio img{ border: 10px solid #fff;}
.foliodescription{ position: relative; top: 130px; left: 20px; width: 220px; font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px;}
.blue { color: #00a8df;}
.heading { padding-bottom: 8px; border-bottom: 1px dashed #515151; font-family: 'TeXGyreHerosItalic', Arial, Helvetica, sans-serif;}

.strong{ font-family: 'TeXGyreHerosBold', Arial, Helvetica, sans-serif;}

/*FONT FACE IMPORTS*/

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}