/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* #Base 960 Grid                                     */
/* ================================================== */


    .container                                  { position: relative; width: 960px; margin-left:auto; margin-right:auto; padding: 0; z-index:500; }
    .container .column,
    .container .columns                         { float: left; display: inline; }
    .row                                        { margin-bottom: 5px; margin-top:0; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 960px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

	#header { 
		height:150px; 
		z-index:500;
	}
	#header #logo-box { 
		height:141px; 
		width:288px;
		margin-left: auto;
		margin-right: auto;
		display:block;
		background: url(/images/BKGD_header_box.png) top center repeat-y; 
		text-align:center; 
		border:1px solid #8A3B2D; 
		border-radius: 0 0 29px 29px;
		-webkit-border-radius: 0 0 29px 29px;
		-moz-border-radius: 0 0 29px 29px;
		-o-border-radius: 0 0 29px 29px;
		border-top:none;
		box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);	/* Firefox 4.0+, Opera, IE 9 */		
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Chrome and Safari */
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Firefox 3.6 */
		z-index:1000;
	}
	#header #logo-mobile {
		display: none;
	}
	#page-content {
		height:500px;
	}
	#page-title {
		height:500px;
	}
	#page-title h1 {
		visibility: hidden;
		display:none;
	}
	#page-graphic {
		height:500px;
	}
	#page-text {
		height:500px;
	}
	#text-box {
		width: 252px;
		height: auto;
		background: url(/images/BKGD_text_box.png) top center repeat; 
		border:1px solid #8A3B2D; 
		border-radius: 29px 29px;
		-webkit-border-radius: 29px 29px;
		-moz-border-radius: 29px 29px;
		-o-border-radius: 29px 29px;
		box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);	/* Firefox 4.0+, Opera, IE 9 */		
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Chrome and Safari */
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Firefox 3.6 */
		overflow:hidden;
		padding:20px;
		margin-top:50px;
	}
	
	/* Project Gallery Styling */
	#project-container {
		width: 960px;
		/*height: 350px;*/
		display:block;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
	}
	#project-thumb {
		height:125px;
		width: 250px;
		display:inline-block;
		border:1px solid #8A3B2D; 
		border-radius: 10px 10px;
		-webkit-border-radius: 10px 10px;
		-moz-border-radius: 10px 10px;
		-o-border-radius: 10px 10px;
		box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);	/* Firefox 4.0+, Opera, IE 9 */		
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Chrome and Safari */
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Firefox 3.6 */
		overflow:hidden;
		margin-top:20px;margin-bottom:20px;
		margin-left:32px;
		margin-right:32px;
	}
	#project-thumb a:link,
	#project-thumb a:active,
	#project-thumb a:visited {
		height:125px;
		width:250px;
		display:block;
		text-decoration:none;
	}
	#project-thumb a:hover {
		text-decoration:none;
	}
	#project-thumb #project-thumb-top {
		height:99px;
		width:250px;
		display:block;
		overflow:hidden;
	}
	#project-thumb #project-thumb-bottom {
		height:26px;
		width:250px;
		display:block;
		overflow:hidden;
		background: #420001;
	}
	#project-thumb h5 {
		font-family: "HelveticaNeueLt", Helvetica, Arial, sans-serif;
		font-size:13px;
		font-weight:normal;
		line-height:26px;
		text-transform:lowercase;
		text-indent:12px;
		color: #F5E38C;
		text-decoration:none;
	}

	/* Portfolio Detail Page Styling */
	#portfolio-title {
		height:400px;
		text-align:center;
	}
	#portfolio-title h1 {
		visibility: hidden;
		display:none;
	}
	#portfolio-text {
		height:400px;
	}
	img.portfolio-image {
		max-width: 100%;
		height: auto;
		margin-top:20px;
	}
	ul.portfolio { list-style: url(images/ICON_list.png) outside; margin-left:50px; color: #F5E38C; }
	li.portfolio-detail { color:#FFF; font-weight:bold; text-transform:uppercase; margin-top:10px; }

	/* Footer Styling */
	#footer {
		 margin-top:-30px;
	}
	#middle {
		display: block;
	}
	#bottom {
		top: 610px;
		height: 400px;
	}

}

/* #Desktop - Design for a width of 960px             */
/* ================================================== */


@media only screen and (min-width: 960px) {

    .container                                  { position: relative; width: 960px; margin-left:auto; margin-right:auto; padding: 0; z-index:500; }
    .container .column,
    .container .columns                         { float: left; display: inline; }
    .row                                        { margin-bottom: 5px; margin-top:0; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 960px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

	#header {
		height:150px;
		/*border:1px solid #FFF;*/
	}
	#header #logo-box {
		height:141px;
		width:288px;
		margin-left: auto;
		margin-right: auto;
		display:block;
		background: url(/images/BKGD_header_box.png) top center repeat-y;
		text-align:center;
		border:1px solid #8A3B2D;
		border-radius: 0 0 29px 29px;
		-webkit-border-radius: 0 0 29px 29px;
		-moz-border-radius: 0 0 29px 29px;
		-o-border-radius: 0 0 29px 29px;
		border-top:none;
		box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);	/* Firefox 4.0+, Opera, IE 9 */
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Chrome and Safari */
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Firefox 3.6 */
		z-index:1000;
	}
	#header #logo-mobile {
		display: none;
	}
	#page-content {
		height:500px;
	}
	#page-title {
		height:500px;
	}
	#page-title h1 {
		visibility: hidden;
		display:none;
	}
	#portfolio-title h1 {
		visibility: hidden;
		display:none;
	}
	#page-graphic {
		display:none;
	}
	#page-text {
		height:500px;
	}
	#text-box {
		width: 252px;
		height: auto;
	}

	/* Portfolio Detail Page Styling */
	#portfolio-title {
		height:400px;
		text-align:center;
	}
	#portfolio-title h1 {
		visibility: hidden;
		display:none;
	}
	#portfolio-text {
		height:400px;
	}
	img.portfolio-image {
		max-width: 100%;
		height: auto;
		margin-top:20px;
	}
	ul.portfolio { list-style: url(images/ICON_list.png) outside; margin-left:50px; color: #F5E38C; }
	li.portfolio-detail { color:#FFF; font-weight:bold; text-transform:uppercase; margin-top:10px; }

	/* Footer Styling */
	#footer {
		 margin-top:-30px;
	}
	#middle {
		display: none;
	}
	#bottom {
		top: 610px;
		height: 400px;
	}

}


/* #Tablet (Portrait) - Design for a width of 768px   */
/* ================================================== */


@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container                                  { width: 768px; margin-left:auto; margin-right:auto; padding: 0;  }
	.container .column,
	.container .columns                         { float: left; display: inline;  }
	.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 0; }
	.column.omega, .columns.omega               { margin-right: 0; margin-left: 0; }
	.alpha.omega                                { margin-left: 0; margin-right: 0; }

	.container .one.column,
	.container .one.columns                     { width: 28px; }
	.container .two.columns                     { width: 76px; }
	.container .three.columns                   { width: 124px; }
	.container .four.columns                    { width: 172px; }
	.container .five.columns                    { width: 220px; }
	.container .six.columns                     { width: 268px; }
	.container .seven.columns                   { width: 316px; }
	.container .eight.columns                   { width: 364px; }
	.container .nine.columns                    { width: 412px; }
	.container .ten.columns                     { width: 460px; }
	.container .eleven.columns                  { width: 508px; }
	.container .twelve.columns                  { width: 556px; }
	.container .thirteen.columns                { width: 604px; }
	.container .fourteen.columns                { width: 652px; }
	.container .fifteen.columns                 { width: 700px; }
	.container .sixteen.columns                 { width: 768px; }

	.container .one-third.column                { width: 236px; }
	.container .two-thirds.column               { width: 492px; }

	/* Offsets */
	.container .offset-by-one                   { padding-left: 48px; }
	.container .offset-by-two                   { padding-left: 96px; }
	.container .offset-by-three                 { padding-left: 144px; }
	.container .offset-by-four                  { padding-left: 192px; }
	.container .offset-by-five                  { padding-left: 240px; }
	.container .offset-by-six                   { padding-left: 288px; }
	.container .offset-by-seven                 { padding-left: 336px; }
	.container .offset-by-eight                 { padding-left: 384px; }
	.container .offset-by-nine                  { padding-left: 432px; }
	.container .offset-by-ten                   { padding-left: 480px; }
	.container .offset-by-eleven                { padding-left: 528px; }
	.container .offset-by-twelve                { padding-left: 576px; }
	.container .offset-by-thirteen              { padding-left: 624px; }
	.container .offset-by-fourteen              { padding-left: 672px; }
	.container .offset-by-fifteen               { padding-left: 720px; }

	#header	 {
		height:150px;
	}
	#header #logo-box {
		height:141px;
		width:288px;
		margin-left: auto;
		margin-right: auto;
		display:block;
		background: url(/images/BKGD_header_box.png) top center repeat-y;
		text-align:center;
		border:1px solid #8A3B2D;
		border-radius: 0 0 29px 29px;
		-webkit-border-radius: 0 0 29px 29px;
		-moz-border-radius: 0 0 29px 29px;
		-o-border-radius: 0 0 29px 29px;
		border-top:none;
		box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);	/* Firefox 4.0+, Opera, IE 9 */
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Chrome and Safari */
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Firefox 3.6 */
		z-index:1000;
	}
	#header #logo-mobile {
		display: none;
	}
	#page-content {
		height:500px;
	}
	#page-title {
		height:500px;
		width:364px;
	}
	#page-title h1 {
		visibility: hidden;
		display:none;
	}
	#page-graphic {
		display:none;
	}
	#page-text {
		width:364px;
	}
	#text-box {
		width: 324px;
		height: auto;
	}

	/* Project Gallery Styling */
	#project-container {
		width: 620px;
		/*height: 350px;*/
		display:block;
		overflow:hidden;
		margin-left:74px;
		margin-right:auto;
	}

    #project-move {
        width:700px;
    }
	#project-thumb {
		display:inline-block;
		border:1px solid #8A3B2D;
		margin-top:20px;margin-bottom:20px;
		margin-left:28px;
		margin-right:28px;
	}
	#project-pagination {
		height:20px;
		width:768px;
		margin-top:20px;
	}

/* Portfolio Detail Page Styling */
	#portfolio-title {
		height:400px;
		width:364px;
		text-align:center;
	}
	#portfolio-title h1 {
		visibility: hidden;
		display:none;
	}
	#portfolio-text {
		height:400px;
	}
	img.portfolio-image {
		max-width: 300px;
		height: auto;
		margin-top:20px;
	}
	ul.portfolio { list-style: url(images/ICON_list.png) outside; margin-left:50px; color: #F5E38C; }
	li.portfolio-detail { color:#FFF; font-weight:bold; text-transform:uppercase; margin-top:10px; }

	/* Footer Styling */
	#footer {
		 margin-top:-30px;
	}
	#middle {
		display: none;
	}
	#bottom {
		top: 610px;
		height: 400px;
	}

}


/*  #Mobile (Portrait) - Design for a width of 320px  */
/* ================================================== */


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

	.container 												{ width: 310px; margin-left:auto; margin-right:auto; padding: 0;  }

	.container .columns,
	.container .column 										{ float: none; display:block; margin-left: auto; margin-right: auto; }

	.container .columns p									{ padding-left:0; padding-right:0; }
	.container .columns input[type="text"],
	.container .columns input[type="password"],
	.container .columns select,
	.container .columns label								{ margin-left:10px; margin-right:10px; }

	.container .columns input[type="text"]:hover,
	.container .columns input[type="password"]:hover,
	.container .columns textarea,
	.container .columns iselect:hover						{ margin-left:10px; margin-right:10px; }

	.container .columns input[type="submit"],
	.container .columns input[type="button"],
	.container .columns button								{ width:95%; margin-left:10px; margin-right:10px; }

	.container .row#hideMobile	 							{ display:none; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column  							{ width: 310px; margin-left:auto; margin-right:auto; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen 							{ padding-left: 0; }

	#header	 {
		height:100px;
	}
	#header #logo-box {
		display:none;
	}
	#header #logo-mobile {
		height:111px;
		width:310px;
		margin-left: auto;
		margin-right: auto;
		display:block;
		background: url(/images/BKGD_header_box.png) top center repeat-y;
		text-align:center;
		border:1px solid #8A3B2D;
		border-radius: 0 0 29px 29px;
		-webkit-border-radius: 0 0 29px 29px;
		-moz-border-radius: 0 0 29px 29px;
		-o-border-radius: 0 0 29px 29px;
		border-top:none;
		box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);	/* Firefox 4.0+, Opera, IE 9 */
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Chrome and Safari */
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Firefox 3.6 */
	}
	#page-content {
		height: 500px;
	}
	#page-title {
		height:26px;
		text-align:center;
		margin:0;
		padding:0;
	}
	#page-title h1 {
		visibility: visible;
		display:inherit;
	}
	#portfolio-title h1 {
		visibility: visible;
		display:none;
	}
	#page-graphic {
		display:none;
	}
	#text-box {
		height: auto;
		width: 270px;
	}

	/* Project Gallery Styling */
	#project-container {
		width: 310px;
		/*height: 350px;*/
		display:block;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
	}
	#project-thumb {
		display:inline-block;
		border:1px solid #8A3B2D;
		margin-top:20px;margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
	}
	#project-pagination {
		height:20px;
		width:310px;
		margin-top:20px;
	}

	/* Portfolio Detail Page Styling */
	#portfolio-title {
		height:auto;
		text-align:center;
	}
	#portfolio-title h1 {
		visibility: visible;
		display: inherit;
	}
	#portfolio-text {
		height:auto;
	}
	img.portfolio-image {
		max-width: 200px;
		height: auto;
		margin-top:10px;
	}
	ul.portfolio { list-style: url(images/ICON_list.png) outside; margin-left:10px; color: #F5E38C; }
	li.portfolio-detail { color:#FFF; font-weight:bold; text-transform:uppercase; margin-top:10px; }

	/* Footer Styling */
	#footer {
		 margin-top:10px;
	}
	#middle {
		display: none;
	}
	#bottom {
		top: 600px;
		height: 200px;
	}

}


/* #Mobile (Landscape) - Design for a width of 480px  */
/* ================================================== */


@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container 											{ width: 470px; margin-left:auto; margin-right:auto; padding:0; }

	.container .columns,
	.container .column 									{ float: none; display:block; margin-left: auto; margin-right: auto; }

	.container .columns p								{ padding-left:0; padding-right:0; }

	.container .columns input[type="text"],
	.container .columns input[type="password"],
	.container .columns select,
	.container .columns label							{ margin-left:10px; margin-right:10px; }

	.container .columns input[type="text"]:hover,
	.container .columns input[type="password"]:hover,
	.container .columns textarea,
	.container .columns select:hover					{ margin-left:10px; margin-right:10px; }

	.container .columns input[type="submit"],
	.container .columns input[type="button"],
	.container .columns button							{ width:95%; margin-left:10px; margin-right:10px; }

	.container .row#hideMobile							{ display:none; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column 						{ width: 470px; margin-left:auto; margin-right:auto; }

	#header	 {
		height:100px;
	}
	#header #logo-box {
		display:none;
	}
	#header #logo-mobile {
		height:111px;
		width:460px;
		margin-left: auto;
		margin-right: auto;
		display:block;
		background: url(/images/BKGD_header_box.png) top center repeat;
		text-align:center;
		border:1px solid #8A3B2D;
		border-radius: 0 0 29px 29px;
		-webkit-border-radius: 0 0 29px 29px;
		-moz-border-radius: 0 0 29px 29px;
		-o-border-radius: 0 0 29px 29px;
		border-top:none;
		box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);	/* Firefox 4.0+, Opera, IE 9 */
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Chrome and Safari */
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.28);  /* Firefox 3.6 */
	}
	#page-content {
		height:500px;
	}
	#page-title {
		height:26px;
		text-align:center;
		margin:0;
		padding:0;
	}
	#page-title h1 {
		visibility: visible;
		display: inherit;
	}
	#portfolio-title h1 {
		visibility: visible;
		display:none;
	}
	#page-graphic {
		display:none;
	}
	#page-text {
		width:inherit;
	}
	#text-box {
		height: auto;
		width: 420px;
		margin-left:auto;
		margin-right:auto;
	}

	/* Project Gallery Styling */
	#project-container {
		width: 470px;
		/*height: 350px;*/
		display: block;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
	}
	#project-thumb {
		display:inline-block;
		border:1px solid #8A3B2D;
		margin-top:20px;margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
	}
	#project-pagination {
		height:20px;
		width:470px;
		margin-top:20px;
	}

	/* Portfolio Detail Page Styling */
	#portfolio-title {
		height:auto;
		text-align:center;
	}
	#portfolio-title h1 {
		visibility: visible;
		display: inherit;
	}
	#portfolio-text {
		height:auto;
	}
	img.portfolio-image {
		max-width: 240px;
		height: auto;
		margin-top:10px;		
	}
	ul.portfolio { list-style: url(images/ICON_list.png) outside; margin-left:10px; color: #F5E38C; }
	li.portfolio-detail { color:#FFF; font-weight:bold; text-transform:uppercase; margin-top:10px; }

	/* Footer Styling */
	#footer {
		 margin-top:10px;
	}
	#middle {
		display: none;
	}
	#bottom {
		top: 600px;
		height: 200px;
	}

}


/* #Clearing                                          */
/* ================================================== */

/* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

	#contact-form #address { display: none; }