html, body
{
	padding: 0;
	margin: 0;
	height: 100%;
}
body
{
    background: rgb(26,47,72) url('/media/assets/TPS/background.png') no-repeat top;
    font: 12px Century Gothic, Sans-Serif;
    color: #ccc;
}
a:link, a:visited
{
	color: #39c;
}
h1
{
	margin: 0;
	padding: 0;
	font: 300 22px/44px Century Gothic, Sans-Serif;
	letter-spacing: -0.02em;
	text-transform: lowercase;
}
body .content
{
	width: 901px;
	margin: 0 auto;
}
body > .content
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -119px;
}
#menu
{
    margin-top: 150px;
    outline: none;
}
#contentBreak
{
    height: 145px;
}
#footer
{
	height: 118px;
	clear: both;
	background: rgb(230,230,230) url(/media/assets/TPS/footer.png) no-repeat center top;
	border-top: solid 1px #b5b8bb;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: -0.02em;
	font-weight: normal;
	color: #666;
}
#footer address
{
	font-style: normal;
	font-weight: normal;
	height: 100%;
	padding: 0;
}
#copyright
{
	display: block;
	position: absolute;
	left: 140px;
	top: 24px;
}
#copyright span
{
	display: none;
}

#signUp, #trailerParkLink, #jobsLink, #tAndCLink
{
    display: block;
    position: absolute;
    top: 30px;
    color: #333;
	font-size: 12px;
	text-decoration: none;
}
#signUp
{
    text-align: center;
    left: 508px;
    width: 123px;
    top: 20px;
}
#signUp img
{
    border-style: none;
}
#trailerParkLink
{
    left: 650px;
}
#jobsLink
{
    left: 785px;
}
#tAndCLink
{
    left: 853px;
}

.project
{
	float: left;
	width: 210px;
}
.project p
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.02em;
}
.project p span
{
	color: #666;
}
.project strong
{
	/* font-weight: normal; */
	text-transform: uppercase;
	font-size: 10px;
}
.project a
{
	color: #39c;
	font-size: 9px;
}
.project a img
{
	border: solid 1px #ccc;
	display: block;
}

#pager
{
	text-align: right;
	clear: both;
}
#pager a
{
	color: #ccc;
}
#pager a img
{
	border-style: none;
}

.break
{
	clear: both;
}

/*flash alternative header*/
#flashAlt 
{
	margin: 155px 0 5px 0;
	width: 900px;
	height: 40px;
	background: transparent url(/media/assets/gmfg/gmfg-flash-alt.gif) no-repeat 0 0;
	overflow: hidden;
}
#flashAlt ul
{
	margin: 0;
	padding: 0;
	
}
#flashAlt li
{
	float: left;
	display: inline;
	height: 40px;
}
#flashAlt a
{
	display: block;
	width: 100%;
	text-indent: -10000px;
	height: 40px;
}

#flashAlt #tps-home 
{
	width: 53px;
}

#flashAlt #our-model 
{
	width: 115px;
}

#flashAlt #our-work 
{
	width: 98px;
}

#flashAlt #our-people
{
	width: 122px;
}

#flashAlt #clients
{
	width: 80px;
}
#flashAlt #news
{
	width: 72px;
}
#flashAlt #contact
{
	width: 98px;
}

.cufon-loading h1, .cufon-loading h2, .cufon-loading #tagLine { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxOverlay
{
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft
{
	clear: left;
}
#cboxContent
{
	position: relative;
	overflow: hidden;
}
#cboxLoadedContent
{
	overflow: auto;
}
#cboxLoadedContent iframe
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
#cboxTitle
{
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
	cursor: pointer;
}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay
{
	background: #000;
}
#colorbox
{
	border: solid 1px #ccc;
}
#cboxLoadedContent
{
	border-bottom: solid 30px #ccc;
}
#cboxCurrent
{
	background-color: #ccc;
	position: absolute;
	height: 23px;
	width: 398px;
	left: 0;
	bottom: 0;
	padding-top: 7px;
    padding-left: 7px;
    color: rgb(24,34,47);
}
#cboxPrevious
{
	position: absolute;
	bottom: 0;
	right: 130px;
	width: 82px;
	height: 30px;
	text-indent: -9999px;
	background: url(/media/assets/TPS/previous.gif) no-repeat;
}
#cboxNext
{
	position: absolute;
	bottom: 0;
	right: 75px;
	width: 55px;
	height: 30px;
	text-indent: -9999px;
	background: url(/media/assets/TPS/next.gif) no-repeat;
}
#cboxClose
{
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -9999px;
	background: url(/media/assets/TPS/close.gif) no-repeat;
	width: 75px;
	height: 30px;
}














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */