/* @override http://accessdesign.ca/wp-content/themes/adtheme/style.css */

/* @override http://accessdesign.ca/wp-content/themes/adtheme/style.css */

/* @override http://accessdesign.ca/wp-content/themes/adtheme/style.css */

/* @override http://localhost:8888/accessdesign.ca/wp-content/themes/adtheme/style.css */

/* @override 
	http://localhost:8888/accessdesign.ca/wp-content/themes/adtheme/style.css
	http://localhost:8888/accessdesign.ca/wp-content/themes/adtheme/style.css
	http://accessdesign.ca/wp-content/themes/adtheme/style.css
	http://localhost/accessdesign.ca/wordpress/wp-content/themes/adtheme/style.css
	http://localhost/accessdesign.ca/wordpress/wp-content/themes/adtheme/style.css
*/

/*Access Design*/

/*COLORS
orange:#f8a040
old-green:#e3e400;
13a89e
green:#86c7a9 
dark grey:#5e5d5d
light grey:#e5e5e5*/




/*RESET THE CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
 remember to define focus styles! 
:focus { outline: 0;}
 remember to highlight inserts somehow! 
ins { text-decoration: none;}
del { text-decoration: line-through;}
 tables still need 'cellspacing="0"' in the markup 
table {	border-collapse: collapse;	border-spacing: 0;}
/*END RESET THE CSS*/

html, body {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 62.5%;
	color: #5e5d5d;
	line-height: 21px;
	background: #ffffff;

}

#contentWrapper{
width: 900px;
margin: 0 auto;
font-size: 14px;
min-height: 1200px;
	background: #ffffff;
}


div.topLine {
	background: #535353;
	height: 8px;
}

div.bottomLine {
clear: both;
	background: #535353;
	height: 8px;
}


#header {
	background: #FFFFFF;
	height: 120px;

}

#header h1 {
	text-indent:-9999em;
	background: url(images/accessdesign-logo-website.gif) no-repeat;
	height: 45px;
	width: 269px;
	float: left;
}

#header a img.logo {
margin: 38px 0px 0px 0px;
float: left;
}


.mast {
	padding-bottom: 30px;
	
}


.clear {
	clear: both;
}



.footer {
/*height: 300px;*/
color:#535353;
font-size: 14px;
/*padding-bottom: 30px;*/
clear: both;
background-color: #ffffff;
float: left;
width: 100%;

}




div.portfolioWeb {
/*margin: 0 auto;
width: 960px;*/
margin: 35px 0 0px 0px;
padding-bottom: 40px;
border-bottom: 2px dashed #d2d2d2;
/*height: 670px;*/
float:left;


}

div.portfolioPrint {
margin: 35px 0 0px 0px;
padding-bottom: 40px;
border-bottom: 2px dashed #d2d2d2;
float: left;
}

div.portfolioLeft {
	float: left;
	width: 540px;
	text-align: center;


}

.portfolioRight {
	width: 300px;
	float: right;
	margin-left: 60px;
	padding-top: 10px;
	
}


div.contact {
padding-bottom:40px;
border-bottom: 2px dashed #d2d2d2;
height: 440px;
}

div.contactLeft {
	width: 400px;
	margin-right: 60px;
	float: left;
}

div.contactRight {
	width: 400px;
	float:right;

}

div.about {
	float: left;
	margin: 0px 10px 0 40px;
	width: 430px;
}

div.frontFeature em {
	color: #999999;
}

img.screenshot {
float: left;
margin-left: -25px;
}

p.testimonial {
font-style: italic;
color: #ffffff;
margin: 20px 0 0 0;
font-family: "Lucida Sans", Georgia;
background: #7dcfca;
padding: 20px;

}




p.testimonialAuthor {
/*font-style: italic;*/
padding-top: 28px;
font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial;
background: url(images/testimonial-bg.gif) no-repeat;
margin-top: 0px;

}




div.portfolioLeft a {
	/*width: 200px;*/
margin-left:-12px
}

#wrapper div.content h3.front a {
height:20px;	
}

div.portfolioPrint div.portfolioLeft a {

}

div.portfolioPrintShort div.portfolioLeft a {


}

#portfolio h2 {
border-left: 3px #ffd200 solid;
padding-left: 15px;
margin-bottom: 20px;
}

#portfolio p {
	margin-bottom: 15px;
}

.portfolioLeft h2

{
	font-family: adelle,serif;
font-style: normal;
font-weight: 100;
	font-size: 28px;
	/*text-transform: uppercase;*/	
	color: #5e5d5d;
	margin-left: 3px;
	text-align: left;
}

.portfolioRight h3 {
	font-family: adelle,serif;
font-style: normal;
font-weight: 100;
	color: #FFF;
	background-color: #5e5d5d;
	padding: 10px 10px 10px 10px;
	font-size: 22px;
	margin: -15px 0 25px 0;
}




.footer a {
	/*color: #e5e5e5;*/
}

.footer a:hover {
	/*color:#ffd200;*/
}


.footerCol {
float: left;
width: 300px;
margin: 10px 20px;
padding: 20px 44px 50px 44px;
height: 150px;
}


.navigation {
/*width:430px;*/
/*margin-left:500px;*/
margin-top:45px;
float:right;
}


.navigation li {
float: left;
margin-left: 75px;
/*width:140px;*/
list-style-type: none;
font-size: 25px;
text-transform: lowercase;
}


.navigation a {
font-family: adelle,serif;
font-style: normal;
font-weight: 100;
}





h3.front {
color:#535353;
font-size:24px;
/*font-style:italic;
font-weight:bold;*/
margin:35px 50px 20px 60px;
line-height: 35px;
	font-weight: normal;
	border-bottom: 2px dashed #d2d2d2;
	padding-bottom: 50px;
}

.mast a:hover {
	border: none;
}

.welcome {
		
	/*height: 300px;
	
	width: 470px;
	float: left;*/
}


.frontFeature {
	margin: 35px 25px;
padding-bottom: 30px;
	height:275px;}

.frontRight {
width: 300px;
float: left;}

div.frontLeft {
	/*width: 500px;*/
	float: left;
	padding-bottom: 10px;
}



a {
	color: #9a9a9a;
	text-decoration:underline;
	text-decoration: none;
	border-bottom: 2px #13a89e solid;
	font-style: italic;
}

#searchform {
	margin-left: 10px;
	margin-top: 20px;
}

img a:hover {
	border: none;
}

a:hover {
	color:#535353;
	/*border-bottom: 1px solid #dbd3cc;
	border-top: 1px solid #dbd3cc;
	text-decoration: none;
	background-color: #ffffff;*/
}




.footer ul {
	list-style-type: none;
	/*margin-left: 10px;*/
}

.footer li {
	list-style-type: none;
	
}

.footer h2 {
	font-family: adelle,serif;
font-style: normal;
font-weight: 100;
	font-size: 34px;
	margin: 10px 0;
	/*color: #e5e5e5;*/
	border: none;
}

#portfolio .footer h2 {
	font-size: 15px;
	margin-bottom: 15px;
	color: #e5e5e5;
	border: none;
	padding-left: 0px;
}

#loopedSlider a.next {
	float: right;
}

#loopedSlider a.previous {
float: left;	
}

/*
 * Required 
*/
.container { width:860px; height:324px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:860px; display:none; padding:0; margin:0; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:860px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

h2.front {

font-family: adelle,serif;
font-style: italic;
font-weight: 100;
font-size: 40px;
	line-height: 40px;
	margin: 0px 0px 0 0px;
	border-top: 2px dashed #d2d2d2;
	border-bottom: 2px dashed #d2d2d2;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #13a89e;

}

.story-philosophy h2 {
	font-family: adelle,serif;
font-weight: 100;
	font-size: 28px;
	text-transform: uppercase;	
	margin: 0px 0 20px 0;
	color: #13a89e;
}

div.story-philosophy h3 {
	
	font-family: adelle,serif;
font-weight: 100;
font-size: 40px;
	margin: 25px 0 10px 0;
	font-size: 30px;
}


/*.process h3 {
	font-size: 36px;
}*/

p {
margin: 10px 0;	
}

div.story-philosophy {
	/*margin: 10px 0px 10px 58px;*/
	float: left;

}

div.story {
	float: left;
	width: 405px;
	margin-right: 50px;

}

div.philosophy {
	float: left;
	width: 405px;
	/*margin-right: 21px;*/
	/*padding-right: 20px;*/

}

div.process {

	float: left;
	clear: both;
	margin:25px 0;
	border-top: 2px dashed #d2d2d2;
	padding-top:40px;
	width: 860px;
}

div.people {
	float: left;
	margin: 15px 0;
	border-top: 2px dashed #d2d2d2;
	padding:40px 0 25px 0;
	border-bottom: 2px dashed #d2d2d2;
	width: 860px;
	
}

div.process-left {
margin: -20px 0 0px 0;
float: left;
width: 400px;
padding-right: 53px;
}

div.process-right {
float: right;
width: 405px;
margin-top: -22px;
}






.leftSide {
	width: 600px;
	float: left;
	padding-right: 45px;
	border-right: 1px solid #e5e5e5;
	/*margin-bottom: 11px;*/
	margin-top:30px
}