/* @group Layout */

#header {
	background: url(/img/headerBG.png) repeat-x;
	height: 200px;
}

#header span {
	display: none;
}

#header .container {
	position: relative;
}

#header h1, #header h2 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	width: 203px;
	height: 114px;
	background: url(/img/coldshowerdesign.png) center left no-repeat;
}

#header #logo {
	position: absolute;
	width: 233px;
	top: 66px;
	left: 0;
}

/***MAIN MENU***/

#navigation {
	position: absolute;
	top: 169px;
	left:325px;
}
#navigation li {
list-style: none;
display: inline;
margin: 0;
float: left;
}

#navigation a {
padding-left: 2em;
font-size: 1.1em;
	text-decoration: none;
	background-position: center 0px;
	background-repeat: no-repeat;
}

#navigation a:hover {
padding-left: 2em;
font-size: 1.1em;
	text-decoration: none;
	background-position: center -31px;
	background-repeat: no-repeat;
}

#navigation a.first {
	border: 0;
}

#navigation a.home {
	display: block;
	width: 53px;
	height: 31px;
	background-image:  url(/img/navHome.png);
}
#navigation a.portfolio {
	display: block;
	width: 53px;
	height: 31px;
	background-image: url(/img/navPortfolio.png);
}
#navigation a.services {
	display: block;
	width: 53px;
	height: 31px;
	background-image: url(/img/navServices.png);
}
#navigation a.about {
	display: block;
	width: 53px;
	height: 31px;
	background-image: url(/img/navAbout.png);
}
#navigation a.contact {
	display: block;
	width: 53px;
	height: 31px;
	background-image: url(/img/navContact.png);
}
#navigation a.support {
	display: block;
	width: 53px;
	height: 31px;
	background-image: url(/img/navSupport.png);
}


/***SUBNAV***/
ul#sub_nav_portfolio, ul#sub_nav_services, ul#sub_nav_about {
display:block;
margin:0;
position:absolute;
right:462px;
top:163px;
width:51px;
list-style-type: none;
overflow: hidden;
height: 0px;
}

body.Portfolio ul#sub_nav_portfolio, body.Services ul#sub_nav_services, body.About ul#sub_nav_about  {
height: 64px;
top:99px;
}

ul#sub_nav_services {
right:374px;
width:72px;
}

ul#sub_nav_about {
right:296px;
width:68px;
}

div#sub_nav_portfolio_holder ul {
margin: 0;
}

ul#sub_nav_portfolio li#sub_nav_portfolio_web a {
background:transparent url(../img/sub_nav_portfolio_web.png) no-repeat scroll left top;
display:block;
height:24px;
text-indent:-9999em;
width:51px;
}

ul#sub_nav_portfolio li#sub_nav_portfolio_logo a {
background:transparent url(../img/sub_nav_portfolio_logo.png) no-repeat scroll left top;
display:block;
height:19px;
text-indent:-9999em;
width:51px;
}

ul#sub_nav_portfolio li#sub_nav_portfolio_print a {
background:transparent url(../img/sub_nav_portfolio_print.png) no-repeat scroll left top;
display:block;
height:21px;
text-indent:-9999em;
width:51px;
}


ul#sub_nav_services li#sub_nav_services_design a {
background:transparent url(../img/sub_nav_services_design.png) no-repeat scroll left top;
display:block;
height:20px;
text-indent:-9999em;
width:72px;
}

ul#sub_nav_services li#sub_nav_services_development a {
background:transparent url(../img/sub_nav_services_development.png) no-repeat scroll left top;
display:block;
height:21px;
text-indent:-9999em;
width:72px;
}

ul#sub_nav_services li#sub_nav_services_hosting a {
background:transparent url(../img/sub_nav_services_hosting.png) no-repeat scroll left top;
display:block;
height:16px;
text-indent:-9999em;
width:72px;
}

ul#sub_nav_about li#sub_nav_about_story a {
background:transparent url(../img/sub_nav_about_story.png) no-repeat scroll 0 5px;
display:block;
height:24px;
text-indent:-9999em;
width:72px;
}

ul#sub_nav_about li#sub_nav_about_minds a {
background:transparent url(../img/sub_nav_about_minds.png) no-repeat scroll left top;
display:block;
height:21px;
text-indent:-9999em;
width:72px;
}

ul#sub_nav_about li#sub_nav_about_clients a {
background:transparent url(../img/sub_nav_about_clients.png) no-repeat scroll left top;
display:block;
height:16px;
text-indent:-9999em;
width:72px;
}

/***SOCIAL NAV***/
ul#social_nav {
padding:0;
margin:0;
list-style-type: none;
}

ul#social_nav li#facebook a {
background:transparent url(../img/social_nav_facebook.png) no-repeat scroll left top;
display:block;
height:19px;
position:absolute;
right:273px;
text-indent:-999em;
top:20px;
width:56px;
}

ul#social_nav li#linkedin a {
background:transparent url(../img/social_nav_linkedin.gif) no-repeat scroll left top;
display:block;
height:19px;
position:absolute;
right:204px;
text-indent:-999em;
top:20px;
width:54px;
}

ul#social_nav li#twitter a {
background:transparent url(../img/social_nav_twitter.gif) no-repeat scroll left top;
display:block;
height:19px;
position:absolute;
right:143px;
text-indent:-999em;
top:20px;
width:51px;
}

#twitter_div {
	font-size: .9em;
}

/***NEWS SIDEBAR***/

#sidebar ul li.date {
color: #64a9d4;
font-size: 1.2em;
}

/***IMAGEFLOW***/

body.Home div#imageflow_holder {
margin-top: -60px;
padding-bottom: 20px;
}

#imageflow_holder_images {
padding-bottom:23px;
}




#guts {
	background: url(/img/gutsBGtop.png) repeat-x top left;
	padding-top: 3em;
	margin: 0;
}
#gutsWrap {
	background: url(/img/gutsBGbottom.png) repeat-x bottom left;
	padding-bottom: 3em;
	margin: 0;
}

#footer p {
	margin: 0;
	text-align: center;
}

#footer {
	background: url(/img/footerBubble.gif) top no-repeat;
	padding-top: 3em;
	text-align: center;
	font-size: 0.75em;
}

p.copy {
	text-align: center;
}

/* @end */