/* @override 
	http://luminositygroup.sandbox.cs1.force.com/resource/1320975505000/lumSiteDesignArchive/lumSiteDesignArchive/css/main.css
	http://luminositygroup.sandbox.cs1.force.com/resource/1320974086000/lumSiteDesignArchive/lumSiteDesignArchive/css/main.css
	https://luminositygroup.sandbox.cs1.force.com/resource/1321035690000/lumSiteDesignArchive/lumSiteDesignArchive/css/main.css
	https://luminositygroup.sandbox.cs1.force.com/resource/1321496511000/lumSiteDesignArchive/lumSiteDesignArchive/css/main.css
	https://luminositygroup.sandbox.cs1.force.com/resource/1321555081000/lumSiteDesignArchive/lumSiteDesignArchive/css/main.css
*/

/* 
Title:		Reset default browser styles
Author: 	dan@simplebits.com
*/

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;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, georgia, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin:16px 50px;
	margin-bottom:40px;
	quotes:none;
	text-align:center;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#homepage #contentArea {
	padding-bottom:20px;
}
#contentArea .homepageTopContent {
	width: 760px;
	margin-bottom: 40px;
}
#contentArea #homepageFlash {
	width: 862px;
	padding-top: 10px;
}
.homepageWelcome {
	text-indent:-9000px;
	background-image: url(../images/text_images/homepageWelcome.png);
	background-repeat: no-repeat;
	height: 175px;
	width: 880px;
}
.homepageWelcomeSub {
	text-indent:-9000px;
	background-repeat: no-repeat;
	background-image:none;
	height:0px;
}
.homepageAbout {
	text-indent:-9000px;
	background-image: url(../images/text_images/homepageAbout.png);
	background-repeat: no-repeat;
	height: 222px;
	width: 880px;
}
#contentArea h1.homepageWelcome {
	margin-bottom:0px;
}
* {
	margin:0px;
	padding:0px;
}
body {
	position: relative;
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 100%;
	color: #5291BD;
	height: 100%;
	width: 100%;
	background-color: #457ba0;
	background-image: url(../images/gutterStrip.png);
	background-repeat: repeat-x;
}
#header {
	width: 960px;
	height: 140px;
	background-image: url(../images/navBarWhiteBlue.png);
	background-repeat: no-repeat;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}
#logoWrapper {
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 880px;
	margin-top: 0px;
}
.socialMedia {
	float: right;
	margin-bottom: 0px;
}

#header ul {
	margin-top: 19px;
	position: relative;
	margin-left: 30px;
	font-size: 90%;
	width: 900px;
}
#header ul li {
	float:left;
	list-style-type:none;
	width:145px;
	text-align: center;
	background-image: url(../images/divider.gif);
	background-repeat: no-repeat;
	background-position: 140px -4px;
	margin-right: 0px;
	margin-left: 0px;
	height: 40px;
	margin-top:3px;
}
#header ul li a {
	width:135px;
	height:30px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
}
#header ul .navEnd {
	background-image:none;
}
.hide {
	display: none
}
.hasSubMenu {
	z-index: 100;
}
li {
	z-index: 100;
}
.back, .left img {
	z-index: 1;
}
#header ul .subMenu {
	display: none;
	position: absolute;
	background-color: #fefefe;
	background-image: none;
	width:auto;
	padding: 6px;
	padding-top: 20px;
	margin-left: 0px;
	text-align: left;
	top: 11px;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	background-image: url(../images/shadowDown.png);
	background-repeat: repeat-x;
	background-position: top;
}
#header ul .subMenu li {
	float: none;
	width: auto;
	text-align: left;
	background-image: none;
	margin-bottom: 0px;
	height: 20px;
}
#header ul .subMenu li a {
	padding: 0px;
}
#contentWrapper {
	height: 100%;
	width: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCC;
}
#contentWrapperContact {
    background-image: url("../images/contactBG.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom: 1px none #CCCCCC;
    height:600px;
    width: 100%;
}
#contentWrapperContact_landing {
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom: 1px none #CCCCCC;
    height:660px;
    width: 100%;
}

#contentArea {
	width: 880px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
	padding-top: 20px;
	color: #FFF;
}
.flashBanner {
	background-image: url(../images/banners/staticBanner2010.jpg);
	background-repeat: no-repeat;
	height: 280px;
	width: 960px;
	margin-right:auto;
	margin-left: -35px;
	margin-bottom: 40px;
}
.whitePanelFooterBG {
	position: relative;
	width: 100%;
	background-color: #FFF;
	background-image: url(../images/miniGutter.png);
	background-repeat: repeat-x;
	padding-top: 10px;
}
#panelFooter {
	width: 882px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
}
#panelFooter img {
	margin-right: 15px;
}
#panelFooter img.end {
	margin-right: 0px;
}
#footer {
	background-image: url(../images/footerStrip.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 140px;
	position: relative;
	top: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F90;
	background-color: #457ba0;
	clear: both;
}
#footerContent {
	margin-right: auto;
	margin-left: auto;
	width: 930px;
	padding-top: 30px;
	padding-bottom: 20px;
}
#footerContent ul {
	list-style-type:none;
	color: #CCC;
	font-size: 90%;
	line-height: 140%;
}
#footerContent #footerLinks {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5F8DAE;
	padding-bottom: 10px;
}
#footerContent #footerLinks li {
	display: inline;
	padding-right: 14px;
	padding-left: 14px;
}
#contactDetailsWrapper {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footerContent .footerContactDetails {
	font-size: 80%;
	line-height: 130%;
	float: left;
	margin-top: 10px;
	width: 100%;
	text-align: center;
}
#footerContent .footerContactDetails #companyName {
	font-weight: bold;
}
#footerContent .footerContactDetails #addressEnd {
	margin-bottom: 16px;
}
.blueDark {
	color: #5291bd;
}
.blueMedium {
	color: #67a8ce;
}
.blueLight {
	color: #8fc2db;
}
.greyBlue {
	color: #7d9099;
}
/**/
.----------------TYPE------------------------- {
}
#contentArea h1 {
	color:#FFF;
	margin-bottom: 10px;
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 36px;
	font-weight: 400;
	text-shadow: -1px -1px 1px #15517A;
}
#contentArea h2 {
    color: #75C4DD;
    font-family: "myriad-pro-1","myriad-pro-2";
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 2px;
}
#contentArea h3 {
    color: #F5F5F5;
    font-family: "myriad-pro-1","myriad-pro-2";
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 4px;
}
#contentArea p {
    color: #F5F5F5;
    font-family: "myriad-pro-1","myriad-pro-2";
    font-size: 14px;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 16px;
    margin-right: 40px;
}
.negtext {
	text-indent: -9000px;
	background-repeat: no-repeat;
}
#WeBringYour {
	background-image: url(../images/WeBringYourStoryToLifeOrange.gif);
	background-repeat: no-repeat;
}
/**/
.----------------LINKS------------------------- {
}
#header ul li a {
	text-decoration: none;
	color: #5291bd;
}
#header ul li a:hover {
	text-decoration: none;
	color: #ff9900;
}
#footerContent ul a {
	text-decoration: none;
	color:#CCC;
}
#footerContent ul a:hover {
	color: #8fc2db;
}
#footerContent ul #currentPage a {
	color: #8fc2db;
}
/**/
.----------------MENU ANIMATION------------------------- {
}
#lavaLamp li.back {
	width: 7px;
	height: 7px;
	z-index: 8;
	position: absolute;
	background-image: url(../images/bgSelectedOrange.gif);
	background-repeat: no-repeat;
	background-position: right -7px;
	top: 22px;
	margin-right: 0px;
	margin-left: 0px;
}
#lavaLamp li.back .left {
	height: 7px;
	margin-right: 5px; /* 5px is the width of the rounded shape */
	background-image: url(../images/bgSelectedOrange.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 0px;
}
/**/


.---------------misc------------------------------ {
}
.hide {
	display: none;
}
a img {
	border: none;
}
/* self-clear floats */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.viewSampleButton {
	float: left;
	margin-left: -10px;
}
.imgfloatRight {
	float:right;
}
.end {
	margin-right:0px;
}
.clearRight {
	clear:right;
}
.clearLeft {
	clear:left;
}
.rolloverModule {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background-color: #457ba0;
}
.triangle {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
}
.button, .button:visited {
	display: inline-block;
	padding: 5px 10px 6px;
	color: #36688A;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	background-color: #75C4DD;
	background-image: url(../images/overlay.png);
	background-repeat: repeat-x;
}
.button:hover {
	background-color: #111;
	color: #fff;
}
.button:active {
}
.blue.button, .blue.button:visited {
	background-color: #75C4DD;
}
.blue.button:hover {
	background-color: #3594AA;
	color: #fff;
}
.indent26 {
	padding-left: 26px;
}
.lumDarkBlue {
	color:#36688a;
}
.viewSampleIconButton {
	background-image:url(../images/viewSamples.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	height: 43px;
	padding-left: 50px;
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#ff9900;
	text-decoration:none;
	padding-top:5px;
	margin-top:16px;
	margin-bottom:16px;
	line-height:16px;
	width:100px;
}
/* 
Title:		IE patches
Author: 	dan@simplebits.com
*/

/* nav fix */

*:first-child+html #nav li {
	width: 24.9%;
}
/* PNG fix */

* html #selector { /* for IE<6 */
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/image.png');
	background-image: none;
	background-repeat: no-repeat;
	background-color: transparent;
}
/* self-clear floats */

* html .group { /* IE6 */
	height: 1%;
}
*:first-child+html .group { /* IE7 */
	min-height: 1px;
}
/* ================ SERVICES ========================*/

	
* html body, *:first-child+html body {
	font-family:Arial, Helvetica, sans-serif
}
.sfTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/sfh1.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 900px;
}
.sfIntroText {
	text-indent:-9000px;
	background-image: url(../images/text_images/sfIntro.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 900px;
}
#contentArea .sfSoftware {
	background-image: url(../images/sfsoftware.png);
	position:relative;
	margin-right:170px;
	width:100px;
	height:99px;
	float:right;
}
.servicesTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/services.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 200px;
}
.servicesIntroText {
	text-indent:-9000px;
	background-image: url(../images/text_images/servicesIntroSans.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 600px;
}
.softWebDemosTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/softWebDemos.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 250px;
	position: relative;
}

#services .servicesGridItem {
	width: 670px;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
	overflow:hidden;
}

#services .servicesGridTop {
	width: 670px;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
	overflow:hidden;
}

#services .servicesGridTop p {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 13px;
	color: #f5f5f5;
	line-height: 130%;
	width:670px;
	margin-bottom: 10px;
	margin-right: 0px;
}

.servicesGridItem .imgfloatLeft {
	margin-right:20px;
}
.servicesGridItem .imgfloatRight {
	margin-left:20px;
	margin-top: -10px;
}

.servicesIcon {
	margin-right:14px;
}

#contentArea .servicesGridItem h2 {
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
	font-size: 20px;
}
#contentArea .servicesGridItem p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.servicesGridItem ul {
	margin-top:10px;
	margin-right:30px;
	font-size: 13px;
	line-height: 18px;
}
.servicesGridItem ul li {
	background:url(../images/check.png) no-repeat 0px 0px;
	padding-left: 26px; /* the width of your image + some space */
	margin: 3px 0;
	padding-top: 2px;
	padding-bottom: 2px;
}
#services #contentArea hr {
	width: 880px;
	clear: both;
	margin-bottom: 20px;
}
#services #contentArea {
	width: 835px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-left:100px;
	padding-bottom: 20px;
	padding-top: 20px;
	color: #FFF;
}

.lighting {
	background:url(../images/lighting.png) no-repeat;
	margin-top:-47px;
	margin-left:-240px;
	width:1200px;
	height:800px;
	position: absolute;
	z-index: -1;
}


/* ================ CLIENTS ========================*/





.clientsTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/clients.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 170px;
}
.clientsIntroText {
	text-indent:-9000px;
	background-image: url(../images/text_images/clientIntroSans.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 820px;
}
.logoGridWrapper {
	margin-left: -10px;
	width: 900px;
}
.logoGridWrapper img {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* ================ ABOUT ========================*/

.aboutTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/about.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 240px;
}
.aboutIntro {
	text-indent:-9000px;
	background-image: url(../images/text_images/aboutIntroSans.png);
	background-repeat: no-repeat;
	height: 112px;
	width: 880px;
}
.theTeamTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/theTeamSans.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 200px;
}
#teamWrapper {
	margin-top: 20px;
	position: relative;
	width: 900px;
}
.aboutGridItem {
	margin-bottom: 20px;
	width: 270px;
	float: left;
	margin-right: 20px;
	padding-right: 10px;
}
.aboutGridItem .end {
	margin-right:0px;
}
#contentArea .aboutGridItem p {
	margin: 0px;
	padding: 0px;
}
#contentArea .aboutGridItem h2 {
}
.aboutImageBanner {
	margin-bottom: 0px;
	width: 900px;
}
#about #contentArea {
	width: 910px;
}
#aboutDetailWrapper {
	width:910px;
}
/* ================ PORTFOLIO ========================*/

#portfolio #contentArea ul.icons {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 880px;
	position: relative;
}
#portfolio #contentArea ul.icons li {
	float: left;
	margin-right: 48px;
}
#portfolio #contentArea ul.icons .current {
	background-color: #36688a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
#portfolio #contentArea ul.icons li.end {
	margin-right: 0px;
}
#portfolio .gridElement {
	float: left;
	width: 870px;
	height: 320px;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
	overflow-y: hidden;
}

#portfolio .beforeAfter {
	float: left;
	width: 960px;
	height: 385px;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
	overflow: hidden;
}
.portfolioDivider {
	width: 880px;
	height: 1px;
	position: relative;
	border-bottom: 1px solid #5595c2;
	background-color: #385f78;
	margin-bottom: 20px;
	float: left;
}

.servicesDivider {
	width: 700px;
	height: 1px;
	position: relative;
	border-bottom: 1px solid #5595c2;
	background-color: #385f78;
	margin-top:10px;
	margin-bottom: 10px;
	float: left;
}
#portfolio .gridElement .bannerContainer {
	width: 500px;
	height: 320px;
	position: relative;
	float: left;
}
#portfolio .gridElement .details {
	margin-top: 10px;
	margin-left: 15px;
	float: left;
	width: 355px;
	height: 300px;
	position: relative;
}

#portfolio .beforeAfter .details {
	margin-top: 10px;
	margin-left: 510px;
	float: left;
	width: 215px;
	height: 300px;
	position: relative;
}
#portfolio .gridElement h2 {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 24px;
	color: #75c4dd;
	line-height: 110%;
	padding-bottom: 10px;
}
#portfolio .gridElement p {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 13px;
	color: #f5f5f5;
	line-height: 130%;
	width: 355px;
	margin-bottom: 10px;
	margin-right: 0px;
}
#portfolio .gridElement p.before {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 13px;
	color: #f5f5f5;
	line-height: 130%;
	width: 215px;
	margin-bottom: 10px;
	margin-right: 0px;
}

#portfolio .beforeAfter p.before {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 13px;
	color: #f5f5f5;
	line-height: 130%;
	width: 225px;
	margin-bottom: 10px;
	margin-right: 0px;
}

#portfolio .gridElement .details a {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}

#portfolio .gridElement .details a.blue {
	color: #75C4DD;
	text-decoration: none;
	font-size: 13px;
}

#portfolio .beforeAfter .details a.blue {
	color: #75C4DD;
	text-decoration: none;
	font-size: 13px;
}

#portfolio .gridElement .logoLinkBox {
	position: relative;
	width: 355px;
	margin-bottom: 26px;
}
#portfolio .gridElement .logoLinkBox .logo {
	float: left;
	width:120px;
	margin-right:10px;
}
#portfolio .gridElement .logoLinkBox a.lumButton {
	margin-top: 18px;
}
#portfolio .gridElement .details ul {
	width: 175px;
}
#portfolio .gridElement .details ul li {
	background: url("../images/check.png") no-repeat scroll 0 0 transparent;
	font-size: 13px;
	line-height: 140%;
	padding-left: 25px;
}

#portfolio .beforeAfter .details ul {
	width: 225px;
}
#portfolio .beforeAfter .details ul li {
	background: url("../images/check.png") no-repeat scroll 0 0 transparent;
	font-size: 13px;
	line-height: 140%;
	padding-left: 25px;
}
#portfolio .beforeAfter img {
	cursor:pointer;
}

ul.list1 {
	float: left;
}
ul.list2 {
	float: right;
}

}
ul.list3 {
	float: left;
}

/************************************************
SERVICES
*************************************************/
#contentArea.services {
	width:730px;
}

#services #contentArea ul.icons {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 880px;
	position: relative;
}
#services #contentArea ul.icons li {
	float: left;
	margin-right: 48px;
}
#services #contentArea ul.icons .current {
	background-color: #36688a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
#services #contentArea ul.icons li.end {
	margin-right: 0px;
}


#services .servicesGridItem  .bannerContainer {
	width: 500px;
	height: 320px;
	position: relative;
	float: left;
}
#services .servicesGridItem  .details {
	margin-top: 10px;
	margin-left: 15px;
	float: left;
	width: 355px;
	height: 300px;
	position: relative;
}
#services .servicesGridItem  h2 {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 24px;
	color: #75c4dd;
	line-height: 110%;
	padding-bottom: 10px;
}
#services .servicesGridItem  p {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 13px;
	color: #f5f5f5;
	line-height: 130%;
	width:540px;
	margin-bottom: 10px;
	margin-right: 0px;
}
#services .servicesGridItem  p  a {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 13px;
	text-decoration: none;
	color:#75C4DD;
	line-height: 130%;
	width: 520px;
	margin-bottom: 10px;
	margin-right: 0px;
}
#services .servicesGridItem  p  a:hover {
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-size: 13px;
	text-decoration: none;
	color:#75afd8;
	line-height: 130%;
	width: 520px;
	margin-bottom: 10px;
	margin-right: 0px;
}
#services .servicesGridItem  .details a {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}
#services .servicesGridItem  .logoLinkBox {
	position: relative;
	width: 355px;
	margin-bottom: 26px;
}
#services .servicesGridItem  .logoLinkBox .logo {
	float: left;
	width:120px;
	margin-right:10px;
}
#services .servicesGridItem  .logoLinkBox a.lumButton {
	margin-top: 18px;
}
#services .servicesGridItem  .details ul {
	width: 175px;
}
#services .servicesGridItem  .details ul li {
	background: url("../images/check.png") no-repeat scroll 0 0 transparent;
	font-size: 13px;
	line-height: 140%;
	padding-left: 25px;
}

.servicesGridItem .iconHolder {
	position: relative;
	width:100px;
	float:left;
	margin-left:-20px;
}

.servicesGridItem .textHolder {
	position: relative;
	width:535px;
	float:right;

}

/************************************************
LUMINOSITY BUTTON
************************************************/
a.lumButton {
	font-family:Arial, sans-serif;
	text-align:left;
	border:0 none;
	outline:0 none;
	vertical-align:baseline;
	text-decoration:none;
	margin: 0;
	padding: 0;
	background: transparent url(../images/buttonSpriteLumOrange.png) no-repeat 0 0;
	float:left;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin-right: 22px;
	margin-bottom: 2px;
	line-height: 11px;
}
a.lumButton span {
	margin: 0;
	padding: 0;
	background: transparent url(../images/buttonSpriteLumOrange.png) no-repeat right 0;
	float:left;
	height: 17px;
	margin-left: 10px;
	margin-right: -20px;
	cursor:pointer;
	padding-right: 10px;
	padding-top: 5px;
}
a.lumButton:hover {
	background-position:0px bottom;
	color:#fff;
}
a.lumButton:hover span {
	background-position:right bottom;
}
/************************************************
END LUMINOSITY BUTTON
************************************************/


/************************************************
LUMINOSITY GROUP BANNER STYLES
************************************************/
#luminosityGroupBannerWrapper {
	font-family: Arial, Tahoma, sans-serif;
	font-weight: normal;
	background-color: transparent;
	margin-left: 0px;
	width: 500px;
	height: 320px;
	position: relative;
}
#luminosityGroupBannerWrapper.div {
	position: relative;
	height: 320px;
	margin-top: 10px;
}
#luminosityGroupBannerWrapper a img {
	margin-top: 0;
	margin-bottom: 0;
}
#luminosityGroupBannerWrapper #control {
	position: absolute;
	left: 10px;
	bottom: 16px;
	height: 40px;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	z-index: 999;
}
#control #left {
	float: left;
	margin-left: -16px;
	width: 16px;
	height: 40px;
	background: url(../images/bannerRibbonLeft.png) no-repeat;
}
#control #buttons {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
	background: url(../images/bannerRibbonMiddle.png) repeat-x;
}
#control #right {
	float: left;
	margin-right: -16px;
	width: 16px;
	height: 40px;
	background: url(../images/bannerRibbonRight.png) no-repeat;
}
#luminosityGroupBannerWrapper #control a {
	color: #36688a;
	text-decoration: none;
	background:  url(../images/bannerControlButton.png) no-repeat center center;
	padding: 6px 11px;
}
#luminosityGroupBannerWrapper #control a:hover {
	color: #fff;
	background:  url(../images/bannerControlButtonActive.png) no-repeat center center;
	padding: 6px 11px;
}
#luminosityGroupBannerWrapper #control a.active {
	background:  url(../images/bannerControlButtonActive.png) no-repeat center center;
	color: #fff;
}
/************************************************
END LUMINOSITY GROUP BANNER
************************************************/


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

#contact #contentArea {
	background-image: url(../images/contactBG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
	height: 400px;
}
.contactTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/contact.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 210px;
}
.contactIntroText {
	text-indent:-9000px;
	background-image: url(../images/text_images/contactIntroSans.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 830px;
}
.contactBox {
	width: 260px;
	float: left;
}
.contactBox a {
	color: #FFF;
	text-decoration: none;
}
#contact .contactBox h1 {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#contact .contactBox ul {
	font-size: 13px;
}
#contact .contactBox ul li {
	margin-bottom: 3px;
}
.visitUsTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/visitUs.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 140px;
}
.callUsTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/callUsSans.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 140px;
}
.emailUsTitle {
	text-indent:-9000px;
	background-image: url(../images/text_images/emailUsSans.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 140px;
}
.image_overlay {
    background-color: #333333;
    border: 1px solid #666666;
    box-shadow: 0 0 30px 5px #0D1820;
    display: none;
    min-height: 200px;
    z-index: 10000;
    position:fixed;
}
.image_overlay .close {
    background-image: url("images/close.png");
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 35px;
}

.triggerImage {
    float: left;
    margin: 0 15px 0 0;
    width: 120px;
}

#rvb {
position:fixed;
top:1900px;
}

#contentArea  #bottomForm form #leftSide label {
	display:block;
	margin: 0 0 5px 0;
	font-weight:normal;
	font-size: 12px;
	width: 300px;
	float:left;
}
#contentArea  #bottomForm form #leftSide input {
	width:230px;
	padding:5px;
	margin-bottom: 20px;
	display:block;
	border:none;
	background:#457ba0;
	color:#fff;
	float:left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-bottom: 1px solid #588db2;
	border-right: 1px solid #588db2;
}
#contentArea  #bottomForm form #rightSide label {
	display:block;
	margin: 0 0 5px 0;
	font-weight:normal;
	font-size: 12px;
	width: 240px;
	float:left;
}
#contentArea #bottomForm h2 {
	color:#75C4DD;
	padding-left: 6px;
	font-family: "Helvetica Neue", Arial,sans-serif;
	font-weight: 400;
	margin-bottom: 25px;
	font-size: 14px;
	}
#contentArea  #bottomForm form {
	width: 550px;
	float: left;
	background-color:#397095;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	padding: 15px;
	margin-top: -30px;
}
#contentArea  #bottomForm form #leftSide{
	width: 252px;
	float: left;
	margin-left:8px;
}
#contentArea  #bottomForm form #rightSide{
	width: 252px;
	float: right;
	margin-left:20px;
}
#contentArea  #bottomForm form #rightSide input {
	width:230px;
	padding:5px;
	margin-bottom: 20px;
	display:block;
	border:none;
	background:#457ba0;
	color:#fff;
	float:left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-bottom: 1px solid #588db2;
	border-right: 1px solid #588db2;
}
#contentArea  #bottomForm form #rightSide textarea{
	width:230px;
	height: 76px;
	padding:5px;
	margin-bottom: 20px;
	display:block;
	border:none;
	background:#457ba0;
	color:#fff;
	float:left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-bottom: 1px solid #588db2;
	border-right: 1px solid #588db2;
}

#contentArea  #bottomForm form #rightSide input.button, #contentArea #bottomForm form #rightSide input.button:visited {
	display: inline-block;
	padding: 5px 10px 5px;
	margin-top: 18px;
	color: #36688A;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	background-color: #75C4DD;
	background-image: url(../images/overlay.png);
	background-repeat: repeat-x;
	width:240px;
	float:left;
	clear:both;
}
#contentArea  #bottomForm form #rightSide input.blue.button:hover {
	background-color: #457ba0;
	color: #36688A;
}

