/* @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
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: #535353;
	/*border-top: 4px solid #535353;
	border-bottom: 130px solid #535353;*/

}

div.outerWrapper {
	background: #ffffff;
	margin-bottom: 20px;
	min-height: 990px;
}

#wrapper {
margin: 0 auto;
margin-top: 8px;
padding-bottom: 20px;
width: 1080px;
font-size:14px;
background: #ffffff;
}

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;
}

.innerContent {
	/*width:1075px;
	margin-left:-537px;
	position:absolute;
	left: 50%;*/
	/*padding: 0 20px 0px 20px;*/
	font-size:14px;
	/*border: 1px solid #e5e5e5;*/
	background: #FFFFFF;
	padding-bottom: 30px;
	/*float: left;*/	
}

.content {
	margin: 0px 0 20px 0;
	width: 960px;
	/*border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;*/
	/*background: url(images/content_back.gif);*/
	/*border-bottom: 4px solid #535353;*/
	margin-left: 50px;
	/*float:left;*/
	/*padding: 10px;*/
}

div.story-philosophy {
	margin: 10px 0px 10px 58px;
}

div.fullPage {
	
}


.clear {
	clear: both;
}

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

#sidebar {
 	/*border-top: 1px solid #e5e5e5;*/
	margin: 0px 0 0px 0px;
	/*background:#FFFFFF;*/
	width: 308px;
	float: right;
	padding: 20px 0px 10px 0px;
	font-size: 14px;
	/*border-left: 1px solid #e5e5e5;*/

}



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

}


div.portfolioWeb {
width: 860px;
margin: 35px 0 0px 55px;
padding-bottom: 40px;
border-bottom: 2px dashed #d2d2d2;
height: 670px;
}

div.portfolioPrint {
width: 860px;
margin: 35px 0 0px 55px;
padding-bottom: 40px;
border-bottom: 2px dashed #d2d2d2;
height: 570px;

}


div.portfolioPrintLong {
width: 860px;
margin: 35px 0 0px 55px;
padding-bottom: 40px;
border-bottom: 2px dashed #d2d2d2;
height: 619px;

}

div.portfolioPrintShort {
width: 860px;
margin: 35px 0 0px 55px;
padding-bottom: 40px;
border-bottom: 2px dashed #d2d2d2;
height: 510px;

}

div.portfolioWeb p {
	color: #888888;
}

div.portfolioPrint p {
	color: #888888;
}

div.portfolioPrintShort p {
	color: #888888;
}

div.portfolioPrintLong p {
	color: #888888;
}

div.contact {
width: 860px;
margin-left: 58px;
padding-bottom:40px;
border-bottom: 2px dashed #d2d2d2;
height: 440px;
}

div.contactLeft {
	width: 400px;
	margin-right: 50px;
	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 ;
}

div.portfolioWeb p.testimonial {
font-style: italic;
color: #5e5d5d;
margin-top: 20px;
font-family: "Lucida Sans", Georgia;
}

div.portfolioPrint p.testimonial {
font-style: italic;
color: #5e5d5d;
margin-top: 20px;
font-family: "Lucida Sans", Georgia;
}

div.portfolioPrintShort p.testimonial {
font-style: italic;
color: #5e5d5d;
margin-top: 20px;
}

p.testimonialAuthor {
font-style: italic;
margin-top: 8px;
font-family: "Lucida Sans", Georgia ;
}

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

}


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-size: 32px;
	text-transform: uppercase;	
	color: #e3e400;
	margin-left: 3px;
	text-align: left;
}

.portfolioRight h3 {
	color: #FFF;
	background-color: #5e5d5d;
	padding: 8px;
	font-size: 22px;
	margin: -15px 0 25px 0;
}

.portfolioRight {
	width: 270px;
	float: left;
	margin-left: 10px;
	padding-top: 10px;
}



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

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

.footerInner {
width: 1000px;
margin: 0 auto;
/*padding-left: 170px;*/
/*float:left*/
}

#header {
	background: #FFFFFF;
	height: 120px;
	width: 1080px;
}



li.sIFR-replaced {
width:130px;	
}

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


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


.navigation a {
	font-style: normal;
}

#header h1 {
	text-indent:-9999em;
	background: url(images/accessdesign_logo.gif) no-repeat;
	height: 40px;
	width: 199px;
	float: left;
	margin:  9px 0 0 18px;
}

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

.mast {
	/*height:  263px;*/
	/*margin: 20px 0px 20px 0px;*/
	/*margin: 45px 20px 10px 45px;
	float: left;*/
	padding-bottom: 30px;
	/*border-bottom: 1px solid #e5e5e5;*/
	
}



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

.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;
}

.port_image a {
border: none;
}

img.port_image {
	margin-top: -20px;
border: none;
}

.frontRight a {
	border: none;
}
	
.recent-posts {
	background: #FFFFFF;
	width: 920px;
	float: left;
    margin: 10px 20px;
}

h2#recent  {
	background: url(images/recent_posts.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	height:50px;
	margin: 15px;
}

/*.front-content p {
	margin: 10px 30px 30px 10px;
}*/

.tagline h2 {
	margin-top:20px;
	padding-bottom:85px;
	text-indent: -9999em;
	background-color: #FFFFFF;
	background: url(images/tagline.gif) no-repeat;
}



li#rss {
	margin-left:-20px;
}


.post {
	margin: 0px 0 40px 40px;
	background: #FFFFFF;
	/*padding: 20px;*/
	/*padding-top:20px;*/
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	/*border-top: 1px solid #e5e5e5;*/
}

hr {
	border-bottom: 1px solid #e5e5e5;
}

.post_content {
	margin-bottom: 20px;
}

a {
	color: #9a9a9a;
	text-decoration:underline;
	text-decoration: none;
	border-bottom: 2px #e3e400 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;*/
}

#sidebar a {

}

#recent-posts a{
	border:none;
border-left: 2px solid #fcd200;
padding-left: 5px;	
}

.date {
	float: left;
	}
	
.category {
text-align: right;
margin-left: 10px;
		/*height: 40px;*/
		/*margin-top: 30px;*/

}

.date_category {
	height: 30px;
	font-size: 13px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-style: italic;
	color: #adadad;
	margin-left: 10px;
	/*margin: 20px 10px;*/
}

/*.post .date {
	font-size: 13px;
	text-align: left;
	margin: 0px 10px 10px 10px;
	padding-bottom: 0px;
	padding: 10px;
}*/

#wrapper div.portfolio div.portfolio-item img {
	margin: 0 30px;
	border: 6px solid #e5dfd8;
	float: left;
}

div.portfolio-item {
	height:  410px;
	padding: 30px 0px;
	border-bottom: 1px dashed #dbd3cc;
}

#wrapper div.portfolio div.portfolio-item p {
	margin-right:25px ;
	margin-bottom: 15px;
}



.comments_categories {
	/*border-top: 1px solid #e5e5e5;*/
	height: 30px;
	/*margin: 10px 10px;*/
	
}

/*.category a {
		font-style: normal;
		color: #adadad;
}*/





/*#ul_navigation{
	background:url(images/navigation.gif) no-repeat;
	height:46px;
	width:434px;
	text-indent: -99999px;
	list-style: none;
	position: absolute;
	top:47px;
	left:550px;
	}

ul#ul_navigation li{
	position: absolute;
	height:46px;	
	top:0px;
	line-height:1px;
	font-size:0px;
	}

ul#ul_navigation a{
	display: block;
	text-decoration: none;
	height: 46px;
	overflow: hidden;
	width:100%;
	border: none;
}
ul#ul_navigation li#li_articles {left:0px; width: 105px;}
ul#ul_navigation li#li_portfolio {left:106px; width:121px;}
ul#ul_navigation li#li_about_us {left:227px; width:87px;}
ul#ul_navigation li#li_contact {left:315px; width:110px;}

li#li_articles a:hover {background:url(images/navigation.gif) 0px -46px;}
li#li_portfolio a:hover {background:url(images/navigation.gif) -106px -46px;}
li#li_about_us a:hover {background:url(images/navigation.gif) -227px -46px;}
li#li_contact a:hover {background:url(images/navigation.gif) -315px -46px;}*/



div.comments_link {
	/*margin: 10px 0px 0 10px;*/
	font-size:  13px;
	float: right;
	/*background: url(images/comments_bubble.gif) no-repeat;*/
	padding-left: 40px;
	margin-left: 5px;
	/*margin-top: -20px;*/
}


#sidebar li {
	list-style-type: none;
	text-align: left;
	margin-bottom:  5px;
}

#sidebar ul {
	list-style-type: none;
	margin: 0px 10px 0 20px;
	/*margin: 10px;*/
		padding: 5px;
}



#tag_cloud {
	margin-bottom:  20px;
	margin-left: 10px;
}

a.more-link {
	text-indent: -9999px;
	background-image: url(images/read_more.gif);
	display: block;
	width: 102px;
	height: 32px;
	font-size: 16px;
	text-transform: uppercase;
	/*margin-left: 410px;*/
	margin-top: 23px;
	/*float: left;*/
	/*margin-right: -10px;*/
	border: none;


}

a.more-link:hover {
	border-bottom: none;
	border-top: none;
}

#sidebar h2 {
	height: 30px;
	margin-left:  10px;
	margin-top: 35px;
	margin-bottom: 8px;
}


.rss {
	margin-left: 10px;
	margin-top: 5px;

	
}

.rsslink a:hover {
	border-top: none;
	border-bottom: none;
}

a.rsslink:hover {
	border-top: none;
	border-bottom: none;
}

a.rsslink {
border: none;	
}


#sidebar ul p {
	margin: 15px 20px;
}

/*li#recent-posts h2 {
	background: url(images/recent_posts.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;

margin-top: 45px;
}*/

/*li#archives h2 {
	background: url(images/archives.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;

	
}*/


/*li#recent-comments h2 {
	background: url(images/recent_comments.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	
}*/

/*li#tag_cloud  h2 {
	background: url(images/tags.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	margin-left: -5px;
	
}*/

/*li.widget_categories  h2 {
	background: url(images/categories.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	
}*/

/*li#pages h2 {
	background: url(images/pages.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	
}*/

h2#comments {
	/*background: url(images/comments.gif) no-repeat;
	text-indent: -9999px;*/
	color: #f8a040;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
	font-size:  26px;
	margin-left: 20px;
	margin-bottom: 10px;
	/*height: 45px;*/
	/*border-bottom: 1px solid #dbd3cc;*/
}

h1.storytitle  {
	margin:0px 10px 5px 10px;
	/*font-style: italic;*/
	font-size: 26px;
	text-align: left;
	/*border-bottom: 1px solid #dbd3cc;*/
	/*padding-bottom:  10px;*/
	/*border-bottom: 1px solid;*/
	font-weight: normal;
	line-height: 30px;
	color: #f8a040;
	border-left: 3px #ffd200 solid;
	padding-left: 15px;

}

#wrapper div.front-content div.recent-posts div.breaking h2 {
	margin:0px 20px 10px 20px;
	/*font-style: italic;*/
	font-size: 26px;
	text-align: left;
	padding-bottom:  10px;
	/*border-bottom: 1px solid;*/
	font-weight: normal;
	line-height: 30px;
	
}

.leftSide h2 {
	margin: 15px;
}

.hentry p a:link {
	/*color: #86c7a9;*/
}

.hentry p a:visited {
	border-bottom: #86c7a9;
}

.hentry p a:hover {
	color: #535353;
}


.post_content h3 {
	margin: 25px 15px 10px 15px;
	font-weight: bold;
	font-style: italic;
	color: #6b583e;
	padding-bottom: 3px;
	border-bottom: 1px dashed #dbd3cc;
	
}

.leftSide p {
	margin: 10px;
	margin-bottom: 15px;
}



.storytitle a{
	text-decoration:  none;  
	color: #f8a040;
	
}

div.post_nav {
	margin-top: -30px;
	border-bottom: 1px solid #e5e5e5;
	height: 55px;
	margin-left: 40px;
	margin-bottom: 30px;
	
}

div.next_post_link {
float: right;
text-align: right;	
width: 280px;
}

div.prev_post_link {
float: left;	
width: 280px;
}

.portfolio {
	background-color:#FFFFFF;
	width:100%;
}


h2#portfolio-head {
	background: url(images/portfolio.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	height: 60px;
	
}

#wrapper div.portfolio {
	/*padding: 25px;*/
	margin-bottom:30px;
	margin-top: 8px;
}


#respond {
	width: 530px;
	margin-top: 20px;
}

h2#respond {
	margin-top: 40px;
	margin-bottom: 10px;
	font-weight: normal;
	text-decoration: none;
	font-size:  26px;
}


#comment {
	width: 490px;
}

.comments {
	/*border-top:  1px solid;*/
	margin-top: 0px;
	margin-left: 20px;
	/*padding: 10px;*/
	/*border-top:2px solid #CCC9B8;*/
}

#commentform {
        font-size:14px;
        /*background: #F2ECCE;*/
        padding: 15px 15px 1px;
        margin-left: 25px;
        padding-top:0px;
        margin-bottom:30px;
        /*border-bottom:1px solid #CCC9B8;*/
        }

#commentform label {
        display:block;
        margin: 0;
        }

#commentform input {
	width: 170px;
	padding: 1px;
	margin: 0px 5px 10px 0;
	}

#commentform textarea {
        width: 400px;
        padding: 0;
	margin: 0px 0px 10px 0; 
	}

#commentform #submit {
	margin: 0 0 20px 0;
	}

#commentform p {
        margin: 5px 0;
	}


/* -------------------[ Comments ]------------------- */


ol.commentlist {
        font-size:14px;
        padding: 0;
        margin-top: 20px;

        }

ol.commentlist p {
	margin-bottom: 10px;
}

ol.commentlist li {
	display: block;
	list-style: none;
        padding: 10px;
        margin-left: 25px;
        /*border-bottom:1px solid #e5e5e5;*/

	}

ol.tblist {
        font-size:14px;
	list-style: none;
        padding: 15px 15px 10px;
        margin: 0;
        border-bottom:1px solid #CCC9B8;
        }

ol.tblist li {
	display: block;
	list-style: none;
        padding: 0;
        margin: 0 0 5px 0;  
        background: url(images/zekebullet.gif) 0 3px no-repeat;
        padding-left: 14px;     
	}

.odd {
background-color: #f6f6f6;
/*border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;*/
/*border-left: 1px solid #e5e5e5;*/
}

.alt {

/*border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;*/	
}



.breaking, .recent {
padding: 10px;
/*padding-top: 20px;*/
margin-top: 20px;
/*border: 1px solid #3d3d3d;*/
/*margin-bottom: 15px;*/
float:left;
width: 440px;
}

.postimg {
/*float: right;*/
width: 400px;
height: 175px;
padding: 10px;
}

.postimg-s {
float: right;
width: 50px;
height: 50px;
padding-bottom: 10px;
}

.breaking h2 {
font-size: 2em;
line-height: 1em;
margin-bottom: 0px;

}

    .breaking h2 a, .recent h3 a {
    text-decoration: none;
    color: #5e5143;
    font-size:24px;
    }
    
    .breaking h2 a:hover, .recent h3 a:hover {
    text-decoration: underline;
    }



/* POST META */
/*.postmeta {
margin: -10px;
padding: 5px;
background-color: #dedbd1;
border-top: 1px solid #dbd3cc;
border-bottom: 1px solid #dbd3cc;
padding-bottom: 20px;
clear: both;
}*/

    .postmeta p {
    margin: 0;
    padding-left: 6px;
    text-transform: uppercase;
    font-weight: bold;
    }
    
    .postmeta span.comm {
    font-weight: normal;
    }
    
    .postmeta a:link, .postmeta a:visited {
    /*color: #3d3d3d;*/
    text-decoration: none;
    }
    
    .postmeta a:hover, .postmeta a:active {
    text-decoration: underline;
    }
  
#wrapper div.front-content div.recent-posts div.breaking div.datetime p {
	font-style: italic;
font-size: 0.9em;
margin: 5px 30px 10px 30px;
}

.footerCol {
float: left;
width: 200px;
margin: 10px 40px;
padding: 0 44px 50px 44px;
height: 150px;
}

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

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

.footer h2 {
	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-size: 45px;
	line-height: 40px;
	margin: 0px 50px 0 60px;
	border-top: 2px dashed #d2d2d2;
	border-bottom: 2px dashed #d2d2d2;
	padding-top: 25px;
	padding-bottom: 25px;
	font-style: normal;
}

.story-philosophy h2 {
	
	font-size: 28px;
	text-transform: uppercase;	
	margin: 0px 0 20px 0;
	color: #e3e400;
}

div.story-philosophy h3 {
	margin: 25px 0 10px 0;
	font-size: 30px;
}


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

p {
margin: 10px 0;	
}