@charset "utf-8";
/*
##########################################
# MAC INTEGRAL DESIGN  [MAIN STYLE]      #
##########################################
# Version 1.0 [August 20009]             #
# Author: Stephane Dubois                #
# Contact: contact@stephanedubois.com    #
# Website: http://www.stephanedubois.com #
##########################################
*/

/* ====== COMMON STYLES ======*/

html {
	background:#FFAC00 url(../images/bodyBg.jpg)
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	font:small Verdana, Geneva, sans-serif;
	color: #FFF;
	background: url(../images/wrapperBg4.jpg) no-repeat -10px 15px;
}
h1 {
	color:#FFF;
}
#txt p:first-child, li.firstQuestion {
	padding-top:0;
	margin-top:0;
}

/* ====== LAYOUT ======*/

#wrapper {
	position:relative;
	height:100%;
	min-height:812px;
	width:800px;
	margin-left:230px;
	top:30px;
}
#header {
	position:relative;
	top:10px;
	width:740px;
	height:50px;
	clear:right;
}
#header h1 {
	float:left;
	position:relative;
	left:0;
	width:225px;
	height:50px;
	padding-top:0;
	margin:0;
	font-size:15px;
	font-style:italic;
	overflow:hidden;top:0;
}
#header #logo {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(../images/macIntegralDesignLogo_off.gif);
	background-repeat:no-repeat;
}
#header #logo:hover {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(../images/macIntegralDesignLogo_on.gif);
	background-repeat:no-repeat;
}
#header span.txt {display:none;}

#contentWrapper {
	position:relative;
	top:14px;
	background:url(../images/topCorners.gif) no-repeat left top;
}
#content {
	position:relative;
	top:11px;
	background:#fff url(../images/bgContent.jpg) no-repeat left top;
}
#content a, #content p, #content dl {
	color:#666;
}
#content a:hover {
	color:#3399FE;
}
#content ul li {
	padding:3px 0
}
#content ul li a {
	text-decoration:none;
}
#content dt {
	line-height:25px;
	margin-top:15px;
}
/*content*/#txt {
	float:left;
	width:420px;
	margin-top:35px;
	color:#666;
	min-height:645px;
	margin-left:25px;
}
#links {
	background:url(../images/bottomCorners.gif) no-repeat left bottom;
	clear:both;
	color:#666;
	margin:0 0 20px 0;
	padding-bottom:20px;
}
#footer {
	position:relative;
	bottom:0;
	font-size:x-small;
	padding:10px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#000;
}

/* ====== NAVIGATION ====== */

#siteNav {
	float:left;
	list-style:none;
	position:relative;
	top:5px;
	left:75px;
}
#siteNav li {
	float:left;
	margin:0 auto;
	padding:0;
	font-family:"Futura Medium", verdana sans-serif;
}
#siteNav a {
	font-size:medium;
	float:left;
	display:block;
	margin:0 auto;
	padding:4px 6px;
	color:#fff;
	text-decoration:none;
}
#siteNav a img {
	border:0;
}

/*====== SECTION NAVIGATION ======*/

#navBar {
	float:left;
	width:300px;
	margin-top:35px;
	height:auto;
	}
#navBar #sectionNav {margin-top:0;clear:both}
#sectionNav, #portfolioNav, ul#ds {
	float:left;
	/*width:250px;*/
	margin-top:55px;
	font-weight:bold;
	}

ul#sectionNav {
	padding:0;
	margin: 35px 0 0 40px;
	list-style:none;
}
ul#ds {
	padding:0;
	margin:35px 0 0 40px;
	list-style:none;
	color:#333;
}
ul#ds li.ds {
	color:#999;
}
ul#ds ul {
	list-style:disc;
	color:#666;
	margin-top:15px;
	margin-left:-25px;
}
ul#ds ul ul {
	list-style:none;
	font-weight:normal;
	color:#666;
	margin-top:5px;
	margin-left:-40px;
}
#portfolioNav {
	font-weight:normal;
	margin:15px 0;
	list-style:none;
}
#portfolioNav li {
	margin:0;
	padding:0;
	position:relative;
	left:-40px
}
body.about #content ul#sectionNav li.aboutMAC a,
body.faq #content ul#sectionNav li.faqs a,
body.testimonials #content ul#sectionNav li.testimonials a, 
body.bookDesignPortfolio #content ul#sectionNav li.portfoliobd a,
body.aboutBookDesign #content ul#sectionNav li.aboutbd a,
body.aboutGraphicDesign #content ul#sectionNav li.aboutgd a,
body.graphicDesignPortfolio #content ul#sectionNav li.portfoliogd a,
body.aboutLogoDesign  #content ul#sectionNav li.aboutlg a,
body.logoGalleryPortfolio  #content ul#sectionNav li.portfoliolg a { 
	color:#FDA927;
	text-transform:uppercase;
	text-decoration:none;
}

body.bookDesignPortfolio #content ul#sectionNav li.portfoliobd  ul#portfolioNav li a,
body.graphicDesignPortfolio #content ul#sectionNav li.portfoliogd  ul#portfolioNav li,
body.graphicDesignPortfolio #content ul#sectionNav li.portfoliogd  ul#portfolioNav li a,
ul#ds {
	color:#666;
	text-transform:capitalize;
}

/* NAVBAR */
div.navBarTestimonial {
	font-size:x-small;
	margin:80px auto 20px 45px;
	width:208px;
	padding-top: 2px;
	background:#fff url(../images/NavBarTestimonialTopCorner.gif) no-repeat 0 0;
}
div.navBarTestimonial p {margin:15px;}
div.navBarTestimonial p.client {margin:0;padding-bottom:10px;background:url(../images/NavBarTestimonialBottomCorner.gif) no-repeat 0 36px;}
div.navBarTestimonial p.client span {display:block;margin:0 20px;}
/*TEST*/
body.bookDesignPortfolio #content ul#sectionNav li.portfoliobd  ul#portfolioNav li a:hover {
	color:#3399FE;
}
body.graphicDesignPortfolio #content ul#sectionNav li.portfoliogd  ul#portfolioNav li a {
	padding:.1em;

}
body.graphicDesignPortfolio #content ul#sectionNav li.portfoliogd  ul#portfolioNav li a:hover, 
body.logoGalleryPortfolio #content ul#sectionNav ul#portfoliogd  ul#portfolioNav li a:hover {
	background:#fff;
	padding:.1em;
	color:#3399FE;
}/*Just modified*/
body.graphicDesignPortfolio #content ul#sectionNav li.portfoliogd  ul#portfolioNav li a:active,
body.logoGalleryPortfolio #content ul#sectionNav ul#portfolioNav li a:active,
body.bookDesignPortfolio #content ul#sectionNav li.portfoliobd ul#portfolioNav li a:active {
	color:#000;
	/*font-weight:bold*/
}
/* # END COMMON STYLES #*/

/* ====== CONTACT SECTION ====== */

#contact {
	float:left;
	position:relative;
	height:auto;
	top:44px;
	left:60px;
	width:auto;
	color:#666;
}
#contact h1 {
	color: #FDAA28;
	font-size: 1.1em;
	font-weight:bold;
}
#contact address {
	font-style:normal;
}
#links h1 {
	color: #FDAA28;
	font-size: 1.1em;
	font-weight:bold;
	margin-left:60px;
}
#links ul {
	padding:0;
	margin: 0 0 0 60px;
	list-style:none;
}
#links ul li {
	padding:3px 0
}
#links ul li a {
	text-decoration:none;
}

/* ====== ABOUT MAC ======*/

dt {
	font-weight:bold;
}
dd {
	text-indent:0;
	margin-left:0;
	padding-left:0;
}

img.painting {
	padding-left:14px;
}

ul.faq {
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	list-style:none
}
#txt ul.faq li.question {
	padding:30px 0 0 0;
}

#msg {
	float:right;
	margin:86px 120px 20px 0;
}
/* ====== BOOK DESIGN PORTFOLIO ======*/
body.bookDesignPortfolio #content #txt,
body.logoGalleryPortfolio #content #txt {
	text-align:center;
}
body.logoGalleryPortfolio #content #txt #designPortfolio {
	padding-top:65px;
}
body.graphicDesignPortfolio #contentWrapper, body.logoGalleryPortfolio  #contentWrapper, body.bookDesignPortfolio   #contentWrapper {
	position:relative;
	top:14px;
	background:url(../images/topCorners_noFlower.gif) no-repeat left top;
}
body.graphicDesignPortfolio #content, body.logoGalleryPortfolio  #content, body.bookDesignPortfolio  #content {
	position:relative;
	top:11px;
	background:#fff;
}