/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Quantum Dynamix
      Author: Brad Wilkie
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
|                                      |
|                                      |
|                                      |
\**************************************/

/**************************************/
/*               FONTS                */
/**************************************/



/**/
/**************************************/
/*              GLOBALS               */
/**************************************/

html {
	background: url(../images/design/backgrounds/main.png) #fff repeat-x top center;
	font-family: Verdana, Geneva, sans-serif;
	color: #4E5052;
}
html, body { height: 100%; }

#Wrapper {
	min-height: 100%;
	position: relative;
}

img { display: block; }

/**/
/**************************************/
/*              HEADER                */
/**************************************/

#Header {
	display: block;
	width: 900px;
	height: 145px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	margin: 0 auto;
}

/**/
/**************************************/
/*             NAVIGATION             */
/**************************************/

#Logo {
	position: absolute;
	top: 55px;
	left: 0;
}

#Navigation {
	position: absolute;
	top: 45px;
	right: 0;
	overflow: hidden;
}
#Navigation a {
	float: left;
	text-transform: lowercase;
	font-size: 1.1em;
	color: #666666;
	text-decoration: none;
	padding: 16px 17px;
	line-height: 1.8em;
}
#Navigation a + a {
	border-left: 1px solid #D5D5D5;
}
#Navigation a span {
	text-transform: uppercase;
	display: block;
	width: 100%;
	font-size: 1.3em;
	font-weight: bold;
	color: #4F5052;
	cursor: pointer;
}

#Navigation a:hover span, #About #Navigation a.About span, #WhatWeDo #Navigation a.WhatWeDo span, #ContactUs #Navigation a.ContactUs span { color: #667890; }

/*
ADDITIONAL/ALTERNATIVE NAVIGATION HOVER STYLE
I think this looks cool. Uncomment to try it.
*//*
#Navigation a:hover, #About #Navigation a.About, #WhatWeDo #Navigation a.WhatWeDo, #ContactUs #Navigation a.ContactUs { border-bottom: 1px solid #D5D5D5; }
*/

/**/
/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#Content {
	display: block;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 150px;
	overflow: hidden;
}

/**/
/**************************************/
/*               FOOTER               */
/**************************************/

#Footer {
	display: block;
	background: url(../images/design/backgrounds/footer.gif) #433F3B repeat-x top center;
	font-family: Helvetica, Arial, sans-serif;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 115px;
}
#Footer .footerContentWrapper {
	display: block;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#Footer .copyright {
	float: right;
	color: #605A54;
	margin: 17px 0 20px
}

#Footer .social {
	float: right;
	clear: right;
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 20px;
}
#Footer .social img {
	display: inline;
	vertical-align: top;
	margin-left: 4px;
}

#Footer .contact {
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 1.2em;
	color: #999999;
	line-height: 1.5em;
	width: 157px;
}
#Footer .contact .name {
	color: #DF4C24;
	font-weight: bold;
}
#Footer .contact .phone {
	color: #fff;
	font-weight: bold;
}

/**/
/**************************************/
/*            NORMAL STYLES           */
/**************************************/

#Content .greyBorder {
	border: 1px solid #D5D5D5;
}

#Content h1, #Content h2, #Content h3, #Content h4, #Content h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
#Content h1 {
	font-size: 2.4em;
	line-height: 1.4em;
	color: #667890;
}
#Content h2 {
	font-size: 1.8em;
	line-height: 1.4em;
	padding-bottom: 3px;
}

#Content p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 15px;
}

#Content ul {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 15px;
}
#Content ul li {
	padding-left: 15px;
	background: url(../images/design/icons/listDot.png) no-repeat 3px 0.6em;
}

/**/
/**************************************/
/*              INTERIORS             */
/*             HOME (index)           */
/**************************************/

#index #MainPhoto {
	margin-bottom: 25px;
}

#index #LatestNews {
	float: right;
	width: 280px;
	margin-left: 90px;
	min-height: 180px;
}
#index #LatestNews .newsLinks {
	padding: 20px 10px;
	background-color: #D5D5D5;
	font-size: 1.2em;
}
#index #LatestNews .newsLinks a {
	padding: 0 0 10px 20px;
	background: url(../images/design/icons/newsArrow.png) no-repeat left 0.2em;
	color: #E04D24;
	text-decoration: none;
	display: block;
}
#index #LatestNews .newsLinks a:hover { text-decoration: underline; }

/**/
/**************************************/
/*              INTERIORS             */
/*            ABOUT (About)           */
/**************************************/

#About #MainPhoto {
	margin: 30px 0;
}

#About #Team {
	float: right;
	width: 365px;
	margin-left: 35px;	
}
#About #Team .teamMemeber {
	padding: 0 5px 25px 0;
}
#About #Team .teamMemeber + .teamMemeber {
	padding-top: 20px;
	border-top: 1px solid #D5D5D5;
}
#About #Team .teamMemeber .title {
	color: #DF4C24;
	font-weight: bold;
}

/**/
/**************************************/
/*              INTERIORS             */
/*         WHATWEDO (WhatWeDo)        */
/**************************************/

#WhatWeDo .portfolioCategory {
	float: left;
	width: 280px;	
}
#WhatWeDo .portfolioCategory + .portfolioCategory {
	margin-left: 30px;
}
#WhatWeDo .portfolioCategory h1 {
	font-size: 1.7em;
}
#WhatWeDo .portfolioCategory .shadowboxLinks {
	display: none;
}

/**/
/**************************************/
/*              INTERIORS             */
/*        CONTACTUS (ContactUs)       */
/**************************************/

#ContactUs #ContactWrapper {
	display: block;
	width: 530px;
}

#ContactUs #ContactContent {
	padding: 0 60px 20px 0;
}
#ContactUs #ContactContent h1 {
	font-size: 1.7em;
}
#ContactUs #ContactContent .address {
	margin-top: 25px;
}

#ContactUs #ContactInformation {
	padding: 20px 60px 0 0;
	border-top: 1px solid #D5D5D5;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
}
#ContactUs #ContactInformation span, #ContactUs #ContactInformation a {
	font-size: 1.15em;
}
#ContactUs #ContactInformation a { text-decoration: none; }
#ContactUs #ContactInformation a:hover { text-decoration: underline; }
#ContactUs #ContactInformation .phone, #ContactUs #ContactInformation .email { color: #DF4C24; }
#ContactUs #ContactInformation .fax { color: #999; }

/**/