@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
		}
a{
	outline:none;
}

body {
	margin: 0px;
	padding: 0px;
	background-repeat:repeat-x;
	background-image: url(../images/background_02.jpg);
}

html {
	margin: 0px;
	padding: 0px;
	height:100%; /* needed for container min-height */
}

#wrapper {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height:auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	

#wrapper #logoHeader {
	background-repeat: no-repeat;
	height: 125px;
	width: 1000px;
	text-indent:-9000px;
	float: left;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/gcd_logo_header.jpg);
}

/*--------------- Titles ---------------*/

h2{
float:left;
display:inline; /* IE 6 FLOAT FIX*/
font-family:Arial,Helvetica,sans-serif;
height:64px;
margin-bottom:10px;
margin-left:120px;

/*width:400px;
*/	
}

#wrapper #homeTitle {
	position:relative;
	background-image:url(../images/digital_creative_freelance_03.jpg);
	background-repeat: no-repeat;
	height: 68px;
	width: 530px;
	float: left;
	text-indent:-9000px;
	background-position: 116px;
	margin: 0px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrapper #emailTitle {
	position:relative;
	background-image:url(../images/email_campaign.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	background-position: 116px 22px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrapper #emailLoginTitle {
	position:relative;
	background-image:url(../images/emailLoginTitle.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	background-position: 116px 22px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#wrapper #eCommerce {
	position:relative;
	background-image:url(../images/ecommerceTitle_12.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	background-position: 116px 22px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrapper #webDesign {
	position:relative;
	background-image:url(../images/web_design_title.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	background-position: 116px 22px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrapper #contact {
	position:relative;
	background-image:url(../images/web_design_title-contact.jpg);
	background-repeat: no-repeat;
	height: 21px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: 113px 0px;
}

#wrapper #portfolioTitle {
	position:relative;
	background-image:url(../images/portfolio_title.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	background-position: 116px 22px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrapper #portfolioTitleWeb {
	position:relative;
	background-image:url(../images/portfolio-web-title-344x22hpx.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	background-position: 116px 22px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrapper #portfolioTitlePrint {
	position:relative;
	background-image:url(../images/portfolio-web-print-344x22hpx.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 546px;
	float: left;
	text-indent:-9000px;
	background-position: 116px 22px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*--------------- Page Text ---------------*/	


#pageTextHome {
	position:relative;
	height: 290px;
	width: 330px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-style: normal;
	text-align: right;
	color: #898989;
	padding-right: 103px;
	padding-bottom: 23px;
	padding-top: 15px;
	font-weight: normal;
	background-image: url(../images/gcd_text_home_back_04.jpg);
	background-position: 17px;
	background-repeat: no-repeat;
	padding-left: 0px;
	margin: 0px;
	}
	
#pageTextHome p{
	width:300px;
	float:right;
}
	
#wrapper #mainContent {
	position: relative;
	float: left;
	width: 584px;
	clear: left;
	height: 291px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 23px;
	font-style: normal;
	color: #898989;
	font-weight: normal;
	margin: 0px;
	background-position: 0px 254px;
	background-image: url(../images/banner_12.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#wrapper #mainContentContact {
	
	clear:left;
	color:#898989;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	height:316px;
	line-height:23px;
	margin:0;
	padding:0;
	position:relative;
	width:584px;
}

#wrapper #mainContentPortfolioEntryPage {
	position: relative;
	float: left;
	width: 584px;
	clear: left;
	height: 291px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 23px;
	font-style: normal;
	color: #898989;
	font-weight: normal;
	margin: 0px;
	background-position: 0px 254px;
	background-image: url(../images/banner_12.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#wrapper #mainContent p {
	padding-left: 115px;
	padding-top: 25px;
	padding-right: 80px;
}
#pageTextEmail {
	position:relative;
	height: 417px;
	width: 416px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-style: normal;
	text-align: right;
	color: #898989;
	padding-right: 0px;
	padding-bottom: 23px;
	padding-top: 0px;
	font-weight: normal;
	background-image: url(../images/email_image_10.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	margin: 0px;
	background-position: 0px 0px;
}

#pageTextEcommerce {
	position:relative;
	height: 457px;
	width: 416px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-style: normal;
	text-align: right;
	color: #898989;
	padding-right: 0px;
	padding-bottom: 23px;
	padding-top: 0px;
	font-weight: normal;
	background-image:url(../images/ecommerce_image.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	margin: 0px;
	background-position: 0px 0px;
}

#pageTextWebDesign {
	position:relative;
	height: 457px;
	width: 416px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-style: normal;
	text-align: right;
	color: #898989;
	padding-right: 0px;
	padding-bottom: 23px;
	padding-top: 0px;
	font-weight: normal;
	background-image:url(../images/webdesign_image.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	margin: 0px;
	background-position: 0px 0px;
}

#pageTextContact {
	position:relative;
	height: 457px;
	width: 416px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-style: normal;
	text-align: right;
	color: #898989;
	padding-right: 0px;
	padding-bottom: 23px;
	padding-top: 0px;
	font-weight: normal;
	background-image:url(../images/contact-image-416wx457h.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	margin: 0px;
	background-position: 0px 0px;
}

#pageTextPortfolio {
	position:relative;
	height: 457px;
	width: 416px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-style: normal;
	text-align: right;
	color: #898989;
	padding-right: 0px;
	padding-bottom: 200px;
	padding-top: 0px;
	font-weight: normal;
	background-image:url(../images/portfolio_text_area.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	margin: 0px;
	background-position: 0px 0px;
}

#pageTextPortfolioWeb {
	background-image:url(../images/web_image_portfolio-22x774px.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	color:#898989;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	height:774px;
	line-height:23px;
	padding-left:60px;
	position:relative;
	text-align:left;
	width:356px;
}
.largerText {
	font-size: 18px;
	margin-left: 118px;
}



/*--- Main content links---*/
	
#wrapper #pageTextHome a {
	color: #7B7B7B;
	font-weight: bold;
}

#wrapper #pageTextPortfolioWeb a {
	color: #7B7B7B;
	font-weight: bold;
}

#wrapper #pageTextPortfolio a {
	color: #7B7B7B;
	font-weight: bold;
}

#wrapper #pageTextPortfolio a:hover {
	color: #333333;
	font-weight: bold;
}

#wrapper #pageTextPortfolioWeb a:hover {
	color: #333333;
	font-weight: bold;
}

#wrapper #pageTextHome a:hover {
	color: #333333;
	font-weight: bold;
}

#wrapper #mainContent a {
	color: #8c9c30;
	font-weight: bold;
	cursor: help;
}

#wrapper #mainContent a:hover {
	color: #333333;
	font-weight: bold;
}

	
#wrapper #pageTextHome h2 {
	color:#414141;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
line-height:25px;
margin:0;
padding-bottom:40px;
padding-top:0;
float:right;
}


/*--------------- Portfolio Links Entry Page ---------------*/	

#wrapper #mainContentPortfolioEntryPage #printLinkImage, #webLinkImage {
	list-style:none;

}

#wrapper #mainContentPortfolioEntryPage #printLinkImage a{
	position:relative;
	width:280px;
	height:149px;
	background-repeat: no-repeat;
	background-image:url(../images/portfolio_image_link.jpg);
	text-indent:-9000px;
	background-position:114px top;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right:20px;
	list-style:none;
}	

#wrapper #mainContentPortfolioEntryPage #webLinkImage a{
	position:relative;
	float:left;
	width:204px;
	height:149px;
	background-repeat: no-repeat;
	background-image:url(../images/portfolio_web_link.jpg);
	text-indent:-9000px;
	list-style:none;	
}	

#wrapper #mainContentPortfolioEntryPage #printLinkImage a:hover{
	background-repeat: no-repeat;
	background-position:114px bottom;
}


#wrapper #mainContentPortfolioEntryPage #webLinkImage a:hover{
	background-repeat: no-repeat;
	background-position:0px bottom;
}

#wrapper #mainContentPortfolioEntryPage #featureListPortfolioPagePrint{
	position:relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;	
	list-style-type: square;
	list-style-image: url(../images/bullet.jpg);
	font-size: 12px;
	line-height: 18px;
	padding-top:16px;
	padding-left:135px;
}

#wrapper #mainContentPortfolioEntryPage #featureListPortfolioPageWeb{
	position:relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;	
	list-style-type: square;
	list-style-image: url(../images/bullet.jpg);
	font-size: 12px;
	line-height: 18px;
	padding-top:16px;
	padding-left:145px;
}



/*------------ h2 title formatting ------------*/


#wrapper #pageTextEcommerce h2 {
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 17px;
	font-weight: bold;
	text-align: left;
	padding-left: 60px;
}


#wrapper #pageTextEmail h2 {
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 17px;
	font-weight: bold;
	text-align: left;
	padding-left: 60px;
}

#wrapper #pageTextWebDesign h2 {
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 17px;
	font-weight: bold;
	text-align: left;
	padding-left: 60px;
}

#wrapper #pageTextContact h2 {
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 17px;
	font-weight: bold;
	text-align: left;
	padding-left: 60px;
}


#wrapper #pageTextPortfolio h2 {
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 17px;
	font-weight: bold;
	text-align: left;
	padding-left: 60px;
}

#wrapper #pageTextPortfolioWeb h2 {
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 17px;
	font-weight: bold;
	text-align: left;
	float:left;
	
}


#wrapper #pageTextPortfolio p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	text-align:left;
	padding-left: 60px;
	float:left;
	width:266px;
}

#wrapper #pageTextPortfolioWeb p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	text-align:left;
		float:left;
	width:266px;
}


#wrapper #portfolioDisplay {
	position: relative;
	float: left;
	margin: 0px;
	padding-top: 20px;
	padding-left: 68px;
}
#wrapper #footer #legal{
	float: left;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
	text-transform: none;
	width: 460px;
	padding-top: 15px;

}
#wrapper #footer #legal2{
	float: left;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
	text-transform: none;
	width: 460px;
	padding-top: 15px;
	padding-bottom: 30px;
}
.legalStrong{
	font-weight:bolder;
	color:#9C0;

}
.legalWhite{
	font-weight:bolder;
	color:#CCC;
	padding-top:15px;
	margin-top:15px;
	}
	


#wrapper #mainContent #featureList {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;
	padding-left: 132px;
	padding-top: 18px;
	list-style-type: square;
	list-style-image: url(../images/bullet.jpg);
	font-size: 12px;
	line-height: 18px;
}



/* --------- Web Portfolio page Only ---------*/

#wrapper #WebThumbNailGallery {
	position: relative;
	float: right;
	width: 530px;
	clear: none;
	height: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 23px;
	font-style: normal;
	color: #898989;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/web-bg-17x685h_new-px.jpg);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
}

#wrapper #WebThumbNailGallery #printLinkImage, #webLinkImage{
	list-style:none;

}

#wrapper #WebThumbNailGallery #printLinkImage a{
	background-image:url(../images/web_image1.jpg);
	background-position:62px top;
	background-repeat:no-repeat;
	height:163px;
	list-style-type:none;
	margin:0;
	padding-bottom:0;
	position:relative;
	text-indent:-9000px;
	width:281px;
}
#wrapper #WebThumbNailGallery img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*------------ Thumb Nails------------*/






#wrapper #WebThumbNailGallery #webLinkImage a:hover{
	background-repeat: no-repeat;
	background-position:0px bottom;
	outline:none;
}

#wrapper #WebThumbNailGallery #featureListPortfolioPagePrint{
	position:relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;
	list-style-type: square;
	list-style-image: url(../images/bullet.jpg);
	font-size: 12px;
	line-height: 18px;
	padding-top:16px;
	padding-left:135px;
	margin-right: 23px;
}


#wrapper #pageTextPortfolioWeb #spacer {
	background-image:url(../images/web_image_portfolioBGplus-22x774px.jpg);
	background-position:right top;
	background-repeat:repeat-x;
	clear:both;
	float:right;
	height:780px;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:60px;
}

/* --------- Portfolio Thumbnails ---------*/
.ThumbnailLeft {
	margin-left:60px;
	margin-right:12px;
	
}	
/* --------- Form Starts ---------*/
#formWrap{
	width:420px;
	padding-top:0px;

}

.formfield{
	font-weight:bolder;
	color:#333;
	margin-top:0px;
	padding-top:5px;
	padding-left:115px;
	padding-right:200px;
}
.formfield2{
font-weight:bolder;
	color:#333;
	margin-top:0px;
	padding-top:5px;
	padding-left:115px;
	padding-right:200px;
}

input{
	margin-top:10px;
width:194px;
}


.textarea{
	width:300px;
	height:30px;
	margin-top:auto;
	margin-bottom:auto;
	border: 2px solid #ABC737;
	font-size:1.3em;
	color: #7B8E2B;
	padding-left:5px;
}
.areacaptcha{
	float:right;
padding-right:93px;
}
.textarea_small{
	width:100px;
	height:30px;
	margin-top:auto;
	margin-bottom:auto;
	border: 2px solid #ABC737;
	font-size:1em;
	color: #7B8E2B;
	padding-left:5px;
	float:left;
	margin-bottom:4px;
}

.textarea_large{
	width:300px;
	height:50px;
	margin-top:auto;
	margin-bottom:auto;
	border: 2px solid #ABC737;
	font-size:1.3em;
	color: #7B8E2B;
	padding-left:5px;
	overflow:auto;
	padding-top:2px;
}

input.textarea:focus, textarea:focus{
	background:#F0FFCF;
}

input.textarea_small:focus, textarea_small:focus{
	background:#F0FFCF;
}

/* --------- Form Ends ---------*/
.errors {
	color: #F00;
	background-color: #FFC;
	line-height: 16px;
}
#errorsSection {
	margin-left: 114px;
}

/* -- Video player starts--*/
#video-player{

	margin-bottom:100px;
	margin-left:120px;
}

#arrows{
	float:left;
	width:80px;
	height:26px;
	background-image:url(../images/vemeo-arrows.jpg);
	background-position:0 0;
	background-repeat: no-repeat;
	background-color: #58615E;
	margin-left: 60px;
	color:#FFF;
	text-align:left;
	padding-left:35px;
	display:inline; /*IE6 MARGIN HACK*/
}
#arrows .arrows_text{
	display:block;
	margin-top:2px;
}