﻿*
{
	padding: 0;
	margin: 0;
}

body
{
	background: url(../images/bg.jpg) repeat-x center top;
	background-color: #E0E0E0;
	font-family: Arial;
	font-size: 12px;
}

#Container
{
	width: 1024px;
	height: 800px;
	margin: 0 auto;
}

#Masthead
{
	width: 1024px;
	height: 154px;
	background: url(../images/mh.jpg) no-repeat center top;
}

#MastheadLogo
{
	width: 370px;
	height: 152px;
	float: left;
}

.MastheadHomeLink
{
	width: 370px;
	height: 152px;
	display: block;
}

#DockMenu
{
    width:450px;
    height:50px;
    text-align:right;
    float:right;
    margin-right:60px;
}

.docklink
{
	color: #4B3762;
	font-style:italic;
	font-size:14px;
	text-decoration: none;
    vertical-align:top;
	margin:0px 15px;
}

.docklinkline
{
	color: #4B3762;
	font-style:italic;
	font-size:14px;
	text-decoration: none;
    vertical-align:top;
}

.docklink:hover
{
	color: #888;
}

.facebook
{
    width:16px;
    height:16px;
    display:inline-block;
    background:url(../images/facebookicon.png) no-repeat center top;
	margin:0px 15px;
}

#MainMenu
{
    margin-top:-15px;
	width: 640px;
	height: 100px;
	float: right;
	position:relative;
	/*margin-top:50px;*/
}

#ContentContainer
{
	width: 1024px;
	min-height: 586px;
}

#Footer
{
	width: 400px;
	height: 40px;
	margin: 12px auto;
	color: #454544;
	font-size: 10px;
	text-align:center;
	clear:both;
}

.homecontent
{
	width: 1024px;
	height: 586px;
	margin: 0 auto;
}

.homesilverlight
{
	width: 900px;
	height: 350px;
	margin: 0 auto;
	background: url(../images/homebg.png) no-repeat;
}

.homeleft
{
    width:425px;
    float:left;
    height:295px;
    background: url(../images/homebgbg.png) no-repeat;
    margin-top:15px;
    margin-left:15px;
    padding-top:38px;
    padding-left:20px;
}

.homeright
{  
    width:425px;
    height:295px;
    float:right; 
    background: url(../images/homebgbg2.png) no-repeat;
    margin-top:15px;
    margin-right:15px;
    padding-top:35px;
}

.homeport
{
    padding-top:20px;
    padding-left:120px;
}

.slCentered
{
	width: 900px;
	height: 350px;
	margin: 0 auto;
}

.slMenu
{
	float: right;
	height: 150px;
	width: 570px;
	margin-right: 65px;
}

.homebottomoptions
{
	width: 900px;
	height: 230px;
	margin: 0 auto;
	clear: both;
}

.homemodular
{
	width: 290px;
	height: 200px;
	float: left;
	margin:5px;
}

.clientloginmodule
{
	width: 300px;
	height: 200px;
	background: url(../images/clientloginmoduleback.jpg) no-repeat center center;
	float: left;
}



.pagecontent
{
	width: 1024px;
	height: 350px;
	margin: 0 auto;
	overflow: auto;
}

.clientbottomoptions
{
	width: 900px;
	height: 230px;
	margin: 0 auto;
	clear: both;
}

.clientmodular
{
	width: 300px;
	height: 200px;
	background: url(../images/modularback.png) no-repeat center center;
	float: left;
	font-family: Arial;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.moduleContent
{
	width: 290px;
	height: 180px;
	margin: 10px auto;
}

.moduleContent a
{
    width:277px;
    height:175px;
    display:block;
    margin:0 auto;
}

#homeclientloginlink{background:url(../images/clientlogin.png) no-repeat center top;}
#homeprojectbidlink{background:url(../images/projectbid.png) no-repeat center top;}
#homehelplink{background:url(../images/clienthelp.png) no-repeat center top;}

.moduleheaders
{
	font-size: 16px;
	font-weight:bold;
	text-indent: 10px;
	color: #fff;
	margin: 5px 0px;
}

.modulesubheaders
{
	font-size: 13px;
	text-indent: 15px;
	color: #fff;
	margin-left:0px;
}

.modulerows
{
	width: 250px;
	height: auto;
	min-height: 25px;
	margin: 10px auto;
	font-size: 12px;
}

.mr_label
{
	width: 80px;
	float: left;
	text-align: right;
}

.mr_info
{
	width: 150px;
	float: right;
	text-align: left;
}

.mr_tbox
{
	width: 140px;
	height: 18px;
}

.mr_link
{
	color: #fff;
	margin: 0px 12px;
}

.mr_link:hover
{
	color: #777;
}

.heavy
{
	font-weight: bold;
}

a:link, a:visited, a:active
{
	color: #4B3762;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

h1,h2,h3,h4,h5
{
    margin-left:40px;
    color:#444;
}

h1
{
	width:900px;
	height:25px;
	margin:5px auto;
}
h2
{
	font-size: 18px;
}
h3
{
	font-size: 16px;
}
h4
{
	font-size: 14px;
}
h5
{
	font-size: 12px;
}

p
{
	line-height: 18px;
	margin: 10px auto;
	clear: both;
	width:85%;
}
ul
{
	margin: 8px;
	text-indent: 75px;
}
li
{
	line-height: 16px;
	margin-left: 20px;
	list-style:none;
}

.communityhead,.newshead,.careerhead,
.logohead,.printhead,.presencehead,
.faqhead,.talenthead,.strategyhead,
.portfoliohead,.softwarehead,.webinthead,
.storehead,.marketinghead,.clienthead,
.abouthead,.softwebhead,.contacthead,
.businesshead{background:url(../images/headergeneral.jpg) no-repeat left top;font-size:20px;color:black;font-family:Arial;text-indent:40px;}
               

#MainNav
{
	width: 500px;
	height:30px;
	margin: 0 auto;
	text-indent:0;
	background:url(../images/menubk2a.png) no-repeat center top;
}

.mainnav
{
    margin:0px 3px;
    float:left;
    display:block;
    width:115px;
    height:30px;
    line-height:250%;
}

.mainnavfirst
{
    margin-left:14px;
}

.mainnav ul, .mainnav ul ul, .mainnav:hover ul ul
{
    display:none;
    text-indent:0;
    font-size: 11px;
	font-weight: bold;
	font-family: Arial;
}

.mainnav ul
{
    width:500px;
    min-height:30px;
    position:absolute;
    top:10px;
    left:60px;   
	background:url(../images/menubk2.png) repeat-y center top;
}

.mainnav ul ul, .mainnav:hover ul ul
{
    width:115px;
    height:25px;
    position:absolute;
    left:auto;
    top:16px;
    background:none;
}

.mainnav a
{
	width: 115px;
	height: 30px;
	text-align: center;
	display: block;
	color:#fff;
}

.mainnav:hover ul
{
    display:block;
}

.mainnav ul li:hover ul
{
    display:block;
}

.mainnav ul li
{
    float:left;
    list-style:none;   
    margin:0; 
}

.mainnav ul ul li
{
    clear:both;
    height:25px;
    line-height:200%;
	background:url(../images/menubk3.png) no-repeat center top;
	margin:0;
}


.mainnav a
{
	width: 115px;
	height: 25px;
	text-align: center;
	display: block;
	color:#fff;
}

.mainnav a:hover
{
    
    color:#4B3762;
}

.subnavitem
{
    width:115px;
    height:30px;
    line-height:250%;
}

.subnavitem a
{
    width:115px;
    height:25px;
    margin-top:3px;
    margin-left:10px;
    display:block;
    text-align:center;
    color:#fff;
}

.subnavitem a:hover
{
    color:#aaa;
}

.mainnav ul ul li a
{
	margin-left:10px;
	margin-top:0px;
	height:25px;
}


.solidBack
{
	width: 1024px;
	height: 590px;
	margin: 0 auto;
	background: url(../images/contentsolid.png) repeat-y center top;
	overflow: auto;
}

.solidBack2
{
	width: 1024px;
	min-height: 645px;
	height:100%;
	margin: 0 auto;
	background: url(../images/contentsolid.png) repeat-y center top;
	overflow: auto;
	clear:both;
}

.solidBack3
{
	width: 1024px;
	min-height: 949px;
	height:100%;
	margin: 0 auto;
	background: url(../images/contentsolid.png) repeat-y center top;
	overflow: auto;
	clear:both;
}

.solidContent
{
	padding-left: 50px;
	padding-right: 50px;
}

.imageStickerLeft
{
	float: left;
	padding: 10px;
	padding-top: 0px;
}
.imageStickerRight
{
	float: right;
	padding: 10px;
	padding-top: 0px;
}

.imageCentered
{
	text-align: center;
}

p.imageWrapText
{
	clear: none;
}

.newsitemHeader
{
    font-weight:bold;
    font-size:16px;
    color:#555;
    margin-top:15px;
}

.newsDate
{
	font-weight: bold;
}

.accordionHeader
{
	background-color: Transparent;
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	padding-left: 10px;
	margin:5px 0px;
}

.accordionHeaderSelected
{
	background-color: Gray;
}

.accordionContent
{
	background-color: #d2d2d2;
	font-family: Arial;
	font-size: 12px;
	padding-left: 10px;
}

.accordionContent a
{
    font-family:Arial;
	color: #4B3762;
	font-weight: bold;
	text-decoration: none;
}

.modalPopup
{
	background: url(../images/modalBackground.png) repeat center;
}
.form
{
	background-color:#e0e0e0;
	font-size: small;
	color: Purple;
	padding: 20px;
	width:550px;
}
.formRow
{
	width:500px;
	min-height:25px;
	margin:10px auto;
}
.formLabel
{
    width:200px;
    float:left;
    text-align:right;
}
.formInput
{
	width:260px;
	float:right;
	text-align:left;
}

.watermarkTextbox
{
	background-color: #efefef;
	color: Gray;
	border-style:solid;
	border-width:thin;
}

.notation
{
	font-size:x-small;
}

.noindent
{
    text-indent:0px;
}

.centered
{
    margin:0 auto;
}

.pageNav
{
	text-align: center;
}

.mapForm
{
	width: 200px;
	font-size: x-small;
	float: left;
}
.mapFormCell
{
	width: 50%;
}

.requiredNotation
{
	font-weight: bold;
	color: Red;
}

.helpForm
{
	width:800px;
	min-height:250px;
	margin:10px auto;
}

.helpFormModule
{
	float: left;
	margin:5px 10px 0px 0px;
}

.contactitem
{
    width:250px;
}

.contactblock
{
    width:800px;
    min-height:75px;
    clear:both;
    margin:0 auto;
}

.block
{
	clear: both;
}

.websiteWorksheetForm
{
	margin: 10px;
}
.wizardForm
{
	background-color: Gray;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0px;
	font-family: Verdana;
	font-size: small;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.wizardHeader
{
	background-color: #4B3762;
	border-style: solid;
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 20px;
	font-size: medium;
	font-weight: bold;
	color: White;
	text-align: center;
}
.wizardSideBar
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 50px;
	background-color: Gray;
	vertical-align: top;
	font-size: x-small;
	font-family:Verdana;
	color:White;
}

.wizardStep
{
	color: #4B3762;
	background-color:#e0e0e0;
	border-width: 0px;
}
.wizardNavigation
{
	background-color:#4B3762;
}
.wizardNavigationButtons
{
	background-color: #fffbff;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: x-small;
	color: #284775;
}

.solidSubMenu_center
{
	background-image:url(../images/contentSubMenu_center.png);
	background-repeat: repeat-x;
	background-position:center;
	height:20px;
	width:800px;
	padding:0px;
	margin:0px;
	text-align:center;
	display:table-cell;
}
.solidSubMenu_left, solidSubMenu_right
{
	background:url(../images/contentSubMenu_left.png) no-repeat center center;
	display:table-cell;
	min-width:20px;
	max-width:20px;
	width:20px;
	height:20;
	padding:0px;
	margin:0px;
}
.solidSubMenu_right
{
	background:url(../images/contentSubMenu_right.png) no-repeat center center;
	display:table-cell;
	min-width:20px;
	max-width:20px;
	width:20px;
	height:20;
	padding:0px;
	margin:0px;
}
.solidSubMenu_row
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.solidSubMenuItem, .solidSubMenuItem a
{
    color:#fff;
}

.portfolio_imagePane
{
	width:400px;
	height:400px;
	float:left;
	margin:15px;
}
.portfolio_infoPane
{
	width:400px;
	height:400px;
	float:right;
	margin:15px;
}
.galleryItem
{
    width:200px;
    height:185px; 
    margin:15px;  
    text-align:center;
}

.galleryThumb
{
    width:200px;
    height:150px;
    text-align:center;
}

.galleryThumb img
{
    max-height:150px;
    max-width:200px;
    border:none;
    margin:auto;
}

.galleryInfo
{
    width:200px;
    height:40px;
    margin:0px auto;
    text-align:center;
}

.galleryinfotext
{
    width:200px;
    height:65px;
    padding-bottom:13px;
    text-align:center;
}

.galleryinfotext:first-line
{
    font-weight:bold;
}

.galleryText
{
    text-align:left;
    width:400px;
}

.mktengines
{
    margin:0 auto;
    width:800px;
    height:58px;
}

.printpanel
{
    min-height:350px;
    width:960px;
    margin:15px auto;
    background:url(../images/printgraphic.jpg) no-repeat right center;
}

.genericpanel
{
    min-height:350px;
    width:960px;
    margin:15px auto;
    background:url(../images/vgraphic.jpg) no-repeat right center;
    
}

.contactpanel
{
    min-height:410px;
    width:960px;
    margin:15px auto;
    background:url(../images/contactback.jpg) no-repeat right center;
}

p.largerFont
{
    font-size:14px;
}

a.whitelink
{
    color:#fff;
}

a.whitelink:hover
{
    color:#afafaf;
}

#homeclientloginlink
{
    display:block;
    width:300px;
    height:200px;
}

.wwfrow
{
    width:450px;
    min-height:23px;
    margin:8px auto;
}

.wwflabel
{
    width:150px;
    float:left;
    text-align:right;
    
}

.wwfinfo
{
    width:280px;
    float:right;
    text-align:left;
    
}

.message
{
    color:#4B3762;
    font-size:16px;
}

.aboutsub
{
    margin:2px 8px;
}

.partnershipItem
{
    width:800px;
    min-height:125px;
    margin:10px auto;
}

.partnershipImage
{
    float:left;
    clear:left;
    min-width:160px;
    max-width:250px;
    min-height:100px;
    text-align:right;
    margin:10px 10px;
}

.partnershipText
{
    text-align:justify;
    line-height:175%;
    margin:25px;
    text-indent:0;
}

.partnershipSeparator
{
    width:800px;
    height:5px;
    background:url(../images/partnerseparator.png) no-repeat center top;
    margin:0 auto;
}

#wd_quote
{
	background:url(../images/webdesignquote.png) no-repeat left top;
	height:489px;
	width:396px;
	margin-top:-15px;
	position:relative;
	color:white;
	font-size:14pt;
	margin-bottom:-75px;
	margin-top:15px;
	padding-top:90px;
	padding-left:10px;
}

#wd_quote2
{
	background:url(../images/webdesignquote2.png) no-repeat left top;
	height:185px;
	width:956px;
	color:white;
	font-size:14pt;
	padding-top:40px;
	padding-left:15px;
}

#wd_right
{
	background:url(../images/wd_right.png) no-repeat left top;
	height:504px;
	width:400px;
	position:relative;
}

#wd_left
{
	background:url(../images/wd_left.png) no-repeat left top;
	height:324px;
	width:520px;
	position:relative;
}

.wdquote
{
	font-size:15px;
	color:#a00aef;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#wd_examples
{
	background:url(../images/wbexamples.png) no-repeat left top;
	height:400px;
	width:526px;
	padding-top:5px;
	position:relative;
	color:white;
	font-size:9pt;
	font-weight:bold;
}

#wd_examples2
{
	background:url(../images/wbexamples2.png) no-repeat left top;
	height:784px;
	width:448px;
	padding-top:5px;
	color:white;
	font-size:9pt;
	font-weight:bold;
}

#marketingform
{
	background:url(../images/marketingform.png) no-repeat center top;
	height:504px;
	width:400px;
	margin:5px auto;
	padding-top:120px;
	padding-left:10px;
	color:white;
	font-size:13pt;
	font-weight:bold;
}

#se_quote
{
	background:url(../images/se_quote.png) no-repeat center top;
	height:489px;
	width:396px;
	margin:5px auto;
	padding-top:100px;
	padding-left:10px;
	color:white;
	font-size:13pt;
	font-weight:bold;
}

#se_quote2
{
	background:url(../images/se_quote2.png) no-repeat left top;
	height:185px;
	width:953px;
	margin-left:10px;
	position:relative;
	color:white;
	font-size:14pt;
	padding-top:40px;
	padding-left:10px;
}

.sequotein
{
	color:white;
	border:none;
	background:#a29d9d;
}

.sequotein2
{
	color:white;
	border:none;
	background-color:transparent;
	font-weight:bold;
	text-align:left;
}

.seround
{
	background:  url(../images/se_quotebg.png) no-repeat left top;
	padding: 9px;
	width:245px;
	clear:both;
}

.seround2
{
	background:  url(../images/se_quotebg2.png) no-repeat left top;
	padding: 9px;
}

.seround3
{
	background:  url(../images/se_quotebg3.png) no-repeat left top;
	padding: 9px;
	margin-top:15px;
	position:relative;
}

.sequoteh1 
{
	font-size:20px;
	font-weight:bold;
	color:#531B70;
	padding:0px;
	margin:0px;
}

.sequoteh12
{
	font-size:22px;
	font-weight:bold;
	color:#531B70;
	text-indent:70px;
	padding: 0px 0px 5px 0px;
	margin:0px;
}

.sequoteh13
{
	font-size:22px;
	font-weight:bold;
	color:#531B70;
	text-indent:40px;
	padding: 0px 0px 5px 0px;
	margin:0px;
}

.sequoteh15
{
	font-size:22px;
	font-weight:bold;
	color:#531B70;
	padding-left:56px;
	margin:0px;
}

.sequoteh14 
{
	font-size:20px;
	font-weight:bold;
	color:#531B70;
}

.sequotetext
{
	font-size:13px;
	color:black;
	padding:0px;
	margin:0px
	text-align: justify;
	width:95%;
}

.sequotetext2
{
	font-size:13px;
	color:black;
	padding:0px;
	margin:0px 10px 0px 15px;
	text-align: justify;
	display:block;
}

.sequotetext3
{
	font-size:13px;
	color:black;
	padding:0px;
	margin-bottom:45px;
	text-align: justify;
	width:95%;
}


.mktengines2
{
    margin:0 auto;
    width:539px;
    height:86px;
}

.mktengines3
{
    width:277px;
    height:309px;
	position:relative;
}

.leftinfo {
 float:left;
 width:530px;
}

.leftinfo2 {
 float:left;
 width:670px;
}

.leftinfo3 {
 float:left;
 width:530px;
}

.leftinfo4 {
 float:left;
 width:525px;
}

.rightinfo {
float:right;
width:400px;
}

.rightinfo2 {
float:right;
width:280px;
}

.rightinfo3 {
float:right;
width:400px;
}

.rightinfo4 {
float:right;
width:450px;
}

.bottominfo {
float:none;
width:960px;
}

.marketinghead2{font-size:35px;color:#531B70;font-family:Arial;padding-left:40px;display:inline;}

.marketinghead3{font-size:35px;color:#531B70;font-family:Arial;padding-left:5px;display:inline;}

.marketinghead4{font-size:25px;color:#A00AEF;font-family:Arial;padding-left:140px;margin:0px;}

.se_label{float:left;}
.clearall{clear:both; margin:2px;}

/* Newsletter Styles
------------------------------------------------------*/

.newsRow{width:550px;min-height:18px;text-align:right;clear:both;font-size:11px;margin:2px 35px 0px 0px; float:right;}
.newsRow2{width:550px;min-height:18px;text-align:right;clear:both;font-size:11px;margin:15px 35px 0px 0px; float:right;}
.newsLabel{width:35px;float:left;text-align:left;margin:0px 2px 0px 9px;}
.nltbox{width:130px;height:16px;font-size:11px;float:left;}
.newsButton{width:85px;text-align:center;float:left;}
.nlbutton{width:80px;height:18px;font-size:11px;float:left;}
.newsMessage{width:650px;text-align:left;}

/* Specials Section
-------------------------------------------------*/
.specialsection {
    width:950px;
    height:430px;
    }
.specialleft {
    width:475px;
    height:430px;    
    float:left;
    text-align:justify;
    }
.specialleft h2 {
    margin-left:0px;
    font-size:17px;
    }
.specialright {
    width:475px;
    height:430px;    
    float:right;
    }
.specialsform {
	background:url(../images/mardiform.png) no-repeat left top;
	height:185px;
	width:933px;
	margin-left:5px;
	color:white;
	font-size:14pt;
	padding-top:50px;
	padding-left:25px;
	position:relative;
}

 /* Portfolio Section
 -------------------------------------------- */
 .portfolioh1 {
    color:#896AA3;
 }
 
 .portfoliodiv {
  
    width:850px;
    height:250px;
    margin-left:100px;
 }
 

.portfoliobgleft {
    background:url(../images/portbg.jpg) no-repeat center top;
    width:400px;
    height:240px;
    float:left;
    border: solid 1px black;
    padding:5px;
    font-size:18px;
    }
.portfoliobgright {
    background:url(../images/portbg.jpg) no-repeat center top;
    width:400px;
    height:240px;
    float:right;
    border: solid 1px black;
    padding:5px;
    font-size:18px;
    }    

.portfoliotemp {
    width:900px;
    height:280px;
    border-top:3px solid #765790;
    border-right:1px solid #424242;
    border-left:1px solid #424242;
    margin:5px;
    background:url(../images/portfoliotempbg.jpg) no-repeat center top;
    }

.portfoliotempleft {
    width:260px;
    height:280px;
    float:left;
    padding-left:4px;
    padding-top:4px;
}

.portfoliotempright {
    width:636px;
    height:276px;
    float:right;
}

.portfoliothumb {
    width:610px;
    height:250px;
    margin:auto;
    margin-top:15px;
}

.portfolioinfotext {
    font-size:18px;
    color:#4A3C5D;
    font-weight:bold;
}

 /* Atlanta Chamber Section
 -------------------------------------------- */
 
 .atlantap {
 	font-size:22px;
	font-weight:bold;
	color:#531B70;
	text-indent:82px;
	padding: 0px 0px 5px 0px;
	margin:0px;
 }
 
 .atlantah1 {
	font-size:20px;
	font-weight:bold;
	color:#531B70;
	padding: 0px 0px 0px 5px;
	margin:0px;
}