/* =============================================== */
/* InspiredLiving.ie Stylesheet */
/* Specific Elements */
/* Created by Ben Wakeford 2006-7 ( www.benwakeford.com ) */
/* =============================================== */


/* =============================================== */
/* SECT: BASIC LAYOUT */
/* =============================================== */

/* - CONTAINER ------------ */

#container {
	width : 764px;
	margin : 0 auto;
	text-align:left;
	position : relative;
}


/* - MAIN BODY ------------ */

#mainbody {
	width : 764px;
	border : 1px solid #415061;
	margin : 20px 0 0 0;
	background : #415061;
}

/* -- Used to make Firefox div expand to content -- */
#mainbody_clear, .mainbody_clear {
	clear : left;
}

/* -- Force succeeding elements onto the next line -- */
.clear {
	clear : both;
	/* :IE6 HACK: Ensure empty DIV has no height */
	font-size: 0;
	height : 0;
	/* :End HACK: */
}

.text-only {
	display : none;
}

/* - TOP  ------------ */

#masthead {
	background : #D4D6D7 url(../images/masthead_bg.gif) repeat-x scroll top;
}

#navigation {
	width : 764px;
	display : block;
	background : #B1B9BE url(../images/menu_main_bg.gif) repeat-x scroll top;
}


/* - CONTENT ------------ */

#banner {
	width : 764px;
}

#quote {
	width : 220px;
	float : left;
	background : #415061;
}

#content {
	width : 504px;
	float : left;
	background : #F5F5F5 url(../images/content_bg.gif) repeat-x scroll top;
	padding : 20px 20px;
}

#content_left, .content_left {
	float : left;
	width : 310px;
	padding-right : 20px;
	border-right: 1px dashed #B1B9BE;
}

#content_right, .content_right {
	float : left;
	width : 150px;
	/* :KLUDGE: -----------------------------------------------------------
	The following should read "padding-left : 20px;", but
	IE6 fluffs it up and causes a page reflow when links are
	hovered over */
	padding-left : 18px;
	/* :END KLUDGE: --------------------------------------------------*/
}




/* =============================================== */
/* SECT: NAVIGATION */
/* =============================================== */

/* NAVIGATION - Main ----------- */

#menu {
	float : right;
	margin : 0;
	height : 30px;
	display : block;
}

#menu ul {
	list-style : none outside none;
	margin : 0;
	padding : 0;
}

#menu ul li {
	margin : 0;
	padding : 0;
	float : left;
	list-style : none outside none;
}

#menu ul li a {
	display : block;
	float : left;
	border-bottom : 0;
	height : 30px;
	background : url(../images/menu_main_btn.gif);
	text-align : center;
	color : #415061;
	text-decoration : none;
	font-weight : bold;
	padding : 0 12px;
	border-left : 1px solid #AFB8BC;
	border-right : 1px solid #C5CACC;
}

#menu ul li a span {
	line-height : 30px;
}

#menu ul a:hover, #menu ul a.selected {
	color : #8B4513;
	background-position : 0px -30px;
}


/* NAVIGATION - Sub ----------- */

#sub {
	height : 30px;
	display : block;
	background : White url(../images/menu_sub_bg.gif) repeat scroll top;
	width : 100%;
}

#sub ul {
	display : block;
	float : right;
	margin-right : 3px;
}

#sub ul li {
	display : inline;
	margin : 0;
	padding : 0;
	float : left;
	list-style : none outside none;
}

#sub ul li a {
	width : 100%;
	border-bottom : 0;
	text-align : center;
	color : #415061;
	text-decoration : none;
	font-size : 11px;
	border-left : 1px solid #E0E2E7;
	padding : 2px 10px;
}

#sub ul li a span {
	line-height : 30px;
}

#sub ul a:hover, #sub ul a.selected {
	cursor : pointer;
	color : #8B4513;
	background : transparent url(../images/menu_sub_bg.gif) repeat-x fixed top;
}




/* =============================================== */
/* SECT: OTHER GENERAL LAYOUT STUFF */
/* =============================================== */

/* - Misc ------------ */

#quote img {
	margin : 40px 20px;
}

#footer p {
	color : #415061;
	background : transparent;
}

p.alert {
	color : #B22222;
	background-color : transparent;
	font-weight : bold;
}


/* Content ------------ */

p.caption {
	text-align : right;
	font-style : oblique;
	font-weight : bold;
}

#content_right img,
.content_right img {
	border : 1px solid #415061;
	display : block;
	margin-bottom : 10px;
}

#content_right a,
.content_right a {
	border : 1px solid #415061;
	display : block;
	width : 150px;
}

#content_right a,
.content_right a {
	border : 1px solid #415061;
	display : block;
	width : 150px;
}

#content_right a.apart {
	border : 0;
	display : inline;
	width : auto;
	color : #8B4513;
	font-weight : bold;
}

#content_right a:hover,
.content_right a:hover {
}

#content_right a img,
.content_right a img {
	border : 0;
	margin : 0;
}

#content_right .txt {
	border : 0;
	margin-top : 10px;
	margin-bottom : 10px;
	display : inline;
}

#content_right img.noBottomMargin {
	margin-bottom : 0;
}

#content_right a.noUnderLine, #content_right img.noUnderLine {
	border : 0;
	border-bottom : 0;
}



/* =============================================== */
/* SECT: PAGE SPECIFIC */
/* =============================================== */

.testimonial {
	width : 424px;
	margin-left : 40px;
	margin-right : 40px;
	border-bottom : 1px dashed #415061;
	padding-bottom : 10px;
	margin-bottom : 30px;
}

#testimonial p {
	margin-bottom : 5px;
}

#homepage {
	padding : 0;
	margin : 0;
}

#flashcontent {
	border-top : 1px solid #415061;
	height : 450px;
}


/* Portfolio */

#porfolio_content {
	width : 764px;
	background : #556373 url(../images/portfolio_bg.gif) repeat-y scroll top;
}

#porfolio_content p a {
	color : #E3E3E8;
}

#porfolio_content p a:hover {
	color : White;
	background : transparent;
	text-decoration : underline;
}

#portfolio_image_selector {
	width : 220px;
	float : left;
	background : #415061;
	padding-top : 20px;
}

#portfolio_image_selector span {
	float : left;
	padding : 0 0 20px 20px;
	
}

#portfolio_image_selector span a {
	border : 1px solid #B1B9BE;
	display : block;
}

#portfolio_image_selector span a:hover {
	border : 1px solid White;
}

#portfolio_image_selector hr {
	display : block;
	border: 0;
	color: #B1B9BE;
	background-color: transparent;
	height: 1px;
	margin : 0px 20px 0px 20px;
	padding : 0px 0px 15px 0px;
	border-top : 1px dashed #B1B9BE;
	float : left;
	clear : both;
	width : 180px;
}

#portfolio_image_selector p {
	color : #F5F5F5;
	background-color : transparent;
	margin : 0px 0px 0px 0px;
	padding : 0px 20px 10px 20px;
}

#portfolio_image {
	width : 544px;
	float : left;
	background : #B1B9BE;
	border-top : 1px solid #415061;
}

#portfolio_image p {
	text-align : right;
	font-weight : bold;
	margin : 5px;
}


/* Services Selector ----------- */

#services_select {
	background : #F5F5F5 url(../images/content_bg.gif) repeat-x scroll top;
    float : left;
    margin : 0;
	padding-top : 20px;
	padding-bottom : 10px;
	padding-left : 25px;
    width : 739px;
}

.services_container {
	background : #EBEBEF url(../images/services_select_bg.gif) no-repeat scroll 1px 1px;
	margin-bottom : 5px;
	width : 721px;
}

.services_select {
	display: block;
    float:left;
	text-align : center;
	font-family : Georgia, Verdana, Arial;
	font-size : 70%;
	font-weight : bold;
	border-left : 1px solid #415061;
	border-top : 1px solid #415061;
	border-bottom : 1px solid #415061;
}

.services_select_last {
	border-right : 1px solid #415061;
}

div.services_select a {
    padding:185px 0 0 0;
    display:block;
    text-decoration:none;
    height:100%;
	border : 0;
	line-height : 150%;
    width:143px;
	height : 50px;
}

div.services_select a:hover {
    text-decoration:none;
	color : White;
	border : 0;
}

#service_select_1 { background: transparent url(../../images/services_select_1.jpg) no-repeat 0 0; }
#service_select_1 a:hover { background: #415061 url(../../images/services_select_1.jpg) no-repeat 0 0; }

#service_select_2 { background: transparent url(../../images/services_select_2.jpg) no-repeat 0 0; }
#service_select_2 a:hover { background: #415061 url(../../images/services_select_2.jpg) no-repeat 0 0; }

#service_select_3 { background: transparent url(../../images/services_select_3.jpg) no-repeat 0 0; }
#service_select_3 a:hover { background: #415061 url(../../images/services_select_3.jpg) no-repeat 0 0; }

#service_select_4 { background: transparent url(../../images/services_select_4.jpg) no-repeat 0 0; }
#service_select_4 a:hover { background: #415061 url(../../images/services_select_4.jpg) no-repeat 0 0; }

#service_select_5 { background: transparent url(../../images/services_select_5.jpg) no-repeat 0 0; }
#service_select_5 a:hover { background: #415061 url(../../images/services_select_5.jpg) no-repeat 0 0; }

#services_select h3 {
	margin : 0 20px 5px 0;
	font-weight : normal;
	font-size : 120%;
	color : #415061;
}

 .sub {
	margin : 0 0 0 0;
	padding-top : 5px;
	border-bottom : 0;
	border-top : 1px dashed #B1B9BE;
	text-align : right;
	clear : both;
}


/* Portfolio Selector ----------- */

#portfolio_select {
	background : #F5F5F5 url(../images/content_bg.gif) repeat-x scroll top;
    float:left;
    margin:0;
	padding-top : 20px;
	padding-bottom : 20px;
	padding-left : 20px;
	padding-right : 20px;
    width : 504px;
}

.portfolio_select {
	font-family : Georgia, Verdana, Arial;
	font-size : 70%;
	text-align : left;
	width:494px;
	display: block;
	padding-right : 0px;
	border-bottom: 1px dashed #B1B9BE;
}

div.portfolio_select a {
    padding:10px 10px 0px 10px;
    display:block;
    text-decoration:none;
	line-height : 150%;
	margin-bottom : 0px;
	border-bottom:0;
	height : 140px;
	
}

div.portfolio_select a:hover {
    text-decoration:none;
	border-bottom:0;
	background: url(../images/portfolio_select_bg.gif) repeat-x scroll top;
}

div.portfolio_select img {
	display : block;
	float : left;
	margin-right : 10px;
	border : 1px solid #B1B9BE;
}

span.portfolio_title {
	display : block;
	font-size : 150%;
	font-weight : bold;
	margin-bottom : 10px;
}

span.portfolio_text {
	display : block;
	line-height : 150%;
}

#portfolio_select h3 {
	margin : 0 10px 0 0;
	font-weight : normal;
	font-size : 120%;
	color : #415061;
	border:0;
	border-bottom : 1px dashed #B1B9BE;
}

#portfolio_select  .sub {
	margin : 10px 10px 0 0;
	padding-top : 0px;
	border-bottom : 0;
	text-align : right;
	clear : left;
}



/* =============================================== */
/* SECT: HOME ENHANCEMENT */
/* =============================================== */

.enhance_example {
	width : 220px;
	padding : 10px 0 0 0;
	float : left;
}

.enhance_example h4 {
	font-size : 80%;
	font-weight : bold;
	margin : 0;
	padding : 0;
}

.enhance_example img {
	border : 1px solid #415061;
	margin : 0 0 0 0;
}

.enhance_example p.enlarge {
	color : White;
	text-align : right;
	background : #415061;
	width : 212px;
	height : 11px;
	padding : 5px;
	line-height : 100%;	
}

.enhance_example p.enlarge a {
	color : White;
}

.enhance_example p.enlarge a:hover {
	color : #415061;
}


/* =============================================== */
/* SECT: SERVICE, LINK TO CASE STUDIES */
/* =============================================== */

.link_to_casestudy {
	margin : 10px 0 0 0;
	width : 310px;
}

.link_to_casestudy_image {
	width : 160px;
	float : left;
}

.link_to_casestudy_image img {
	border : 1px solid #415061;
	margin : 3px 0 10px 0;
}

.link_to_casestudy_image a {
	border-bottom : 0;
}

.link_to_casestudy_desc {
	width : 145px;
	float : right
}

.link_to_casestudy_desc p {
	line-height : 150%;
}



/* Case Studies Selector ----------- */

.casestudy_container {
	background : #EBEBEF url(../images/casestudy_select_bg.gif) no-repeat scroll 1px 1px;
	margin-bottom : 5px;
	width : 721px;
}

.casestudy_select {
	display: block;
    float:left;
	text-align : center;
	font-family : Georgia, Verdana, Arial;
	font-size : 70%;
	font-weight : bold;
	border-left : 1px solid #415061;
	border-top : 1px solid #415061;
	border-bottom : 1px solid #415061;
}

.casestudy_select_last {
	border-right : 1px solid #415061;
}

div.casestudy_select a {
    padding:185px 0 10px 0;
    display:block;
    text-decoration:none;
    height:100%;
	border : 0;
	line-height : 150%;
    width: 143px; /*179px;*/  /* 239 */
}

div.casestudy_select a:hover {
    text-decoration:none;
	color : White;
	border : 0;
}

#casestudy_select_1 { background: transparent url(../../images/casestudies_select_1.jpg) no-repeat 0 0; }
#casestudy_select_1 a:hover { background: #415061 url(../../images/casestudies_select_1.jpg) no-repeat 0 0; }

#casestudy_select_2 { background: transparent url(../../images/casestudies_select_2.jpg) no-repeat 0 0; }
#casestudy_select_2 a:hover { background: #415061 url(../../images/casestudies_select_2.jpg) no-repeat 0 0; }

#casestudy_select_3 { background: transparent url(../../images/casestudies_select_3.jpg) no-repeat 0 0; }
#casestudy_select_3 a:hover { background: #415061 url(../../images/casestudies_select_3.jpg) no-repeat 0 0; }

#casestudy_select_4 { background: transparent url(../../images/casestudies_select_4.jpg) no-repeat 0 0; }
#casestudy_select_4 a:hover { background: #415061 url(../../images/casestudies_select_4.jpg) no-repeat 0 0; }

#casestudy_select_5 { background: transparent url(../../images/casestudies_select_5.jpg) no-repeat 0 0; }
#casestudy_select_5 a:hover { background: #415061 url(../../images/casestudies_select_5.jpg) no-repeat 0 0; }

#services_select h3 {
	margin : 0 20px 5px 0;
	font-weight : normal;
	font-size : 120%;
	color : #415061;
}

 .sub {
	margin : 0 0 0 0;
	padding-top : 5px;
	border-bottom : 0;
	border-top : 1px dashed #B1B9BE;
	text-align : right;
	clear : both;
}


/* =============================================== */
/* SECT: NEW HOMEPAGE */
/* =============================================== */

#homepage {
	width : 764px; 
	height : 499px;
	background : #415061 url(../../images/homepage_clonee.jpg) no-repeat scroll 0 0;
}

div.intro {
	width : 285px;
	margin : 50px 10px 0 0;
	float : right;
}

#homepage h3 {
	font-size : 250%;
	line-height : 100%;
	font-weight : normal;
	color : #25303B;
	/*border-top : 1px solid #DDE1E8;*/
	margin : 280px 0 0px 300px;
	padding : 20px 0 0 0;
	border-bottom : 0;
	/*font-weight : bold;*/
	/*text-align:right;*/
	float : left;
	/*border : 1px solid #712543;*/
}

div.intro h3 em {
	font-size : 80%;
}

div.intro p {
	color : #415061;
	padding : 0 0px 0 0;
	margin : 0 0 5px 0;
	font-size : 105%;
	text-align:left;
}

div.intro p.home-tagline1 {
	
}

div.intro p.home-tagline2 {
	/*border-top : 1px solid #DDE1E8;*/
	margin : 20px 0 0 0px;
	padding : 0px 0 0 0px;
	font-size : 105%;
	text-align:right;
}


div.breakouts {
	background : #D2D4D5 url(../images/homepage_bg.gif) repeat-x scroll 0 0;
	padding : 20px 20px 20px 20px;
	width : 724px;
}

div.breakout-left {
	width : 330px;
	float : left;
	border-right : 1px solid #E1E2E3;
	padding : 0 20px 0 0;
}

div.breakout-right {
	width : 340px;
	float : left;
	border-left : 1px solid #979FA8;
	padding : 0 0 0 20px;
}

div.breakouts h4 {
	font-size : 100%;
	font-weight : bold;
	border-bottom : 1px solid #979FA8;
	padding : 0 0 5px 0;
	margin : 0 0 5px 0;
}

div.breakout-image {
	width : 160px;
	float : left;
}

div.breakout-desc {
	width : 170px;
	float : left;
}

div.breakout-right div.breakout-desc {
	width : 180px;
}

div.breakouts p {
	line-height : 130%;
	margin : 0;
}

div.breakouts p.link {
	border-top : 1px solid #979FA8;
	margin : 8px 0 0 0;
	padding : 7px 0 0 0;
	font-weight : bold;
}

div.breakouts a {
	color : #8B4513;
	border-bottom : 0;
}

div.breakouts a:hover {
	color : #D00000;
	background-color : transparent;
}





/* - FOOTER ------------ */

#footer {
	width : 744px;
	clear : both;
	padding : 0.5em 10px 0 10px;
	margin : 0 0 20px 0;
	background : #4A5969 url(../images/footer_bg.gif) repeat-x scroll 0 top;
	border : 1px solid #415061;
}

#footer_left {
	width : 350px;
	float : left;
	font-weight : bold;
}

#footer_right {
	width : 350px;
	float : right;
	text-align : right;
}

#footer p {
	color : #F5F5F5;
}