@charset "utf-8";
/* CSS Document */

/*** GENERAL ***/
body {
	background-image: url(template/images/header.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e6dcc0;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.clear {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
img {
	border: 0px;
}

/*** HEADER ***/
#header {
	width: 930px;
	height: 91px;
	margin: 5px auto 0px auto;
	padding: 0px;
}
#header ul.toplinks {
	width: 260px;
	line-height: 20px;
	list-style: none;
	margin: 0px;
	padding: 0px 5px 3px 5px;
	float: right;
	background-image: url(template/images/top_links.png);
	background-repeat: no-repeat;
}
#header ul.toplinks li {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	font-style: italic;
	float: right
}
#header ul.toplinks li a, #header ul.toplinks li a:link, #header ul.toplinks li a:visited, #header ul.toplinks li a:active, #header ul.toplinks li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#header ul.toplinks li.phone {
	padding: 0px 0px 0px 25px;
	background-image: url(template/images/phone-icon.png);
	background-repeat: no-repeat;
	background-position: left;
}

/** Logo **/
#header a.logo, #header a.logo:link, #header a.logo:visited, #header a.logo:active, #header a.logo:hover {
	width: 297px;
	height: 36px;
	display: block;
	margin: 15px 0px 0px 10px;
	padding: 0px;
	float: left;
	background-image: url(template/images/logo.png);
	background-repeat: no-repeat;
}

/*** NAVIGATION ***/
ul#navigation {
	height: 34px;
	width: 603px;
	margin: 34px 0px 0px 0px;
	padding: 0px;
	float: right;
	list-style: none;
}
ul#navigation li {
	height: 34px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
}
ul#navigation li a, ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li a:active {
	height: 34px;
	margin: 0px;
	padding: 0px;
	display: block;
}
ul#navigation li a:hover {
	background-image: url(template/images/nav_hov.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
ul#navigation li.home {
	background-image: url(template/images/link-home.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 55px;
}
ul#navigation li.home a {
	width: 55px;
}
ul#navigation li.company {
	background-image: url(template/images/link-company.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 92px;
}
ul#navigation li.company a {
	width: 92px;
}
ul#navigation li.portfolio {
	background-image: url(template/images/link-portfolio.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 105px;
}
ul#navigation li.portfolio a {
	width: 105px;
}
ul#navigation li.services {
	background-image: url(template/images/link-services.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 92px;
}
ul#navigation li.services a {
	width: 92px;
}
ul#navigation li.blog {
	background-image: url(template/images/link-blog.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 51px;
}
ul#navigation li.blog a {
	width: 51px;
}
ul#navigation li.fq {
	background-image: url(template/images/link-fq.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 118px;
}
ul#navigation li.fq a {
	width: 118px;
}

/*** CONTENT ***/
#content {
	width: 930px;
	margin: 0px auto 0px auto;
	padding: 0px 20px 0px 20px;
	background-image: url(template/images/con_top.png);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 260px;
}

/** MIDDLE **/
#middle {
	width: 700px;
	margin: 5px 10px 0px 10px;
	padding: 0px;
	float: left;
}

/** Top Intro **/
#intro {
	width: 700px;
	height: 200px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #000000;
}

/** General **/
#middle h1.page {
	width: 700px;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-transform: uppercase;
}
#middle p.page {
	width: 700px;
	font-size: 12px;
	color: #333333;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#middle p.page a, #middle p.page a:link, #middle p.page a:visited, #middle p.page a:active {
	color: #106b7f;
	text-decoration: none;
	font-weight: bold;
}
#middle p.page a:hover {
	color: #0099CC;
}
#middle div.div {
	width: 500px;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	height: 2px;
	background-image: url(template/images/con_div-500.png);
	background-repeat: no-repeat;
	background-position: center;
}

/** Homepage Information **/
ul.hp {
	width: 500px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
ul.hp h1 {
	width: 700px;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-transform: uppercase;
}
ul.hp li {
	color: #333333;
	font-size: 12px;
	width: 300px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 15px 150px;
	background-repeat: no-repeat;
	background-position: top left;
}
ul.hp li h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	text-transform: capitalize;
	color: #279cb6;
}
ul.hp li h1 a, ul.hp li h1 a:link, ul.hp li h1 a:visited, ul.hp li h1 a:active, ul.hp li h1 a:hover {
	color: #279cb6;
	text-decoration: none;
}
ul.hp li.div {
	width: 500px;
	margin: 0px;
	padding: 0px;
	height: 2px;
	background-image: url(template/images/con_div-500.png);
	background-repeat: no-repeat;
	background-position: center;
}
ul.hp li a.more, ul.hp li a.more:link, ul.hp li a.more:visited, ul.hp li a.more:active {
	width: 118px;
	line-height: 20px;
	padding: 1px 0px 1px 14px;
	margin: 10px 0px 0px 0px;
	display: block;
	font-size: 12px;
	color: #004466;
	text-decoration: none;
	background-image: url(template/images/button_med.png);
	background-repeat: no-repeat;
}
ul.hp li a.more:hover {
	background-position: 0px -22px;
}
ul.hp li ul {
	width: 300px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.hp li ul h1 {
	color: #279cb6;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: normal;
}
ul.hp li ul li {
	width: 130px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #333333;
	background-image: url(template/images/arrows.png);
	background-repeat: no-repeat;
	background-position: 0px -57px;
	float: left;
}
ul.hp li ul li.long {
	width: 170px;
}
	
ul.hp li.web {
	background-image: url(template/images/web-icon.png);
}
ul.hp li.marketing {
	background-image: url(template/images/marketing-icon.png);
}
ul.hp li.print {
	background-image: url(template/images/print-icon.png);
}
ul.hp li.support {
	background-image: url(template/images/support-icon.png);
}
ul.hp li.other {
	background-image: url(template/images/other-icon.png);
}
ul.hpLinks {
	width: 190px;
	margin: 60px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	list-style: none;
	float: right;
	background-image: url(template/images/side_fade.png);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 40px;
}
ul.hpLinks h1 {
	width: 180px;
	margin: 0px;
	padding: 0px 5px 3px 5px;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	background-image: url(template/images/blog_div.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-transform: uppercase;
}
ul.hpLinks li {
	width: 190px;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
}
ul.hpLinks li a, ul.hpLinks li a:link, ul.hpLinks li a:visited, ul.hpLinks li a:active {
	width: 176px;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	background-image: url(template/images/arrows.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
ul.hpLinks li a:hover {
	color: #0099CC;
	background-position: 5px -18px;
}

/*** SIDE ***/
#side {
	width: 200px;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	float: right;
}

/** Latest Blog **/
.lBlog {
	width: 190px;
	padding: 5px 5px 0px 5px;
	margin: 20px 0px 0px 0px;
	background-image: url(template/images/side_fade.png);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 40px;
}
.lBlog h1 {
	width: 180px;
	margin: 0px;
	padding: 0px 5px 3px 5px;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	background-image: url(template/images/blog_div.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-transform: uppercase;
}
.lBlog h1 a.rss, .lBlog h1 a.rss:link, .lBlog h1 a.rss:visited, .lBlog h1 a.rss:active {
	width: 30px;
	height: 20px;
	margin: -2px 0px 0px 0px;
	padding: 0px;
	float: right;
	background-image: url(template/images/blog_rss.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.lBlog h1 a.rss:hover {
	background-position: 0px 0px;
}
.lBlog .post {
	width: 190px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-image: url(template/images/blog_div.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.lBlog .post.last {
	background-image: none;
	padding: 0px;
}
.lBlog .post h1.title {
	font-size: 14px;
	color: #125b6b;
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 32px;
	float: right;
	background-image: none;
	text-transform: capitalize;
}
.lBlog .post h1.title a, .lBlog .post h1.title a:link, .lBlog .post h1.title a:visited, .lBlog .post h1.title a:active {
	color: #125b6b;
	text-decoration: none;
}
.lBlog .post h1.title a:hover {
	color: #0099CC;
}
.lBlog .post .date {
	width: 20px;
	height: 30px;
	margin: 0px 8px 0px 0px;
	padding: 1px;
	background-image: url(template/images/blog_date.png);
	background-repeat: no-repeat;
	float: left;
}
.lBlog .post .date p.day {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	width: 20px;
	line-height: 15px;
	text-align: center;
	color: #333333;
}
.lBlog .post .date p.mon {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	width: 20px;
	text-transform: capitalize;
}
.lBlog .post p.text {
	width: 190px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	float: left;
}
.lBlog .post p.text a, .lBlog .post p.text a:link, .lBlog .post p.text a:visited, .lBlog .post p.text a:active {
	color: #125b6b;
	text-decoration: none;
}
.lBlog .post p.text a:hover {
	color: #0099CC;
	text-decoration: underline;
}
.lBlogBot {
	width: 190px;
	padding: 0px 5px 5px 5px;
	margin: 0px;
	background-image: url(template/images/side_fade-bot.png);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 40px;
}
.lBlogBot a.more, .lBlogBot a.more:link, .lBlogBot a.more:visited, .lBlogBot a.more:active {
	width: 118px;
	line-height: 20px;
	padding: 1px 0px 1px 14px;
	margin: 10px 0px 0px 0px;
	display: block;
	font-size: 12px;
	color: #004466;
	text-decoration: none;
	background-image: url(template/images/button_med.png);
	background-repeat: no-repeat;
	float: right;
}
.lBlogBot a.more:hover {
	background-position: 0px -22px;
} 

/** Latest Projects **/
.lProject {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.lProject h1 {
	width: 200px;
	color: #333333;
	text-transform: uppercase;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}
.lProject a.site, .lProject a.site:link, .lProject a.site:visited, .lProject a.site:active {
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 80px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.lProject a.site:hover {
	background-position: 0px -80px;
}
.lProject a.more, .lProject a.more:link, .lProject a.more:visited, .lProject a.more:active {
	width: 118px;
	line-height: 20px;
	padding: 1px 0px 1px 14px;
	margin: 8px 0px 0px 0px;
	display: block;
	font-size: 12px;
	color: #004466;
	text-decoration: none;
	background-image: url(template/images/button_med.png);
	background-repeat: no-repeat;
	float: right;
}
.lProject a.more:hover {
	background-position: 0px -22px;
}

/*** PAGE INFORMATION ***/
#page {
	width: 910px;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
}
#page h1.title {
	width: 900px;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(template/images/con_div-910.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

/** Page Content **/
#page #middle {
	width: 550px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float: left;
}
#page #middle h1.thanks {
	width: 550px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-size: 18px;
	color: #0099CC;
	font-weight: normal;
	text-transform: uppercase;
}
#page #middle p {
	width: 550px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 12px;
	color: #333333;
}
#page #middle p a, #page #middle p a:link, #page #middle p a:visited, #page #middle p a:active {
	color: #106b7f;
	text-decoration: none;
	font-weight: bold;
}
#page #middle p a:hover {
	color: #0099CC;
}
#page #middle p.date {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #666666;
	font-style: italic;
}

/** Services **/
ul.services {
	width: 550px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
ul.services li {
	color: #333333;
	font-size: 12px;
	width: 350px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 15px 150px;
	background-repeat: no-repeat;
	background-position: top left;
}
ul.services li h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	text-transform: capitalize;
	color: #279cb6;
}
ul.services li h1 a, ul.services li h1 a:link, ul.services li h1 a:visited, ul.services li h1 a:active, ul.services li h1 a:hover {
	color: #279cb6;
	text-decoration: none;
}
ul.services li.div {
	width: 550px;
	margin: 0px;
	padding: 0px;
	height: 2px;
	background-image: url(template/images/con_div-500.png);
	background-repeat: no-repeat;
	background-position: center;
}
ul.services li a.more, ul.services li a.more:link, ul.services li a.more:visited, ul.services li a.more:active {
	width: 118px;
	line-height: 20px;
	padding: 1px 0px 1px 14px;
	margin: 15px 0px 0px 218px;
	display: block;
	font-size: 12px;
	color: #004466;
	text-decoration: none;
	background-image: url(template/images/button_med.png);
	background-repeat: no-repeat;
}
ul.services li a.more:hover {
	background-position: 0px -22px;
}
ul.services li ul {
	width: 350px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.services li ul h1 {
	color: #279cb6;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: normal;
}
ul.services li ul li {
	width: 350px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #106b7f;
	background-image: url(template/images/arrows.png);
	background-repeat: no-repeat;
	background-position: 0px -57px;
}
ul.services li ul li a, ul.services li ul li a:link, ul.services li ul li a:visited, ul.services li ul li a:active {
	color: #106b7f;
	padding: 0px 0px 1px 0px;
	text-decoration: none;
}
ul.services li ul li a:hover {
	border-bottom: 1px dotted #106b7f;
}
ul.services li.web {
	background-image: url(template/images/web-icon.png);
}
ul.services li.marketing {
	background-image: url(template/images/marketing-icon.png);
}
ul.services li.print {
	background-image: url(template/images/print-icon.png);
}
ul.services li.cms {
	background-image: url(template/images/cms-icon.png);
}
ul.services li.ecommerce {
	background-image: url(template/images/ecommerce-icon.png);
}
ul.services li.support {
	background-image: url(template/images/support-icon.png);
}
ul.services li.other {
	background-image: url(template/images/other-icon.png);
}

/** Service Pages **/
#page #middle div.service {
	width: 350px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 150px;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
}
#page #middle div.service h1.main {
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	width: 350px;
	color: #0099CC;
}
#page #middle div.service h1.sub {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width: 350px;
	color: #106b7f;
}
#page #middle div.service p {
	margin: 0px 0px 15px 0px;
	color: #333333;
	padding: 0px;
	width: 350px;
}
#page #middle div.service ul {
	width: 350px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}
#page #middle div.service ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	color: #106b7f;
	background-image: url(template/images/arrows.png);
	background-repeat: no-repeat;
	background-position: 0px -57px;
	font-size: 12px;
}
#page #middle div.service.web {
	background-image: url(template/images/web-icon.png);
}
#page #middle div.service.marketing {
	background-image: url(template/images/marketing-icon.png);
}
#page #middle div.service.print {
	background-image: url(template/images/print-icon.png);
}
#page #middle div.service.cms {
	background-image: url(template/images/cms-icon.png);
}
#page #middle div.service.ecommerce {
	background-image: url(template/images/ecommerce-icon.png);
}
#page #middle div.service.support {
	background-image: url(template/images/support-icon.png);
}
#page #middle div.service.other {
	background-image: url(template/images/other-icon.png);
}

/* Form */
#page #middle .form {
	width: 510px;
	margin: 0px;
	padding: 10px 19px 4px 19px;
	background-color: #dbd1b4;
	border-left: 1px solid #cbc0a1;
	border-right: 1px solid #cbc0a1;
	background-image: url(template/images/form_top.png), url(template/images/form_bot.png);
	background-repeat: no-repeat;
	background-position: top, bottom;
}
#page #middle .form p.label {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	line-height: 30px;
	float: left;
	width: 150px;
	color: #106b7f;
}
#page #middle .form p.label.req {
	margin-bottom: 26px;
}
#page #middle .form p.label.long {
	width: 510px;
	margin: 0px 0px 4px 0px;
}
#page #middle .form p.label.er {
	padding-top: 15px;
}
#page #middle .form input.text {
	width: 340px;
	height: 20px;
	margin: 0px 0px 12px 0px;
	padding: 5px;
	background-image: url(template/images/textarea.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #000000;
	font-size: 14px;
	border: none;
	float: right;
}
#page #middle .form input.text:focus {
	background-position: 0px -30px;
}
#page #middle .form input.text.req {
	padding: 5px 5px 19px 5px;
	background-image: url(template/images/textarea-req.png);
}
#page #middle .form input.text.req:focus {
	background-position: 0px -44px;
}
#page #middle .form .sFix {
	width: 340px;
	height: 20px;
	margin: 0px 0px 12px 0px;
	padding: 5px;
	background-image: url(template/images/textarea.png);
	background-repeat: no-repeat;
	background-color: transparent;
	float: right;
}
#page #middle .form .sFix:hover {
	background-position: 0px -30px;
}
#page #middle .form .sFix.req {
	padding: 5px 5px 19px 5px;
	background-image: url(template/images/textarea-req.png);
}
#page #middle .form .sFix.req:hover {
	background-position: 0px -44px;
}
#page #middle .form .sFix select {
	width: 340px;
	height: 20px;
	color: #000000;
	font-size: 14px;
	border: none;
	margin: 0px;
	background-color: transparent;
}
#page #middle .form textarea {
	width: 500px;
	height: 80px;
	margin: 0px 0px 12px 0px;
	padding: 5px;
	float: left;
	background-image: url(template/images/textarea_big.png);
	background-repeat: no-repeat;
	color: #000000;
	font-size: 14px;
	border: none;
	background-color: transparent;
}
#page #middle .form textarea:focus {
	background-position: 0px -90px;
}
#page #middle .form textarea.req {
	padding: 5px 5px 19px 5px;
	background-image: url(template/images/textarea_big-req.png);
}
#page #middle .form textarea.req:focus {
	background-position: 0px -104px;
}
#page #middle .form p.error {
	color: #990000;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 350px;
}
#page #middle .form p.error.long {
	width: 510px;
}
#page #middle .form input.btn {
	float: left;
}
#page #middle .form a.btn, #page #middle .form a.btn:link, #page #middle .form a.btn:visited, #page #middle .form a.btn:active {
	width: 85px;
	line-height: 20px;
	margin: 0px 195px 10px 195px;
	padding: 8px 20px 8px 15px;
	color: #FFFFFF;
	font-size: 18px;
	text-transform: uppercase;
	background-image: url(template/images/button_big.png);
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
}
#page #middle .form a.btn:hover {
	background-position: 0px -36px;
}

/** Blog Styles **/
#page #middle .blogBot {
	width: 540px;
	margin: 0px 0px 20px 0px;
	padding: 0px 5px 5px 5px;
	min-height: 45px;
	background-image: url(template/images/page_fade-bot.png);
	background-repeat: no-repeat;
}
#page #middle .blogBot a, #page #middle .blogBot a:link, #page #middle .blogBot a:visited, #page #middle .blogBot a:active {
	margin: 12px 10px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	float: right;
	color: #106b7f;
	text-decoration: none;
}
#page #middle .blogBot a:hover {
	color: #0099CC;
	text-decoration: underline;
}
#page #middle .blogBot a.left {
	float: left;
	margin: 12px 0px 0px 10px;
}
#page #middle .blogBot a.more {
	padding: 0px 10px 0px 0px;
	background-image: url(template/images/arrows.png);
	background-repeat: no-repeat;
	background-position: 65px -57px;
}
#page #middle .blogBot a.more:hover {
	background-position: 65px -74px;
}
#page #middle h1.bTitle {
	width: 550px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 1px 0px;
	font-size: 18px;
	color: #0099CC;
	font-weight: normal;
	text-transform: uppercase;
}
#page #middle h1.bTitle a, #page #middle h1.bTitle a:link, #page #middle h1.bTitle a:visited, #page #middle h1.bTitle a:active {
	color: #0099CC;
	text-decoration: none;
}
#page #middle h1.bTitle a:hover {
	border-bottom: 1px dotted #0099CC;
}
	
#page #middle p.bDate {
	color: #666666;
	font-style: italic;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#page #middle p.bCon {
	color: #333333;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/** Portoflio Page **/
#page #middle .pImg {
	width: 550px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top center;
}
#page #middle .pImg .top {
	width: 550px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(template/images/portfolio_img.png);
}
#page #middle .pBot {
	width: 550px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	min-height: 50px;
	background-image: url(template/images/page_fade-bot.png);
	background-repeat: no-repeat;
}

/** Page Side **/
#page #side {
	width: 300px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: right;
}

/* Page Links */
ul.sLinks {
	width: 280px;
	margin: 0px;
	padding: 5px 10px 0px 10px;
	background-image: url(template/images/side_fade-page.png);
	background-repeat: no-repeat;
	background-position: top;
	list-style: none;
}
ul.sLinks h1 {
	color: #106b7f;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 14px;
	font-weight: normal;
	background-image: url(template/images/side_div.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
ul.sLinks li {
	color: #333333;
	width: 270px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(template/images/arrows.png);
	background-repeat: no-repeat;
	background-position: 0px -57px;
	font-size: 12px;
}
ul.sLinks li.selected {
	background-position: 0px -74px;
	color: #0099CC;
	font-weight: bold;
}
ul.sLinks li.selected a, ul.sLinks li.selected a:link, ul.sLinks li.selected a:visited, ul.sLinks li.selected a:active {
	color: #0099CC;
	font-weight: bold;
}
ul.sLinks li a, ul.sLinks li a:link, ul.sLinks li a:visited, ul.sLinks li a:active {
	color: #333333;
	text-decoration: none;
}
ul.sLinks li:hover, ul.sLinks li a:hover {
	color: #0099CC;
	background-position: 0px -74px;
}

/* Side Info */
div.sInfo {
	width: 280px;
	margin: 0px;
	padding: 5px 10px 0px 10px;
	background-image: url(template/images/side_fade-page.png);
	background-repeat: no-repeat;
	background-position: top;
	list-style: none;
}
div.sInfo h1 {
	color: #106b7f;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 14px;
	font-weight: normal;
	background-image: url(template/images/side_div.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.sInfo p {
	width: 280px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
}
div.sInfo p a, div.sInfo p a:link, div.sInfo p a:visited, div.sInfo p a:active {
	color: #0099CC;
	text-decoration: none;
	padding: 0px 0px 1px 0px;
}
div.sInfo p a:hover {
	border-bottom: 1px dotted #0099CC;
}

/** Portfolio Page Side **/
#side h1.pTitle {
	color: #106b7f;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
#side h1.pSub {
	color: #3d9fb4;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
	text-transform: capitalize;
}
#side p.pInfo {
	color: #666666;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 12px;
}
#side .pDiv {
	background-image: url(template/images/side_div.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
	height: 2px;
}

/*** FOOTER ***/
#footer {
	background-color: #514e47;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background-image: url(template/images/footer_div.png);
	background-repeat: repeat-x;
	background-position: top;
}
#footer.copyright {
	background-color: #3a3833;
	margin: 0px;
}
#footer .contain {
	width: 930px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#footer .contain ul {
	width: 200px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#footer .contain ul h1 {
	color: #CCCCCC;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#footer .contain ul li {
	color: #A5A5A5;
	font-size: 12px;
}
#footer .contain ul li a, #footer .contain ul li a:link, #footer .contain ul li a:visited, #footer .contain ul li a:active {
	color: #A5A5A5;
	text-decoration: none;
}
#footer .contain ul li a:hover {
	color: #0099CC;
}

/** Company Information **/
#footer .contain .cInfo {
	width: 200px;
	margin: 0px;
	padding: 10px 0px 10px 20px;
	border-left: 1px solid #333333;
	float: left;
}
#footer .contain .cInfo h1 {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	width: 200px;
	color: #CCCCCC;
	font-weight: normal;
	border-bottom: 1px dashed #999999;
}
#footer .contain .cInfo p {
	width: 200px;
	margin: 0px;
	padding: 0px;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: bold;
}
#footer .contain .cInfo p span {
	color: #FFFFFF;
	font-weight: normal;
}
#footer .contain .cInfo p span a, #footer .contain .cInfo p span a:link, #footer .contain .cInfo p span a:visited, #footer .contain .cInfo p span a:active {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#footer .contain .cInfo p span a:hover {
	color: #0099CC;
}
#footer .contain .cInfo a, #footer .contain .cInfo a:link, #footer .contain .cInfo a:visited, #footer .contain .cInfo a:active {
	margin: 0px;
	padding: 0px 0px 0px 16px;
	color: #A5A5A5;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#footer .contain .cInfo a:hover {
	color: #0099CC;
}
#footer .contain .cInfo a.facebook {
	background-image: url(template/images/fb_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin: 10px 0px 0px 0px;
}
#footer .contain .cInfo a.facebook:hover {
	background-position: 0px -12px;
}
#footer .contain .cInfo a.twitter {
	background-image: url(template/images/twitter_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#footer .contain .cInfo a.twitter:hover {
	background-position: 0px -12px;
}
#footer .contain .cInfo a.rss {
	background-image: url(template/images/rss_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#footer .contain .cInfo a.rss:hover {
	background-position: 0px -12px;
}

/** Client Login **/
#footer .contain #client {
	width: 120px;
	height: 125px;
	margin: 0px 40px 0px 0px;
	padding: 1px 6px 1px 6px;
	float: right;
	background-image: url(template/images/client_login.png);
	background-repeat: no-repeat;
}
#footer .contain #client h1 {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
	width: 120px;
	font-weight: normal;
}
#footer .contain #client p {
	font-size: 12px;
	color: #999999;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	width: 120px;
}
#footer .contain #client input.text {
	width: 110px;
	height: 18px;
	background-color: #000000;
	border: 1px solid #111111;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 12px;
	color: #FFFFFF;
}
#footer .contain #client a.forgot, #footer .contain #client a.forgot:link, #footer .contain #client a.forgot:visited, #footer .contain #client a.forgot:active {
	font-size: 12px;
	color: #666666;
	margin: 5px 0px 0px 0px;
	float: left;
	padding: 0px;
	text-decoration: none;
}
#footer .contain #client a.forgot:hover {
	color: #0099CC;
}
#footer .contain #client a.login {
	line-height: 16px;
	width: 35px;
	text-align: center;
	margin: 3px 0px 0px 0px;
	padding: 1px 16px 1px 1px;
	float: right;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	display: block;
	background-image: url(template/images/login.png);
	background-repeat: no-repeat;
}
#footer #client a.login:hover {
	background-position: 0px -18px;
}

/** Copyright / Bottom Links **/
#footer.copyright .contain p {
	font-size: 12px;
	color: #999999;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	float: left;
	width: 500px;
}
#footer.copyright .contain p a, #footer.copyright .contain p a:link, #footer.copyright .contain p a:visited, #footer.copyright .contain p a:active {
	color: #999999;
	text-decoration: none;
}
#footer.copyright .contain p a:hover {
	color: #0099CC;
}
#footer.copyright .contain ul {
	width: 360px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
#footer.copyright .contain ul li {
	margin: 0px;
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #999999;
	font-size: 12px;
	color: #333333;
	float: right;
	line-height: 14px;
}
#footer.copyright .contain ul li.last {
	padding: 0px 0px 0px 6px;
	border-right: none;
}
#footer.copyright .contain ul li a {
	color: #999999;
	text-decoration: none;
}
#footer.copyright .contain ul li a:hover {
	color: #0099CC;
}