/**************************************************************

	Gold Coast Design Studio Style Sheet v.2

**************************************************************/



/* ===================================
		        HOMEPAGE
====================================*/


/* ========== Global Styles ==========*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #494949;
	background-image: url(../images/bg_tile.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF; 
	padding: 0;
	margin: 5px 0 0 0;
}

img {
	border:none;
}

a {
	outline:none;
}

/* ========== Masthead ==========*/

#wrapper {
	width: 900px;
	margin: 0 auto;
	background-repeat: no-repeat;
	overflow:hidden;
}

#bgContainer {
	width: 900px;
	height:308px;
	background-image: url(../images/wrapper_bg.jpg);
	background-repeat: no-repeat;
	padding-top:10px;
}

#bgContainer2 {
	width: 900px;
	height:264px;
	background-image: url(../images/wrapper2_bg.jpg);
	background-repeat: no-repeat;
	padding-top:10px;
}

#topBar {
	width: 98%;
	height: 21px;
	color: #dddddd;
	text-align: right;
	padding-right: 2%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#topBar a {
	color: #dddddd;
	text-decoration:none;
}

#topBar a:hover {
	color: #dddddd;
	text-decoration:underline;
}

#topBar em {
	color: #74c3ff;
	font-style: normal;
	
}

#topMast {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

#leftTop { width:300px; float:left; display:block; }
#logo {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}


/* ========== Navigation ==========*/

#rightTop { width:500px; float:right; display:block; }

#callus { 
	width:175px; height:16px; float:right; color:#FFF; line-height:16px; font-size:16px; font-weight:bold;
	background:url(../images/callus_bg.png) right no-repeat; padding:14px 14px 13px 55px; margin:0 5px 15px 251px;
	display:block;
}
#callus span { color:#f26522; }

#navcontainer {
	float: right;
}

#navlist { display:block; float:right; }


#navcontainer ul {
	padding-left: 0;
	margin: 0;
	font-size: 13px;
}

#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a:link, #navcontainer ul li a:visited {
	padding: 0.2em 0.5em;
	font-weight: bold;
	color: #c5d9ce;
	text-decoration: none;
	float: left;
	margin-right: 10px;
}

#navcontainer ul li a:hover {
	border-bottom: 2px solid #1d96b8;
	color: #c5d9ce;
}

#navcontainer ul li a.current:link, #navcontainer ul li a.current:visited {
	background-color: white;
	color: #242a27;
	border-bottom: 2px solid #1d96b8;
}


/* ========== Homepage Preview ==========*/

#homePreview {
	position: relative;
	width: 100%;
	height: 196px;
	float: left;
	background-image: url(../images/home_image.jpg);
	background-repeat: no-repeat;
}


/* ========== Left Content ==========*/

#mainContent {
	width: 100%;
	float: left;
	margin-top: 40px;
	display:block;
}

#mainContent h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ff8308;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	background-image:url(../images/h1_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#leftContent {
	width: 290px;
	float: left;
	padding-left: 3px;
}

#homeSideBar {
	width: 242px;
	height: auto;
	float: left;
	min-height: 70px;
	background-image: url(../images/home_sidebar_bg.jpg);
	background-repeat:no-repeat;
	padding: 25px;
	padding-bottom: 0;
}

.homeSideContainer {
	width: 250px;
	float: left;
	margin-bottom: 10px;
	display:block;
}

.homeSideContainer h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #1d96b8;
	padding: 0 0 0 13px;
	margin: 0 0 10px 0;
	background-image:url(../images/h2_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}

.sGreyText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a09f9f;
}

.newsBox {
	width: 250px;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #c0bfbf;
	font-size: 11px;
}

.newsBox a {
	text-decoration: none;
	color: #FF8308;
}

.newsBox a:hover {
	text-decoration: underline;
}

.newsBox a.blueLink {
	text-decoration: none;
	color:#1d96b8;
}

.newsBox a:hover.blueLink {
	text-decoration: underline;
}

.newsHeader {
	font-weight: bold;
	color: #ff8308;
	margin-bottom: 5px;
	
}

.newsDate {
	color: #a4a4a4;
	margin-bottom: 10px;
	font-size: 11px;
	
}

.newsInfo {
	color: #6c6b6b;
	line-height: 15px;
	margin-bottom:5px;
}

.newsBox2 { padding:0; margin:0; display:block; }
.newsBox2 li { 
	padding:0 0 15px 0; margin:0 0 15px 0; display:block; list-style:none; 
	border-bottom: 1px dotted #c0bfbf; font-size: 11px; 
}
.newsBox2 li a { display:block; font-weight:bold; padding:2px 0; color: #FF8308; text-decoration:none; }
.newsBox2 li a:hover { text-decoration:underline; }
.newsBox2 li span { color:#a4a4a4; margin:0 0 5px 0; display:block; }
.newsBox2 li p { padding:5px 0; display:block; margin:0; color: #6c6b6b; line-height: 15px; }
.newsBox2 li a.blueLink { color:#1d96b8; font-weight:normal; }


.latestProjContainer {
	width: 240px;
	height: 116px;
	background-image: url(../images/latest_project_showcase.jpg);
	background-repeat: no-repeat;
	float: left;
	padding: 5px 5px 0 5px;
	position:relative;
}
.latestProjContainer span { 
	position:absolute; top:-7px; left:-7px; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/featured_ribbon.png) no-repeat; 
}

.latestProjContainer span#progress2 { 
	position:absolute; top:-7px; left:-7px; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/in_progress_ribbon.png) no-repeat; 
}

.latestProjContainer img {
	width: 240px;
	height: 98px;
	float: left;
}

.latestProjDescription {
	width:210px; 
	height:auto;
	min-height:110px; 
	padding:20px;
	padding-top:15px;
	margin:5px 0 0 0;
	float:left;
	background:url(../images/latest_proj_description.jpg) no-repeat;
	font-size:11px; 
	line-height:17px;
	color:#838383;
}

.latestProjDescription a {
	color:#2899C1;
	text-decoration:none;
}

.latestProjDescription a:hover {
	text-decoration:underline;
}

.testimonialContainer { 
	width:208px;
	float:left; 
	height:auto;
	border:1px solid #E6E6E6; 
	background-color:#FFFFFF;
	background:url(../images/testimonial_repeat.gif) repeat-x top left;
	padding:15px 20px;
	font-size:11px; 
	line-height:17px;
	color:#838383;
	display:block;
	overflow:hidden;
}

.testimonialTitle { 
	width:168px; 
	background:url(../images/testimonial_icon.jpg) no-repeat; 
	background-position:left center; 
	float:left; 
	padding:15px 5px 5px 35px; 
	font-size:15px; 
	color:#64AD53; 
	font-weight:bold;
	margin:0 0 10px 0;
}

.twitterTitle { 
	width:168px; 
	background:url(../images/twitter_icon.png) no-repeat; 
	background-position:left center;  
	padding:5px 5px 5px 35px; 
	font-size:15px; 
	color:#64AD53; 
	font-weight:bold;
	margin:0 0 10px 0;
	display:block;
}
.testimonialTitle a, .twitterTitle a { color:#64AD53; text-decoration:none; }
.testimonialTitle a:hover, .twitterTitle a:hover { text-decoration:underline; }

.testimonialContainer ul { display:block; padding:0; margin:0; }
.testimonialContainer li { display:block; list-style:none; }
.testimonialContainer li a { color:#FF8308; text-decoration:none; }
.testimonialContainer li a:hover { text-decoration:underline; }

.testimonialContainer li span a { color:#1D96B8; }


.testimonialTitle p {
	float:left;
	color:#706F6F;
	margin:0;
	padding:0;
}

.testimonialFrom {
	text-align:right;
	font-weight:bold;
	padding:0;
	margin:0;
	font-style:italic;
	display:block;
}

.testimonialShadow {
	float:left;
	width:250px;
	height:20px;
	padding:0;
	margin:0 0 10px 0;
	background:url(../images/shadow_bottom.jpg) no-repeat;
	display:block;
}

.moreTestimonialContainer {
	float:left;
	width:185px;
	background:url(../images/more_testimonials.jpg) no-repeat;
	padding:30px 0 20px 65px;
	margin:10px 0;
	display:block;
	color:#1d96b8;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.moreTestimonialContainer a {
	color:#1d96b8;
	text-decoration:none;
}
.moreTestimonialContainer a:hover {
	text-decoration:underline;
}
/* ========== Left Content Templated Sidebar ==========*/

.leftSideBar {
	width: 180px;
	float: left;
	height: auto;
	min-height: 50px;
	background-image: url(../images/sidebar_bg.gif);
	background-repeat: no-repeat;
	padding: 35px 5px 0 5px;
	display:block;
}

/* ========== Sidebar Tabs ==========*/

.sideBarLinkBox {
	width: 180px;
	float: left;
	margin-bottom: 25px;
}

.sideBarLinkBox img {
	width: 180px;
	height: 80px;
	float: left;
}

.whiteBarHeader {
	width: 170px;
	height: 21px;
	background-image: url(../images/white_sidebar_bg.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	color: #5b5b5b;
}

.blackBarHeader {
	width: 170px;
	height: 21px;
	background-image: url(../images/black_sidebar_bg.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	color: #fff;
}

.sOrangeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff8a0c;
	font-weight: bold;
}


/* ========== Right Content ==========*/

#rightContentHome {
	width: 545px;
	float: right;
	padding-right: 10px;
	padding-left: 25px;
	border-left: 1px dashed #d5d5d5;
	display:block;
	overflow:hidden;
}
#rightContentHome img {
	 float:left; 
	 display:block;
}

#rightContentHome p {
	color: #6b6b6b;
	line-height: 20px;
	margin: 0 0 20px 0;
}

#rightContent {
	width: 540px;
	float: right;
	padding-right: 10px;
	padding-left: 20px;
	border-left: 1px dashed #d5d5d5;
	position:relative;
}
#rightContent p {
	color: #6b6b6b;
	line-height: 20px;
	margin: 0 0 20px 0;
}

.quotesBox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #1d96b8;
	margin-bottom: 10px;
	line-height: 30px;
	padding: 5px 0 5px 10px;
}

.quoteSpan {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #5e5e5e;
	display: block;
}

.padBox {
	width: 330px;
	float: left;
	background: url(../images/home_pad.jpg) left center no-repeat;
	padding:0 0 0 210px;
	margin:15px 0;
}
.padBox a { color:#1d96b8; font-weight:bold; text-decoration:none; }
.padBox a:hover { text-decoration:underline; }

#mainQuote { 
	float:right; 
	height:auto; 
	width:330px; 
	padding:20px 10px 20px 30px; 
	margin-right:20px; 
}

#mainQuote a { 
	text-decoration:none;
	color:#FF7F03;
	font-weight:bold; 
}

#mainQuote a:hover { 
	color:#fff;
	background-color:#1D96B8;
}

#factors { 
	width:260px; padding:30px 270px 30px 10px; float:left; margin:0 0 20px 0; 
	background:url(../images/business_catalyst.jpg) right no-repeat; 
}

#factors h5 {
	padding:0; font-size:15px; font-size:20px; display:block; margin:0 0 5px 0;
	color:#1D96B8; line-height:22px;
}
#factors p {
	padding:0; display:block; margin:0 0 5px 0;
}
#factors input[type=button] {
	width:245px; height:32px; text-align:center; border:none; font-size:10px; font-weight:bold;
	background:url(../images/bc_btn.jpg) no-repeat; color:#FFF; display:block;
}

#factors input[type=button]:hover { cursor:pointer; }

#factors h6 { padding:2px 0; margin:0 0 10px 0; font-size:16px; color:#969696; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
#factors ul { padding:0; margin:0; color:#646363; font-size:16px; font-weight:bold; }
#factors li { 
	padding:8px 5px 5px 35px; margin-bottom:10px; font-size:14px; background:url(../images/factor_ticks.jpg) no-repeat; 
	background-position:left center; list-style:none; 
}

#socialContainer { float:left; display:block; width:540px; padding:0; margin:0 0 20px 0; }
.socialNetwork { 
	float:left; display:block; width:210px; height:30px; padding:32px 30px 0 20px; margin:0; font-family:Tahoma, Geneva, sans-serif; 
	font-size:16px; color:#FFF;
}
.socialNetwork a { text-decoration:none; color:#FFF; }
.socialNetwork a:hover { text-decoration:underline; }
#facebook { margin:0 10px 0 0; background:url(../images/facebook_bg.gif) no-repeat; }
#twitter { margin:0 0 0 10px; background:url(../images/twitter_bg.gif) no-repeat; }

.servicesListContainer a { color:#FF8308; text-decoration:none; }
.servicesListContainer a:hover { text-decoration:underline; }

/* ========== Footer ==========*/

.clearFix {
	clear: both;
}

#footer { 
	width:100%; padding:0; margin:50px 0 0 0; float:left; display:block; min-height:300px; color:#FFF;
	background:#1d1d1d url(../images/footer_new_repeat.jpg) top repeat-x;
}
#footerContent { width:900px; padding:0; margin:0 auto; display:block; }
#topFooter { 
	width:900px; height:265px; padding:0; margin:0; float:left; display:block;
	background:url(../images/footer_new_background.jpg) no-repeat;
}
#leftTopFooter { width:280px; height:210px; padding:45px 20px 10px 20px; margin:0; float:left; display:block; }
#leftTopFooter h4 { 
	width:280px; padding:5px 0; margin:0 0 5px 0; float:left; display:block; font-size:16px; font-weight:bold; 
	font-style:italic; color:#e2e2e2;
}
#leftTopFooter h4 span { color:#969696; }
#leftTopFooter p { width:280px; padding:0; margin:0 0 20px 0; float:left; display:block; color:#aeaeae; line-height:18px; }
#leftTopFooter a { color:#1d96b8; text-decoration:none; }
#leftTopFooter a:hover { text-decoration:underline; }

#rightTopFooter { width:530px; height:210px; padding:45px 25px 10px 25px; margin:0; float:right; display:block; }
#footerSitemapContainer { width:520px; padding:5px; margin:0 0 10px 0; float:left; display:block; }
#footerSitemap { width:120px; padding:0; margin:0 0 0 10px; float:left; display:block; }
.sitemapTitle { width:120px; padding:0; margin:0; float:left; display:block; font-size:13px; font-weight:bold; color:#1d96b8; }
.sitemapItems { width:120px; padding:5px 0; margin:0; float:left; display:block; }
.sitemapItems li { width:118px; padding:3px 1px; margin:0; float:left; display:block; list-style:none; font-size:11px; }
.sitemapItems li a { color:#b9b9b9; text-decoration:none; }
.sitemapItems li a:hover { text-decoration:underline; }

#footerContact { 
	width:430px; height:35px; padding:15px 20px 20px 80px; margin:0; float:left; display:block; 
	background:url(../images/footer_contact_background.png) no-repeat; 
}
#footerContact p { width:430px; padding:0; margin:0; float:left; display:block; line-height:20px; }
#footerContact span { color:#ff8200; font-size:18px; font-weight:bold; padding:0 2px; margin:0; }

#bottomFooter { width:880px; padding:35px 10px; margin:0; float:left; display:block; text-align:center; line-height:20px; }
#bottomFooter a { text-decoration:none; color:#1d96b8; }
#bottomFooter a.orange { color:#ff8200; }
#bottomFooter a:hover { text-decoration:underline;}

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

.profileBox {
	width: 630px;
	float: left;
	padding:10px;
	margin-bottom: 30px;
	background:url(../images/profile_tile.gif) repeat-x;
	background-position:bottom;
}

.profileBox a {
	color:#555555;
	text-decoration:none;
	border-bottom:1px dotted #555555;
}

.profileBox a:hover {
	border:none;
	text-decoration:none;
}

.lastProfileBox {
	padding-bottom: 0;
}

.leftProfile {
	width: 173px;
	height:112px;
	padding: 8px;
	background:url(../images/profile_bg.jpg) no-repeat;
	margin-right:20px;
	float:left;
}

.rightProfile {
	width:420px;
	float:left;
	padding-top: 5px;
}

.profileName {
	color: #1d96b8;
	font-size: 14px;
	font-weight: bold;
}

.profileDesignation {
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
}

.profileDescription {
	margin-top: 5px;
	line-height: 18px;
	padding: 0;
	color:#666666;
}

.sboldHeader {
	font-weight: bold;
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#navSubMenu {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

#menulist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menulist li  {
	margin: 0 0 10px 0;
}

#menulist li a:link, #menulist li a:visited {
	text-decoration: none;
	font-size: 15px;
	color: #6a6a6a;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-left: 22px;
	background: url(../images/circle_off.jpg) no-repeat;
	background-position: 0 0px;
}

#menulist li a:hover {
	color: #1d96b8;
	background: url(../images/circle_on.jpg) no-repeat;
	background-position: 0 0px;
}

#menulist li a.active:link, #menulist li a.active:visited {
	color: #1d96b8;
	background: url(../images/circle_active.jpg) no-repeat;
	background-position: 0 0px;
}


/* ===================================
		       NEWS SECTION
====================================*/

#newsBar {
	width: 170px;
	height: auto;
	min-height: 60px;
	float: left;
	margin-bottom:30px;
	background-image: url(../images/news_bar.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 33px;
	display:block;
}

#newsBar2 {
   width: 165px;
   min-height: 30px;
   height: auto;
   float: left;
   background-image: url(../images/news_bar2.jpg);
   background-repeat: no-repeat;
   padding-left: 15px;
   padding-top: 7px;
   margin-bottom: 50px;
   display:block;
}

.barHeader {
	width: auto;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #545454;
	margin-bottom: 15px;
	padding-left: 30px;
}

.sBarBlue {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #1b93b6;
}

.pageText{
	width:100%;
	float: left;
	color: #6f7070;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.pageViewer {
	width:100%;
	float: left;
	color: #9e9f9f;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

.paginationBox {
   width:100%;
   float: left;
   color: #9e9f9f;
   font-size: 12px;
   line-height: 17px;
}

.paginationBox a {
	text-decoration: none;
	color: #FF8308;
}

.paginationBox a:hover {
	text-decoration: underline;
}

/* ===================================
		       SERVICES
====================================*/

.servicesContainer{
	width: 630px;
	float: left;
	margin-bottom: 10px;
	background-image: url(../images/services_box_bg.jpg);
	background-repeat: no-repeat;
	padding: 0 10px;
}

.servicesBox {
	width: 280px;
	padding: 5px;
	margin-right: 40px;
	float: left;
}

.lastServicesBox {
	width: 280px;
	padding: 5px;
	margin-right: 0;
	float: left;
}

#servicesBox img {
	width: 290px;
	float: left;
	margin-bottom: 5px;
}

.servicesHeading {
	width: 100%;
	height: 32px;
	float: left;
	color: #747474;
	text-align: center;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.5px;
	background-image: url(../images/services_heading_bg.gif);
	background-repeat: no-repeat;
	background-position: center 23px;
	display:block;
	overflow:hidden;
}

.servicesList {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.servicesList ul {
	padding: 0 0 0 5px;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.servicesList ul li {
	list-style-type: none;
	color: #6b6b6b;
	padding: 2px 0 0 22px;
	margin: 0 0 5px 0;
	background-image: url(../images/services_list.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 15px;
}

.servicesList ul li a {
	color: #6b6b6b;
	text-decoration:none;
}

.servicesList ul li a:hover {
	text-decoration:underline;
}

#servicesPortfolio { width:600px; height:auto; float:left; padding:0; margin:25px 0; }
.servicesImage { 
	width:240px; height:110px; padding:5px 15px 10px 15px; margin:10px 20px 10px 0; float:left;
	background:url(../images/services_portfolio.gif) no-repeat; display:block;
}
#servicesPortfolio h2 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF8308;
	padding: 5px 10px;
	margin:0;
}

/* ===================================
		      PORTFOLIO
====================================*/

.portfolioContainer {
	width: 610px;
	float: left;
	margin-bottom: 30px;
	height: auto;
	min-height: 110px;
	background: url(../images/folio_bg.jpg) repeat-x bottom;
	padding: 20px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
}

.portfolioBox {
	width: 280px;
	float: left;
	margin-right: 50px;
	position:relative;
}

.lastBox {
	width: 280px;
	float: left;
	margin-right: 0;
}

.previewFolioBox {
	width: 280px;
	float: left;
	margin-bottom: 10px;
}

.previewFolio {
	width: 258px;
	height: 70px;
	float: left;
	border: 1px solid #dfdfdf;
	padding: 5px;
	position:relative;
}

.previewFolio span.featured { 
	position:absolute; top:0; left:0; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/featured_ribbon.png) no-repeat; 
}

.previewFolio span.progress { 
	position:absolute; top:0; left:0; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/in_progress_ribbon.png) no-repeat; 
}

.previewFolio img {
	width: 258px;
	height: 70px;
	float: left;
	border: none;
}

a.linkOpacity img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}

a.linkOpacity:hover img {
	filter:alpha(opacity=75);   
	-moz-opacity: 0.75;   
	opacity: 0.75;
}

.previewShadow {
	width: 280px;
	height: 10px;
	float: left;
	background-image: url(../images/foliobox_shadow.jpg);
	background-repeat: no-repeat;
}

.clientName {
	width: 280px;
	float: left;
	color: #1d96b8;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.folioInfo {
	width: 280px;
	float: left;
	color: #616161;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 18px;
}

a.launchProject {
	width: 260px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	padding-left: 12px;
	background-image: url(../images/launch_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	border-top: 1px dotted #adadad;
	border-bottom: 1px dotted #adadad;
	margin-bottom: 10px;
	color: #ff8308;
	text-decoration: none;
	background-color:#ffffff;
	display: block;
}

a:hover.launchProject {
	color: #1d96b8;
	cursor:pointer;
	background-image: url(../images/launch_bullet2.gif);
}

.servicesInfo {
	width: 280px;
	float: left;
	color: #8d8d8d;
	line-height: 16px;
	font-size: 11px;
	
}

.servicesHeader {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #5e5e5e;
	width: 280px;
}





/* ========== Page Navigation Section ==========*/

.pagingContainer {
	width: 100%;
	float: left;
}

.pagelist {
	margin: 0;
	padding: 0;
	float: right;
}

.pagelist ul, .pagelist li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.pagelist a:link, .pagelist a:visited {
	float: left;
	margin: 0 2px 0 2px;
	text-decoration: none;
	color: #1d96b8;
	padding: 2px;
}


.pagelist a:link.current, .pagelist a:visited.current {
	border-bottom: 3px solid #1d96b8;
	padding-bottom: 2px;
	color: #1d96b8;
}

.pagelist a:hover {
	background-color:#1d96b8;
	color: white; 
}

.pagelist a:hover.current {
	color: white; 
}



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

#contactMain {
	width: 100%;
	float: left;
}

.contactBox {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.contactHeader {
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
	float: left;
	color: #1D96B8;
}

.contactInfo {
	width: 100%;
	float: left;
}

.contactInfo p {
	padding: 0;
	margin: 0;
	line-height: 17px;
}

.contactInfo p.address {
	margin-bottom: 10px;
}

.contactInfo p.directions {
	margin-top: 20px;
	margin-bottom: 0;
	color: #FF8308;
	font-weight: bold;
}

.contactInfo a {
	text-decoration: none;
	color: #787878;
}

.contactInfo a:hover {
	text-decoration: underline;
	color: #1d96b8;
}

#mapViewer {
	float: left;
	width: 250px;
	height: 176px;
}

#formContainer {
	width: 100%;
	float: left;
}

#formtable {
	float: left;
	border-collapse: collapse;
	color: #494949;
	margin: 0;
}

td, th {
	border: none;
	padding: 5px 20px 5px 0;
}

.red {
	font-weight: bold;
	color: #B70000;
}

input {
	border: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	padding: 5px;
	color: #787878;
	width: 233px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.button {
	width: 245px; margin-top:10px;
}

.formContainer {
	width:620px;
	float:left;
	padding-left:10px;
}

.contactText {
	float: left;
	margin-bottom: 20px;
	padding-left:10px;
}

.contactText em {
	color: #b9b9b9;
	font-style: normal;
}



/* ===================================
		        SITEMAP
====================================*/


.mapContainer {
	width: 100%;
	float: left;
}

.sitemap {
	padding:0;
	margin-left:20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.sitemap li {
	list-style: none;
	color: #808080;
	background-image: url(../images/sitemap_li.jpg);
	background-repeat: no-repeat;
	padding:0px 25px;
	margin-bottom:10px;
}

.sitemap li a {
	color: #1D96B8;
	text-decoration: none; 
}

.sitemap li a:hover {
	text-decoration: underline; 
}

.sitemap li ul {
	padding-top: 5px;
}
.sitemap li ul li {
	list-style:none;
	background-image: url(../images/sitemap_bullet.gif);
	background-repeat: no-repeat;
	padding:0 20px;
	margin-bottom:5px;
}

/* ===================================
		        INDEX 
====================================*/

#servicesHead { width:520px; height:24px; padding:0 0 0 20px; margin:20px 0 10px 0; background:url(../images/services_head.jpg) no-repeat; float:left; }
#servicesTitle { font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 0; }
.orange { color:#FF8300; }

#servicesContainer { width:540px; height:auto; padding:0; margin:0; float:left; }
.services { width:240px; height:120px; float:left; margin:0 0 10px 0; padding:10px 0 0 20px; }
.services a { color:#7E7E7E; }
#web { background:url(../images/index_web.jpg) no-repeat; margin:0 10px 0 0; }
#graphic { background:url(../images/index_graphic.jpg) no-repeat; }
#print { background:url(../images/index_print.jpg) no-repeat; margin:0 10px 0 0; }
#interactive { background:url(../images/index_interactive.jpg) no-repeat; }

.servicesContent { width:170px; padding:0; margin:0; float:left; }
.servicesContent h3 { margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; }
.servicesContent ul { margin:0; padding:0; color:#7E7E7E; }
.servicesContent li { margin:0; padding:2px 0; font-size:11px; list-style:none; }
.servicesContent a { text-decoration:none; }
.servicesContent a:hover { text-decoration:underline; }

.webGreen { color:#4ABC0F; }
.graphicPurple { color:#834CB2; }
.printOrange { color:#F6D23E; }
.interactiveBlue { color:#24B7FA; }

#hidden { width:540px; float:left; padding:0; margin:0; visibility:hidden; display:none; }

/* ===================================
		        SERVICES
====================================*/

#newsBar3 {
   width: 175px;
   min-height: 30px;
   height: auto;
   float: left;
   background-image: url(../images/news_bar3.jpg);
   background-repeat: no-repeat;
   padding-left:5px;
   padding-top: 7px;
   padding-bottom:10px;
}

.clientContainer { float:left; margin:0 0 15px 0; padding:0; width:180px; height:60px; }

.moreAboutUs { float:left; width:250px; height:60px; margin-top:10px; }

.standOut { float:left; width:170px; height:175px; margin-top:40px; }

/* ===================================
		      PORTFOLIO 
====================================*/

.denote { 
	float:right; width:auto; font-size:11px; margin:0; padding:10px 10px 10px 20px; text-align:right; 
	background:url(../images/zoom_view.gif) 0 10px no-repeat; color:#999999;
}

.projectText { 
	width:590px; padding:25px 30px; height:120px; margin:0 0 20px 0;
	background:url(../images/project_text_bg.jpg) no-repeat; 
} 
.projectText p { padding:0 5px; } 
.projectText h2 { font-size:16px; font-weight:bold; background-color:#1D96B8; padding:5px; color:#FFF; margin:5px 0 5px 0; }
.projectText a { text-decoration:none; color:#FF7F03; font-weight:bold; }
.projectText a:hover { color:#fff; background-color:#1D96B8; }

/* ===================================
		        TESTIMONIAL
====================================*/
.testimonialBox { 
	width:280px; height:160px; padding:10px 15px 30px 15px; margin:10px 5px 20px 5px; float:left; display:block; overflow:hidden;
	background:url(../images/testimonial_bg.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
.titleTestimonial a { color:#64ad53; text-decoration:none; outline:none; }
.titleTestimonial a:hover { color:64ad53; text-decoration:underline; }
.titleTestimonial { 
	background:url(../images/testimonial_icon.jpg) no-repeat; 
	background-position:left center; 
	float:left; 
	padding:15px 5px 0 35px; 
	font-size:15px; 
	color:#64AD53; 
	font-weight:bold;
	margin:0 0 5px 0;
	display:block;
	width:240px;
}

#mainContent .testimonialBox p {
	float:left;
	color:#706F6F;
	margin:0;
	padding:0;
	display:block;
	width:280px;
}

.fromTestimonial {
	text-align:right;
	font-weight:bold;
	padding:0;
	margin:5px 0 0 0;
	font-style:italic;
	display:block;
	float:right;
	display:block;
	width:280px;
}

#formContainer { width:630px; height:auto; float:left;}
#formTop { width:630px; float:left; margin-bottom:10px; }
#registerForm { 
	border:1px solid #d4d4d4; padding:10px 10px 20px 10px; margin:10px 0 30px 0; overflow:hidden; 
	width:600px; height:auto; 
}
#registerForm legend { padding:5px 10px; margin:0; color:#6c6c6c; display:block; font-weight:bold; font-size:18px; }
.formRow { padding:5px 10px; margin:0; display:block; float:left; vertical-align:middle; width:580px; }
#registerForm label { float:left; width:200px; color:#323232; margin:0 20px 0 0; padding:4px 0 0 0; }
#registerForm input { float:left; width:270px; border:1px solid #d4d4d4; padding:3px; }
#registerForm textarea{ float:left; width:270px; border:1px solid #d4d4d4; padding:3px; height:120px; }
#registerForm img { float:left; display:block; width:70px; height:21px; border:1px solid #d4d4d4; margin:0 10px 0 0; padding:0 }
#registerForm small { float:left; display:block; margin:0 0 0 10px; padding:5px 0 0 0; }

.required { color:#900; font-weight:bold; font-size:15px; margin:0 5px; }
.selectionBox { float:left; padding:5px; margin:5px 0; width:auto; display:block; }

#registerForm label.otherDetails { display:block; width:200px; padding:10px 0; margin:0; color:#323232; }
#registerForm input.radio { border:none; width:20px; float:left; padding:0; margin:0 5px; }
#registerForm select { width:275px; height:23px; border:1px solid #D4D4D4; }
#registerForm input.submit { 
	width:170px; margin:20px 10px 0 0; padding:10px; float:left; background-color:#a0a0a0; 
	color:#fff; font-weight:bold; cursor:pointer; 
} 
#submitBtn {width:133px; height:34px; float:left; margin-top:20px; background-image:url(../images/submit_btn.jpg); background-repeat:no-repeat;}


/* ===================================
		      PORTFOLIO2
====================================*/
#portfolioRow { display:block; float:left; width:650px; }
.portfolioContainer2 {
	width: 300px;
	float: left;
	height: auto;
	background: url(../images/folio_bg.jpg) bottom repeat-x;
	padding: 10px 12px;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 0 15px 0;
}

.portfolioBox2 {
	width: 300px;
	float: left;
	display:block;
	position:relative;
}

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

.previewFolioBox2 img {
	width: 288px;
	height:288px;
	float: left;
	display:block;
	padding:5px;
	border:1px solid #CCC;
}

.previewFolioBox3 img {
	width: 288px;
	height:188px;
	float: left;
	display:block;
	padding:5px;
	border:1px solid #CCC;
}

.previewFolio2 {
	width: 258px;
	height: 70px;
	float: left;
	border: 1px solid #dfdfdf;
	padding: 5px;
	position:relative;
}

.previewFolioBox2 span.featured { 
	position:absolute; top:-7px; left:-7px; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/featured_ribbon.png) no-repeat; 
}

.previewFolioBox2 span.progress { 
	position:absolute; top:-7px; left:-7px; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/in_progress_ribbon.png) no-repeat; 
}

.previewFolioBox3 span.featured { 
	position:absolute; top:-7px; left:-7px; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/featured_ribbon.png) no-repeat; 
}

.previewFolioBox3 span.progress { 
	position:absolute; top:-7px; left:-7px; z-index:10; display:block; width:90px; height:90px; 
	background:url(../images/in_progress_ribbon.png) no-repeat; 
}

#rightContent .portfolioContainer2 p { display:block; float:left; width:288px; padding:5px 6px; margin:0; line-height:18px; overflow:hidden; height:35px; overflow:hidden; }
.portfolioContainer2 p a { color:#FF8308; text-decoration:none; width:288px; float:left; padding:0 0 5px 0; line-height:15px; }
.portfolioContainer2 p a:hover { text-decoration:underline; }

.previewShadow2 {
	width: 300px;
	height: 15px;
	float: left;
	background: url(../images/folio_shadow.png) center no-repeat;;
}

.clientName2 {
	width: 288px;
	float: left;
	color: #1d96b8;
	font-size: 14px;
	font-weight: bold;
	padding:5px 6px;
}



/* ===================================
		  BUSINESS CATALYST
====================================*/

#catalystBox {width:650px; float:left; margin:0 0 30px 0; padding:0 0 25px 0; border-bottom:1px dashed #D5D5D5;}
#catalystBox input[type=button] {
	width:245px; height:32px; text-align:center; border:none; font-size:10px; font-weight:bold;
	background:url(../images/bc_btn.jpg) no-repeat; color:#FFF; display:block;
}
#catalystBox2 {width:650px; float:left; margin:0 0 30px 0; padding:0; }
#catalystBox2 input[type=button] {
	width:245px; height:32px; text-align:center; border:none; font-size:10px; font-weight:bold;
	background:url(../images/bc_btn.jpg) no-repeat; color:#FFF; display:block;
}

#catalystBox a { color:#1D96B8; text-decoration:none; }
#catalystBox a:hover { text-decoration:underline; }

#catalystBoxLeft {width:330px; float:left;}
#catalystBoxRight {width:300px; height:203px; float:right;}

#rightContent .catalystFeatures { display:block; padding:10px 0; margin:0; float:left; width:650px; }
#rightContent .catalystFeatures h3 { display:block; color:#900; padding:0; margin:0 0 5px 0; }

#rightContent .catalystFeatures li { list-style:none; display:block; overflow:hidden; padding:15px 0 20px 0; margin:5px 0 15px 0; border-bottom:1px dashed #D5D5D5; }
#rightContent .catalystFeatures li img { float:left; display:block; margin:0; padding:0 0 0 5px; width:64px; height:64px; }

#rightContent .catalystFeatures li ul { margin:0; width:540px; padding:0 10px 0 0; float:right; display:block; }
#rightContent .catalystFeatures li ul li { padding:3px 0 5px 25px; margin:0; display:block; border:none; background:url(../images/icons/checkbox.png) -5px 0 no-repeat; }

#rightContent .catalystFeatures li h4 { font-weight:bold; float:right; width:540px; padding:5px 10px 5px 0; display:block; margin:0; }
#rightContent .catalystFeatures li a { float:right; width:540px; padding:5px 10px 5px 0; display:block; margin:5px 0 0 0; color:#1D96B8; text-decoration:none; }
#rightContent .catalystFeatures li a:hover { text-decoration:underline; }

.catalystPoint {width:300px; float:left; margin-left:11px; margin-right:11px; margin-bottom:20px;}
.catalystPointFull {width:600px; float:left; margin-bottom:20px; padding:0 0 20px 0; border-bottom:1px dashed #D5D5D5; }
.catalystPoint img {float:left; margin-right:15px; }
.catalystPointInfo { width:210px; float:right;}
.catalystPointInfoFull { width:500px; float:right;}
.catalystPointInfoFull ul { width:500px; padding:0; margin:0;}
.catalystPointInfoFull ul li { padding:0; margin:10px 0 10px 15px;}
.catalystPointInfo h3 { margin:0 0 5px 0;}
.descList { font-size:11px; line-height:15px;}