@font-face {
    font-family: 'Hand Of Sean';
    font-style: normal;
    font-weight: normal;
    src: local('Hand Of Sean'), url('/fonts/handsean.woff') format('woff');
}

@font-face {
    font-family: 'TitilliumText22L-Thin';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Thin'), url('/fonts/TitilliumText22L001.woff') format('woff');
}


@font-face {
    font-family: 'TitilliumText22L-Light';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Light'), url('/fonts/TitilliumText22L002.woff') format('woff');
}


@font-face {
    font-family: 'TitilliumText22L-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Regular'), url('/fonts/TitilliumText22L003.woff') format('woff');
}


@font-face {
    font-family: 'TitilliumText22L-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Medium'), url('/fonts/TitilliumText22L004.woff') format('woff');
}


@font-face {
    font-family: 'TitilliumText22L-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Bold'), url('/fonts/TitilliumText22L005.woff') format('woff');
}


@font-face {
    font-family: 'TitilliumText22L-XBold';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-XBold'), url('/fonts/TitilliumText22L006.woff') format('woff');
}

body
{
    margin:  0;
    padding: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    font-size: .87em;
}

/*
#wrapper
{
    width: 90%;
    margin: 0 auto;
}
*/

#header
{
    text-align: center;
    padding: 50px 0 50px;
    background-color: #FFF;
}


h1
{
    margin:  0 auto;
    
}

.image
{
    width: 617px;
    height: 295px;
    background: #333;
    float:left;
    margin: 0 25px 25px 0;
}

.image img
{
    width:617px;
    height: 295px;
}

h1 a
{
    font-family: 'Hand Of Sean';
    color:#333333;
    text-decoration: none;
    font-size: 1.25em;
}

h2
{
    font-family: "TitilliumText22L-Thin";
    margin: 0px;
}


h3.heading
{
    font-family: "TitilliumText22L-Thin";
    text-align: center;
    background-color: #333;
    color: #fff;
    padding: 10px;
    margin: 0px 0px 50px;
}

.wrapper
{
   background: #ccc;
}

h4
{
    font-family: "TitilliumText22L-Regular";
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.2em;
}

.label
{
    font-family: "TitilliumText22L-Light";
}

h5
{
    font-family: "TitilliumText22L-Thin";
    margin-bottom: 0px;
}

p
{
    margin-top: 0px;
}

.clear
{
    clear: both;
}

.right
{
    float:right;
    width: 318px;
}

.project
{
    margin-bottom: 50px;
}

.section
{
    width:960px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.readmore-js-toggle
{
    clear: both;
    background: #333;
    text-align: center;
    color: #fff;
    padding: 11px 10px 9px;
    font-family: "TitilliumText22L-Thin";
    text-decoration: none;
}

.info
{
    background: #fff;
    float: right;
    padding: 5px 10px;
    line-height: 1.5em;
    margin-top: -58px;
    position: relative;
}

.readmore-js-toggle, .readmore-js-section 
{ 
    display: block;
} 

.readmore-js-section { overflow: hidden; }

table
{
    text-align: left;
    clear:both;
}

th
{
    background-color: #555;
    padding: 5px 10px;
    color: #cdcdcd;
}
td
{
    vertical-align: top;  
    font-size: .8em;
    border-bottom:  1px solid #666;
    padding:  10px;
    
}

table td.name
{
    width: 110px;
}

table td.desc
{
    width: 300px;
}

.team
{
    clear: both;
}

@media only screen and (max-width:1000px) {

	.section {
		width:  90%;
	}

}

@media only screen and (max-width:684px) {

	.image {
		float:  none;
		width:  100%;
		height:  auto;
	}

	.right {
		float:  none;
		width:  100%;
	}
    
    .image img
    {
        width:100%;
        height: auto;
    }

}


input#saveForm {
	-moz-box-shadow:inset 0px 1px 5px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 5px 0px #ffffff;
	box-shadow:inset 0px 1px 5px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:39px;
	line-height:39px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}

input#saveForm:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

input#saveForm:active {
	position:relative;
	top:1px;
}