@charset "utf-8";
body {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: url(http://awesomecompany.ca/images/background.jpg) center top no-repeat #f9f5f1;}
img {border: 0;}

/* Header */
#header-container {width: 960px; height: 110px; margin: 0 auto 0 auto;}
	#online-quote {position: absolute; margin: 0 0 0 810px;}
	#phone {position: absolute; margin: 30px 0 0 330px;}
	#logo {position: absolute; margin: 0 0 0 -140px; z-index: 3000;}
	#like-button{width: 80px; display: block; float: right; padding: 3px 15px 0 0;}
	#top-navigation ul {margin: 90px 15px 0 312px; padding: 0; float: right; z-index: 3000; position: absolute;}
	#top-navigation ul li {margin: 0 0 0 50px; list-style: none; float: left; padding-bottom: 27px; border: 0 solid #000; z-index: 3000; position: relative; background: url(../images/blank.gif) repeat;}
	#top-navigation ul li.last {margin: 0;}

	.about a {width: 80px; height: 14px; background: url(../images/nav-about.png) no-repeat; display: block;}
	.about a:hover {background: url(../images/nav-about.png) 0 -15px no-repeat;}
	
	.services a {width: 69px; height: 14px; background: url(../images/nav-services.png) no-repeat; display: block;}
	.services a:hover {background: url(../images/nav-services.png) 0 -15px no-repeat;}
	
	.clients a {width: 86px; height: 14px; background: url(../images/nav-clients.png) no-repeat; display: block;}
	.clients a:hover {background: url(../images/nav-clients.png) 0 -15px no-repeat;}
	
	.blogger a {width: 43px; height: 14px; background: url(../images/nav-blog.png) no-repeat; display: block;}
	.blogger a:hover {background: url(../images/nav-blog.png) 0 -15px no-repeat;}
	
	.contact a {width: 103px; height: 14px; background: url(../images/nav-contact.png) no-repeat; display: block;}
	.contact a:hover {background: url(../images/nav-contact.png) 0 -15px no-repeat;}
/* End Header */

#banner {width: 930px; height: 435px; margin: 0 auto 0 auto; background: url(http://awesomecompany.ca/images/banner-background.png) no-repeat; padding: 20px 15px 20px 15px;}
#sub-banner {width: 928px; height: 180px; margin: 0 auto 0 auto; background: url(http://awesomecompany.ca/images/sub-banner-background.png) no-repeat; padding: 20px 17px 17px 15px;}
#bottom-navigation {width: 960px; margin: 0 auto 0 auto;}
	.nav-container {width: 960px; margin: 15px 0 0 0;}
		.nav-container ul {margin: 0 0 25px 0; padding: 0;}
		.nav-container ul li {margin: 0 90px 0 0; padding: 0; list-style: none; float: left; text-align: right; width: 240px; height: 50px;}
		.nav-container ul li.last {margin: 0;}
		
		.portfolio a {width: 174px; height: 43px; background: url(http://awesomecompany.ca/images/nav-portfolio.gif) no-repeat; display: block; margin: 0 0 0 66px;}
		.portfolio a:hover {background: url(http://awesomecompany.ca/images/nav-portfolio.gif) 0 -45px no-repeat;}
		
		.specials a {width: 128px; height: 43px; background: url(http://awesomecompany.ca/images/nav-specials.gif) no-repeat; display: block; margin: 0 0 0 112px;}
		.specials a:hover {background: url(http://awesomecompany.ca/images/nav-specials.gif) 0 -45px no-repeat;}
		
		.reads a {width: 180px; height: 43px; background: url(http://awesomecompany.ca/images/nav-reads.gif) no-repeat; display: block; margin: 0 0 0 60px;}
		.reads a:hover {background: url(http://awesomecompany.ca/images/nav-reads.gif) 0 -45px no-repeat;}
		
		.brand a {width: 175px; height: 45px; background: url(http://awesomecompany.ca/images/nav-brand.gif) no-repeat; display: block; margin: 0 0 0 64px;}
		.brand a:hover {background: url(http://awesomecompany.ca/images/nav-brand.gif) 0 -47px no-repeat;}
		
		.blog a {width: 208px; height: 45px; background: url(http://awesomecompany.ca/images/nav-blog.gif) no-repeat; display: block; margin: 0 0 0 32px;}
		.blog a:hover {background: url(http://awesomecompany.ca/images/nav-blog.gif) 0 -47px no-repeat;}
		
		.quote a {width: 217px; height: 45px; background: url(http://awesomecompany.ca/images/nav-quote.gif) no-repeat; display: block; margin: 0 0 0 23px;}
		.quote a:hover {background: url(http://awesomecompany.ca/images/nav-quote.gif) 0 -47px no-repeat;}
		
		.reach a {width: 130px; height: 45px; background: url(http://awesomecompany.ca/images/nav-reach.gif) no-repeat; display: block; margin: 0 0 0 115px;}
		.reach a:hover {background: url(http://awesomecompany.ca/images/nav-reach.gif) 0 -47px no-repeat;}
		
#index-content {width: 960px; height: 312x; margin: 0 auto 0 auto;}
.next, .prev {cursor:pointer;}
#previous-button {width: 72px; height: 192px; float: left; text-align: left; padding: 120px 0 0 0;}
#next-button {width: 72px; height: 192px; float: left; text-align: right; padding: 120px 0 0 0;}
#cards {float: right;}

#footer {width: 960px; margin: 0 auto 15px auto; padding: 0 0 0 0;}
	.footer-links {float: left; width: 120px;}
	.footer-links#middle {width: 100px;}
	.footer-links ul {margin: 0; padding: 0;}
	.footer-links ul li {margin: 0 0 8px 0; padding: 0; list-style: none;}
	.footer-links ul li a {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #a8155c; text-decoration: none;}
	.footer-links ul li a:hover {color: #a97990;}
		
	#copyright p {margin: 0; padding: 0; font-size: 0.8em; color: #a8155c; float: right; text-align: right;}
.clear {clear: both;}

#sub-sections {width: 815px; margin: 0 auto 80px auto;}
#sub-sections h2 {color:#dc1c79; margin: 30px 0 0 0; font-weight: bold; font-size:1.4em;}
#sub-sections p {font-size:1em; line-height:1.6em; color: #414141;}
#sub-sections a {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #a8155c;}
#sub-sections a:hover {color: #a97990;}
#sub-sections li {font-size:1em; line-height:1.6em; color: #414141;}
.starred {font-size: 0.7em;}
.pink-box {width: 367px; float: left; margin: 0 0 20px 20px;}
.pink-box-top {width: 352px; height: 21px; background: url(http://awesomecompany.ca/images/pink-box-top.png) no-repeat; padding: 3px 0 0 15px;}
.pink-box-middle {width: 367px; background: #dc1c79; clear: both;}
.pink-box-bottom {width: 367px; height: 9px; background: url(http://awesomecompany.ca/images/pink-box-bottom.png) no-repeat; clear: both;}
.pink-box-top h3 {color: #fff; margin: 0; padding: 0; font-size: 0.9em;}
.middle {color: #fff; padding: 15px 15px 0 15px; margin: 0; font-size: 0.9em;}
.cells {color: #fff; padding: 15px 15px 5px 0; margin: 0; font-size: 0.9em; width: 65px; float: left; text-align: right;}
.cells2 {color: #fff; padding: 15px 15px 5px 15px; margin: 0; font-size: 0.9em; width: 165px; float: left; text-align: left;}
.green {color: #a6cd3a;}
.treeculture {float: right; padding: 10px;}
.clients {font-size: 0.8em; float: left; list-style: none;}
.slider-left {float: left; width: 150px; border: 0 solid #000;}
.slider-right {float: right; width: 195px; border: 0 solid #000;}
.questions-box {clear: both; padding-top: 5px;}
.questions-box a {color: #fff; text-decoration: none; font-size: 1em; font-family: Arial, Helvetica, sans-serif;}

#sections {overflow:hidden; width:815px; height:312px; float: left;}

	
	#sections ul {width: 5760px;}
	#sections li {float:left; padding: 0; width: 815px; list-style: none;}
	#sections p {width:350px; margin: 0; font-size:1.2em; line-height:1.4em; color: #8e9393; float: left;}
	#sections h2 {color:#dc1c79; margin: 30px 0 0 0; font-weight: bold; font-size:1.8em;}
	#sections a {text-decoration:none; color: #a8155c;}
	#sections a:hover {text-decoration:none; color: #a97990;}
	.readmore {clear: both; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #a8155c; padding: 0 150px 0 0;}
	.readmore a {color: #a8155c;}
	.readmore a:hover {color: #a97990;}
	.viewmore {clear: both; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #a8155c; padding: 10px 73px 0 0;}
	.viewmore a {color: #a8155c;}
	.viewmore a:hover {color: #a97990;}
	.read-space {padding-bottom: 10px;}
	.examples {height: 147px; width: 220px; background: url(http://awesomecompany.ca/images/index-porfolio.jpg) no-repeat; float: left; margin: 10px 0 0 0; padding: 10px;}
	.blog-content {width: 790px; font-size:1.2em; line-height:1.4em; color: #8e9393; float: left;}
	
	.web-examples {height: 220px; width: 364px; background: url(http://awesomecompany.ca/images/web-porfolio.jpg) no-repeat; float: left; margin: 10px 20px 20px 0; padding: 10px;}
	.web-examples img {margin: 0 0 20px 0;}
	.web-examples a {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold;}
	.web-examples span {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; display: block; color: #8e9393; line-height: 1.5em;}
	
	.print-examples {height: 220px; width: 364px; float: left; margin: 10px 20px 20px 0; padding: 10px;}
	.print-examples img {margin: 0 0 20px 0;}
	.print-examples a {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold;}
	.print-examples span {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; display: block; color: #8e9393; line-height: 1.5em;}
	
	.middle-image {margin-left: 17px; margin-right: 17px;}

#contact-form {width: 300px; float: right; text-align: right;}
#contact-form div {margin: 0 0 20px 0; text-align: right;}
#contact-form div input {height: 25px; width: 180px; color: #8e9393; font-size:1em; border: 1px #a8155c solid; padding: 0 10px 0 10px;}
#contact-form div textarea {border: 1px #a8155c solid; color: #8e9393;  padding: 0 10px 0 10px;}
.button {}

/* Menu */

#nav li {margin: 0 104px 0 0px; padding: 0; float: left; list-style: none; position: relative;}
#nav li.last {margin: 0 0 0 0px;}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {font-family: Arial, Helvetica, sans-serif; width: 200px; background: none; border: none; color: #fff; text-decoration: none; padding-bottom: 10px; font-size: 0.9em; -webkit-box-shadow: none; -moz-box-shadow: none;}
#nav ul a:hover {color: #ff87c1 !important; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0 1px 1px rgba(0,0,0, .1);}

/* dropdown */
#nav li:hover > ul {display: block;}

/* level 2 list */
#nav ul {
	display: none;
	background: #dc1c79;
	margin: 0;
	padding: 10px;
	width: 190px;
	position: absolute;
	top: 33px;
	left: 0;
	border: solid 1px #8a124c;
	z-index: 2000;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 1);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 1);
	box-shadow: 0 0 3px rgba(0,0,0, 1);
}
#nav ul li {float: none; margin: 3px 0 3px 0; padding: 5px 0 5px 0; border-bottom: 0 solid #99aec0;}

#nav ul li.last-second {border-bottom: 0;}

#nav ul a {font-weight: normal; font-family: Arial, Helvetica, sans-serif ; color: #a8155c;}


/* level 3+ list */
#nav ul ul {left: 181px; top: -3px;}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;

	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;

	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
}

/* clearfix */
#nav:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#nav {display: inline-block;} 
html[xmlns] #nav {display: block;}
 
* html #nav {height: 1%;}	
.arrow {background: url(http://awesomecompany.ca/images/arrow.gif) no-repeat 40px 8px;}


/* rotator in-page placement */
    div#rotator-container {width: 928px; height:438px;}
	div#rotator {position:relative;}
/* rotator css */
	
	div#rotator ul {margin: 0; padding: 0;}
	div#rotator ul li {padding: 0; margin: 0; float:left; position:absolute; list-style: none;}
/* rotator image style */	
	div#rotator ul li img {}
    div#rotator ul li.show {z-index:500;}


/* rotator in-page placement */
	div#rotator2 {position:relative;}
/* rotator css */
	
	div#rotator2 ul {margin: 0; padding: 0;}
	div#rotator2 ul li {padding: 0; margin: 0; float:left; position:absolute; list-style: none;}
/* rotator image style */	
	div#rotator2 ul li img {}
    div#rotator2 ul li.show {z-index:500;}


.process {float: right; padding: 20px;}



/* Slider */
#sliderWrap {margin: 0 0 0 260px; width: 344px; position: absolute;}
#slider {position: absolute; background-image:url(http://awesomecompany.ca/images/quote-box.png); background-repeat:no-repeat; background-position: bottom; width: 400px; height: 175px; margin-top: -139px; z-index: 6000;}
#slider img {border: 0;}
#sliderContent {margin: 5px 0 0 5px; position: absolute; text-align: left; color:#fff; font-weight:bold; padding: 10px; border: 0 solid #000; width: 368px; height: 105px}
#openCloseWrap {position:absolute; margin: 125px 0 0 262px;}
#topMenuImage { display: block; height: 36px; width: 138px; border: 0 solid #000;}
/* End Slider */

#navbar-iframe { display: none !important; }
.post-footer {margin-top: 10px;}
.post-author {font-style: italic; font-size: 0.8em; color: #414141;}
.post-timestamp {font-style: italic; font-size: 0.8em;}
.post-comment-link {font-style: italic; font-size: 0.8em;}
.feed-links {font-style: italic; font-size: 0.8em; color: #414141;}
.blog-posts {margin: 0; padding: 0;}
#blog-sidebar {width: 200px; float: right;}
#blog-content {float: left; width: 580px;}