/*TEMPLATE STYLES*/

html, body
{
	padding: 0;
	font-family: verdana, geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	background: #e1dfdf url(../images/bg_vert_bleed.gif) repeat-y center 10px;	
	margin: 0 0 10px 0; /*all*/
	*margin: 0 0 20px 0; /*IE 7 and 6*/
	_margin: 0 0 20px 0; /*IE 6 only */
	display: inline;
	text-align: center;
}

/*try and fix annoying 'jumping' with centered site in FF*/
html
{
	height: 100%;
	margin-bottom: 1px;
	*height: auto;
	*margin-bottom: 1px;
}

p 
{
	margin: 0 0 10px 0;
	padding: 0px;
}


img {

	border-style:none;

}

table
{
	
	width:100%;
	background-color:#fff;
	
}


th,td
{
	
	border: solid 1px #ccc;
	border-width: 0 0 1px 0;
	padding: 4px 0 4px 0;
	font-size: 10px;
	line-height: 13px;
	
}

th
{
	
	border-width:0 0 3px 0;
	text-align:center;
	text-transform:capitalize;
}


th.first
{
	
	text-align:left;
	
	
}

.catCol
{
	
	width:105px;
	
}

td.first
{
	
	text-align:left;
	
}

td.first a:hover
{
	text-decoration: underline;
}

td{
	
	text-align:center;
	
}

.rowCursor
{
	background-color:#eee;
}


a
{
	
	text-decoration:none;
	color:#333;
	
}

.wrapper
{

	width:680px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	padding: 10px;	
	background-color:#fff;
	text-align: left;
	border-top: 10px solid #e1dfdf;
}



/*---------------------------PROCESS STYLES*/

#processPlan
{
	overflow: hidden;
	background-image:url(../images/process_plan.gif);
	background-repeat: no-repeat;
	padding-top: 34px;
	height: 0px !important;
	height: /**/:36px;
	
}

#processExplore
{
	overflow: hidden;
	background-image:url(../images/process_explore.gif);
	background-repeat: no-repeat;
	padding-top: 34px;
	height: 0px !important;
	height: /**/:36px;
	
}

#processProduce
{
	overflow: hidden;
	background-image:url(../images/process_produce.gif);
	background-repeat: no-repeat;
	padding-top: 34px;
	height: 0px !important;
	height: /**/:36px;
	
}

/*---------------------------MASTHEAD STYLES*/

#masthead
{
	position: relative;
	margin: 0 0 10px 0;
	width: 680px;
	height: 165px;
}

body.home #masthead
{
	height: 260px;
	background: url(../images/masthead_home.jpg) no-repeat;
	position:relative;
}

#masthead #logoLink
{
	
	position:absolute;
	width:95px;
	height:30px;
	
}

body.home #masthead #logoLink
{

	top: 170px;
	left: 168px;
	
}

body.work #masthead #logoLink,  body.case-study #masthead #logoLink, body.case-studies #masthead #logoLink

{
	
	top:102px;
	left:198px;
	
	
}

body.process #masthead #logoLink
{
	top:23px;
	left:575px;	
	
}

body.office #masthead #logoLink
{
	top:118px;
	left:417px;	
	
}

body.contact #masthead #logoLink, body.sign-up #masthead #logoLink
{
	top:44px;
	left:128px;	
	
}

#logoLink a
{
	
	width:95px;
	height:30px;
	background:url(/gdresources/images/clear.gif);
	z-index:1000;
	display:block;
	
}

#logoLink a span
{
	
	position:absolute;
	left: -999em;
	
}


body.work #masthead,body.case-study #masthead,body.case-studies #masthead
{
	background: url(../images/masthead_work.jpg) no-repeat;
}

body.process #masthead
{
	background: url(../images/masthead_process.jpg) no-repeat;
}

body.office #masthead
{
	background: url(../images/masthead_office.jpg) no-repeat;
}

body.contact #masthead, body.sign-up #masthead
{
	background: url(../images/masthead_contact.jpg) no-repeat;
}


/*---------------------------MAIN MENU CONTAINER STYLES*/

#menuMainContainer
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 680px;
	height: 20px;
	font-family: verdana, geneva, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #666;
}

/*---------------------------MAIN MENU LEFT STYLES*/

#menuMainLeft
{
    position: absolute;
	left: 0px;
	top: 0;
    margin: 0;
    width: 340px;
}

/*---------------------------MAIN MENU RIGHT STYLES*/

#menuMainRight
{
    position: absolute;
	left: 340px;
	top: 3px;
    margin: 0;
    width: 340px;
	text-align: right;

}

/*---------------------------MAIN MENU SUB STYLES*/

#menuSubContainer
{
    position: relative;
    margin: 0 0 15px 0;
	padding-top: 5px;
    width: 680px;
	height: 18px;
	background-color: #E1DFDF;
}

/*---------------------------TEXT NAV STYLES*/

#navText
{

	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 18px;
	display: inline;
	overflow:hidden;
	font-size: 10px;
	line-height: 11px;
}

#navText li
{
	display: inline;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #999;
	padding: 0 6px 0 5px;
	*padding: 0 3px 0 6px;
}

#navText li#last
{
	border-right: none;
	margin: 0;
	padding: 0 6px 0 3px;
	*padding: 0 0 0 6px;
}
 
#navText li a
{
	font-family: verdana, geneva, sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #999;
	text-decoration: none;	
}

#navText li a:hover
{
	color: #333;
	text-decoration: none;
}

/*---------------------------TAB NAV STYLES*/

#navTabs
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 340px;
}

#navTabs li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;	
	
}

#navTabs a
{
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/: 20px; /* for IE5/Win only*/
}

#navTabs a:hover
{
	background-position: 0 -20px;
}

#navTabs a:active, #navTabs a.selected
{
	background-position: 0 -40px;
}

#tabOurWork a
{
	width: 77px;
	background: url(../images/menu_ourWork.gif) top left no-repeat;
}

#tabOurProcess a
{
	width: 92px;
	background: url(../images/menu_ourProcess.gif) top left no-repeat;
}

#tabOurOffice a
{
	width: 70px;
	background: url(../images/menu_ourOffice.gif) no-repeat left top;
}

/*---------------------------CONTENT STYLES*/

#contentContainer
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 680px;
}

/*---------------------------contentRowThreeColumnRollover STYLES*/

.contentRowThreeColumnRollover
{
	position: relative;
	margin: 0 0 5px 0;
	padding-top: 10px;
	width: 680px;
	height: 180px;
	border-top: 1px solid #CCC;
    _margin-bottom: -15px;
}

.contentRowThreeColumnRollover a, a:hover, a:active, a:visited
{
	text-decoration: none;
}

.contentRowThreeColumnRollover dl
{
	color: #666;
	padding: 0px 0 0 0;
	margin: 0 0 0 0;
}

.contentRowThreeColumnRollover dt
{
	margin: 0px 0 0 0;
	background-image: url(../images/all_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px .4em;
	padding: 0 0 4px 15px;
}

.contentRowThreeColumnRollover dd
{
	padding: 0;
	margin: 0;
}

.contentRowThreeColumnRollover dd.indent
{
	padding-left: 0;
	margin-left: 3px;
}

.threeColumnRollover_ColumnOne, .threeColumnRollover_ColumnTwo
{
	float: left;
	margin-right: 10px;
	width: 220px;
	height: 175px;
	display: inline;
}

.threeColumnRollover_TwoColSpan
{
	float: left;
	margin-right: 10px;
	width: 450px;
	height: 175px;
	display: inline;
}

.threeColumnRollover_TwoColSpan:hover {
	
	background-color:#EEE;
}



.threeColumnRollover_TwoColSpan dl {
	
	float:left;
	margin-right:10px;
	width: 220px;
}

.threeColumnRollover_ColumnThree
{
	float: left;
	width: 220px;
	height: 175px;
	float: right;
	clear:right;
}

.threeColumnRollover_ColumnOne:hover, .threeColumnRollover_ColumnTwo:hover, .threeColumnRollover_ColumnThree:hover
{
	background-color: #EEE;
}


.threeColumnRollover_TwoColSpan #homeAbstract
{
    float: left; 
    margin-top: 15px;
    width: 210px;
}




/*---------------------------contentRowThreeColumnText STYLES*/

.contentRowThreeColumnText
{
	position: relative;
	margin: 0 0 0 0;
	padding-top: 10px;
	width: 680px;
	border-top: 1px solid #CCC;

}

.contentRowThreeColumnText a, .contentRowThreeColumnText a:visited
{
	color: #666;
	text-decoration: none;
}

.contentRowThreeColumnText a:hover, .contentRowThreeColumnText a:active
{
	color: #333;
	text-decoration: none;
}

.contentRowThreeColumnText a.arrowLink
{
	color: #666;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_OFF.gif);
	background-repeat: no-repeat;
	background-position: 0px .3em;
	padding: 0 0 4px 11px;
}

.contentRowThreeColumnText a.arrowLink:hover, .contentRowThreeColumnText a.arrowLink:active
{
	color: #333;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_ON.gif);
	background-repeat: no-repeat;
	background-position: 0px .3em;
	padding: 0 0 4px 11px;
}

.contentRowThreeColumnText a.arrowLink:visited
{
	color: #333;
	text-decoration: none;
}

.contentRowThreeColumnText ul
{
	
	color: #666;
	padding: 0px 0 0 0;
	margin: 0 0 15px 0;
	list-style-type: none;
}

.contentRowThreeColumnText dl
{
	color: #666;
	padding: 0px 0 0 0;
	margin: 0 0 15px 0;
	list-style-type: none;
}

.contentRowThreeColumnText dt
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.contentRowThreeColumnText dd
{
	padding: 0;
	margin: 0;
}

.RowThreeColumnText_ColumnOne
{
	float: left;
	margin: 0 10px 0 0px;
	width: 220px;
}

.RowThreeColumnText_ColumnTwo
{
	float: left;
	width: 220px;
}

.RowThreeColumnText_ColumnThree
{
	float: right;
	width: 220px;

}

/*---------------------------contentRowTwoColumn STYLES*/

.contentRowTwoColumn
{
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	width: 680px;
	border-top: 1px solid #fff;
	
}

.contentRowTwoColumnAlt
{
	position: relative;
	margin: 0 0 0 0;
	padding: 16px 0 10px 0;
	width: 680px;
	border-top: 1px solid #ccc;
	
}


.thumbGroup
{
	
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	width:100%;	
	
}

.thumbGroup a img
{
	margin: 0 6px 10px 0;
	width:105px;
	height:70px;
	
}

.case-study .thumbGroup a img
{
	margin: 0 10px 10px 0;
	width:105px;
	height:70px;
	
}

.case-study .thumbGroup a img.last
{
margin-right: 0;
}

.last
{
	border-width: 0;    
}

.rtl
{
	line-height:16px;
	margin-top: 13px;	
}

.contentRowTwoColumn a
{
	color: #666;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_OFF.gif);
	background-repeat: no-repeat;
	background-position: 0px .3em;
	padding: 0 0 4px 11px;
}

.case-study .contentRowTwoColumn .twoColLeft a, .sign-up .contentRowTwoColumn .twoColLeft a
{
	color: #666;
	text-decoration: none;
	background-image: none;
	padding: 0;
}



.contentRowTwoColumn a:hover, .contentRowTwoColumn a:active
{
	color: #333;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_ON.gif);
	background-repeat: no-repeat;
	background-position: 0px .3em;
	padding: 0 0 4px 11px;
}

.contentRowTwoColumn a:visited
{
	color: #666;
	text-decoration: none;
}

.twoColLeft
{
	
	width:210px;
	float:left;
	margin-top: -10px; /*all*/
	*margin-top: 0; /*IE6 and IE7*/	
	
}

.case-study .twoColLeft, .sign-up .twoColLeft
{
	
	width:450px;
	float:left;
	width:450px;
	float:left;
	margin-top: 10px; /*all*/
	*margin-top: 0; /*IE6 and IE7*/
	
}

/* this next rule tries to compensate for image top alignment that never seems to
properly agree with text alignment when there are side by side columns
and one side has text and the other images...so pull up the top of paragraphs
a little to make them align with images in the next column. We also, need to
bump up the bottom margin in case we have one paragraph following another, cause the
margin top setting will override our normal p tag bottom margin*/

.twoColLeft p
{
	margin: -4px 0 14px 0;
}

.twoColRight
{
	
	width:450px;
	float:left;
	margin:0 0 0 20px;
	margin-top: -10px; /*all*/
	*margin-top: 0; /*IE6 and IE7*/	
}

.case-study .twoColRight p, .case-study .twoColRight p, .sign-up .twoColRight p, .sign-up .twoColRight p
{
	margin: -4px 0 14px 0;
}

.case-study .twoColRight, .sign-up .twoColRight
{
	
	width:210px;
	float:left;
	margin:0 0 0 20px;
	margin-top: 10px; /*all*/
	*margin-top: 0; /*IE6 and IE7*/	
}


.office .twoColLeft
{
	margin-top: 0px;
}

.office .twoColRight
{
	margin: 0 0 0 12px;
	margin:0 0 0 20px;
	
}




.twoColRight img,.thumbGroup img
{
	
	margin: 0 7px 11px 0;

	
}

.office .twoColRight img
{
	
	margin:0px 6px 8px 0;
	
	
}


.twoColRight img.last, .office .twoColRight img.last, .thumbGroup img.last
{
	
	margin-right:0;

	
}

.twoColRight .thumbGroup a,.twoColRight .thumbGroup a:hover, .twoColRight .thumbGroup a:active
{
	
	background-image:none;
	padding:0;

	
}

.twoColumnLeft
{
	float: left;
	margin-right: 10px;
	padding: 0px;
	height: 165px;
	display: inline;
}

.twoColumnLeftHome img
{
	float: right;
	display: block;
}

.twoColumnRight
{
	float: right;
	padding: 0;
	margin: 0;
	width: 220px;
	
}

/*---------------------------contentRowTwoColumnImage STYLES*/

.contentRowTwoColumnImage
{
	position: relative;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	width: 680px;
	height: 165px;
	border-top: 1px solid #CCC;
	
}



.contentRowTwoColumnImage a, .twoColLeft a
{
	color: #666;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_OFF.gif);
	background-repeat: no-repeat;
	background-position: 2px .3em;
	padding: 0 0 4px 12px;
}

.contentRowTwoColumnImage a:hover, .contentRowTwoColumnImage a:active, .twoColLeft a:hover
{
	color: #333;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_ON.gif);
	background-repeat: no-repeat;
	background-position: 2px .3em;
	padding: 0 0 4px 12px;
}

.contentRowTwoColumnImage a:visited
{
	color: #666;
	text-decoration: none;
}

.contentRowTwoColumnImage img
{
	float: right;
	display: block;
	margin-left: 10px;
}

.twoColRight a
{
	color: #666;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_OFF.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding: 0 0 4px 11px;
}

.twoColRight a:hover
{
	color: #000;
}

/*---------------------------contentRowOneColumn STYLES*/

.contentRowOneColumn
{
    position: relative;
    margin: 0 0 0 0;
    padding-top: 10px;
    width: 680px;
	border-top: 1px solid #CCC;
	
}

/*---------------------------contentHomeFeatured STYLES*/

.contentHomeFeatured
{
	float: left;
	margin: 10px 0 0 0;
	width: 680px;
	padding: 0px;
	display: inline;
	background-color: #cdc0a2;
}

.contentHomeFeatured p
{
	padding: 0 0 0 4px;
	width: 444px;
	
}

.contentHomeFeatured h1
{
	padding: 4px 0px 0 4px;
}
.contentHomeFeatured img
{
	margin-left: 4px;
	float: right;
	display: block;
}

.contentHomeFeatured a
{
	color: #666;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_OFF.gif);
	background-repeat: no-repeat;
	background-position: 4px .3em;
	padding: 0 0 4px 15px;
}

.contentHomeFeatured a:hover, .contentHomeFeatured a:active
{
	color: #333;
	text-decoration: none;
	background-image: url(../images/all_arrowNoSpace_ON.gif);
	background-repeat: no-repeat;
	background-position: 4px .3em;
	padding: 0 0 4px 15px;
}

.contentHomeFeatured a:visited
{
	color: #666;
	text-decoration: none;
}

/*---------------------------FOOTER STYLES*/

#footerContainer
{
    position: relative;
	margin: 60px 0 0 0;
	padding: 0 0 25px 0;
	width: 680px;
	border-top: 1px solid #CCC;
	font-size: 10px;
	color: #666;
}

#footerLeft
{
    position: absolute;
	left: 0px;
	top: 3px;
    margin: 0;
    width: 340px;
}

#footerRight
{
    position: absolute;
	right: 0;
	top: 3px;
    margin: 0;
    width: 340px;
	text-align: right;
}

/*---------------------------HEADLINE STYLES*/

h1 , .contentTemp dt
{
    font-family: verdana, geneva, sans-serif;
    font-size: 11px;
    line-height: 15px;
	font-weight: bold;
    color: #666;
	margin: 0;
}

/*---------------------------UTILITY STYLES*/

.clearFloats 
{
    clear: both;
    _height: 100px;
}


.padAbove5 {padding-top: 5px;}
.padAbove10 {padding-top: 10px;}
.padAbove15 {padding-top: 15px;}
.padAbove20 {padding-top: 20px;}
.padAbove45 {padding-top: 45px;}
.padBelow5 {padding-bottom: 5px;}
.padBelow10 {padding-bottom: 10px;}
.padBelow15 {padding-bottom: 15px;}
.padBelow20 {padding-bottom: 20px;}

.margAbove5 {margin-top: 5px;}
.margAbove10 {margin-top: 10px;}
.margAbove15 {margin-top: 15px;}
.margAbove20 {margin-top: 20px;}
.margBelow5 {margin-bottom: 5px;}
.margBelow10 {margin-bottom: 10px;}
.margBelow15 {margin-bottom: 15px;}
.margBelow20 {margin-bottom: 20px;}

.noRule {border: none;}

.topRow
{
    padding-top: 0px;
	margin-top: 0px;
	border-top: none;
	height: 155px;
	
}



.noRuleNoSpace
{
    padding-top: 0;
	border-top: none;
}

.ruleTop
{
	border-top: 1px solid #CCC;
}




.fontNormal
{
	text-transform: none;
	font-weight: normal;
}



/*---------------------------TEMP STYLES*/

.contentTemp
{
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	width: 680px;
	background-color: #fff;	
	position: relative;
	margin: 10px 0 0 0;
	border-top: 1px solid #CCC;
	
}

h4
{
	
	font-size: 11px;
	padding: 0;
	
}

.contentTemp dl	{
	
	display:block;
	float:left;
	width:220px;
	margin:10px 10px 10px 0;
	padding:0;
}

.contentTemp dl.last	{
	
	display:block;
	float:left;
	width:220px;
	margin:10px 0px 8px 0;
	padding:0;
}

.contentTemp dl	dd {
	
	margin:0 0 5px 0;
	padding:0;
	
}


#errorMessaging
{
    color: #900;
}


#logoGoWhite
{
    margin-left: 20px;
}

#getConnected
{
    background-color:#666; 
    color: #fff; 
    padding: 3px 6px 0 6px; 
    height: 144px;
}

.getConnected { position /*\**/: relative\9 }
.getConnected p { position /*\**/: absolute\9 }

#getConnected a
{
    color: #fff;        
}





/*--------[IMG in TINYMCE]----------------------*/
.imgLeft
{
    float: left;
    margin: 5px 10px 2px 0;
}

.imgRight
{
    float: right;
    margin: 5px 0 2px 15px;
}

.imgFull
{
    display: block;
    margin-bottom: 17px;
}