html, body, form, div, img, h1, h2, h3, p {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin: 0;
}

html, body  {
	height: 100%; 
}

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:18px;
	color:#333;
	background-color:#F15A24;
}

#topbg {
	background: #fff url(../../images/gdusa.png) no-repeat fixed 0% 100px;
}


a {
	outline-style:none;
	outline-width:0;
	outline:none;
}

a:link {color: #F7931E; text-decoration: none; padding:0 1px; }
a:visited {color: #F7931E; text-decoration: none; padding:0 1px; }
a:hover, a:active {color: #F7931E; text-decoration:none; border:1px #333 dotted; padding:0 0px; }

a.nolink, .nolink a, .nolink a:link, .nolink a:visited, .nolink a:hover, .nolink a:active {
border: none !important;
padding:0;
}


h1 {
	font-size:50px;
	font-weight:400;
}


#container {
	width:960px; 
	position:relative; 
	margin:0 auto;
	background-color:#f2f2f2;
}

#header {
	width:100%; 
	height:150px;  
	position:relative;
	background:#f2f2f2 url('../../images/header.gif') no-repeat left top;
}

#logo {
	position:absolute; width:390px; height:130px; top:20px; left:19px; z-index:1;
}


#content {
	width:100%;
	min-height:450px;
	position:relative;
}

.contentpad {
	padding:20px;
}

.pad {
	padding:8px;
	padding-left:0;
}

#footer {
	width:480px; 
	height:55px; 
	position:relative;
	margin:5px auto 0 auto;
	padding-left:480px;
}

#footer a {
	color:#FFC40C;
	border:0;
	padding:0;
}

#footer a:hover { border-bottom:1px #fff dotted; }

#footer .font_nbook { color:#FFC40C; font-size:18px; float:left; padding-top:15px; }

#footer .footer_buttons { width:112px; height:50px; background:transparent url('../../images/footer_buttons.gif') no-repeat scroll left top; float:left; position:relative; }

#footer .footer_buttons a { width:21px; height:32px; position:absolute; display:block; font-size:0px; }
#footer .footer_buttons a.one { left:2px; top:16px }
#footer .footer_buttons a.two { left:32px; top:16px }
#footer .footer_buttons a.three { left:63px; top:16px }
#footer .footer_buttons a.four { left:91px; top:16px }

#footer .Logos { background-position:0 -50px; }
#footer .Design { background-position:0 -100px; }
#footer .Websites { background-position:0 -150px; }
#footer .Clients { background-position:0 -200px; }

.spritesnav {
	width: 516px;
	height: 52px;
	background: url('../../images/menu.gif') no-repeat;
	position: absolute;
	left:430px;
	margin:0;
}
.spritesnav li {
	display: inline;
}
.spritesnav li a:link, .spritesnav li a:visited, .spritesnav li div {
	position: absolute;
	top: 0;
	height: 52px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.spritesnav li div {
	z-index: 0;
}


	.spritesnav #sncapabilities a:link, .spritesnav #sncapabilities a:visited , .spritesnav #sncapabilities div{
		left: 0;
		width: 152px;
	}
	.spritesnav #sncapabilities a:hover, .spritesnav #sncapabilities a:focus, .spritesnav #sncapabilities div{
		background: url('../../images/menu.gif') no-repeat left -53px;
	}
	.spritesnav #sncapabilities a:active, .spritesnav #sncapabilities div.click {
		background: url('../../images/menu.gif') no-repeat left -106px;
	}
	.spritesnav #sncapabilities.active a:link, .spritesnav #sncapabilities.active a:visited {
		background: url('../../images/menu.gif') no-repeat left -159px;
		cursor: default;
	}



	.spritesnav #snabout_us a:link, .spritesnav #snabout_us a:visited , .spritesnav #snabout_us div{
		left: 152px;
		width: 128px;
	}
	.spritesnav #snabout_us a:hover, .spritesnav #snabout_us a:focus, .spritesnav #snabout_us div{
		background: url('../../images/menu.gif') no-repeat -152px -53px;
	}
	.spritesnav #snabout_us a:active, .spritesnav #snabout_us div.click {
		background: url('../../images/menu.gif') no-repeat -152px -106px;
	}
	.spritesnav #snabout_us.active a:link, .spritesnav #snabout_us.active a:visited {
		background: url('../../images/menu.gif') no-repeat -152px -159px;
		cursor: default;
	}



	.spritesnav #snportfolio a:link, .spritesnav #snportfolio a:visited , .spritesnav #snportfolio div{
		left: 280px;
		width: 120px;
	}
	.spritesnav #snportfolio a:hover, .spritesnav #snportfolio a:focus, .spritesnav #snportfolio div{
		background: url('../../images/menu.gif') no-repeat -280px -53px;
	}
	.spritesnav #snportfolio a:active, .spritesnav #snportfolio div.click {
		background: url('../../images/menu.gif') no-repeat -280px -106px;
	}
	.spritesnav #snportfolio.active a:link, .spritesnav #snportfolio.active a:visited {
		background: url('../../images/menu.gif') no-repeat -280px -159px;
		cursor: default;
	}



	.spritesnav #sncontact a:link, .spritesnav #sncontact a:visited , .spritesnav #sncontact div{
		left: 400px;
		width: 116px;
	}
	.spritesnav #sncontact a:hover, .spritesnav #sncontact a:focus, .spritesnav #sncontact div{
		background: url('../../images/menu.gif') no-repeat -400px -53px;
	}
	.spritesnav #sncontact a:active, .spritesnav #sncontact div.click {
		background: url('../../images/menu.gif') no-repeat -400px -106px;
	}
	.spritesnav #sncontact.active a:link, .spritesnav #sncontact.active a:visited {
		background: url('../../images/menu.gif') no-repeat -400px -159px;
		cursor: default;
	}
	
	
	
/*Front Page Start*/	

.slideshow {
	width:100%; height:300px; background-color:#F6921E; overflow:hidden;
}

.slideshow img {
	margin:20px
}
	
#recent_work {
	width:100%;
	font-size:11px;
	margin-left:10px
}

#recent_work #row1 {
	height:140px;
}

#recent_work td {
	padding-right:18px;
}

#faces, #faces a { height:100px; }

#faces .rollover1 a { display:block; width:134px; background-image:url('../../images/home/faces.gif'); background-position:8px -100px;}
#faces .rollover1 a:hover { background-image:url('../../images/home/faces.gif'); background-position:8px top }

#faces .rollover2 a { display:block; width:139px; background-image:url('../../images/home/faces.gif'); background-position:-142px -100px}
#faces .rollover2 a:hover { background-image:url('../../images/home/faces.gif'); background-position:-142px top  }

#faces .rollover3 a { display:block; width:144px; background-image:url('../../images/home/faces.gif'); background-position:-281px -100px}
#faces .rollover3 a:hover { background-image:url('../../images/home/faces.gif'); background-position:-281px top }

#faces .rollover4 a { display:block; width:127px; background-image:url('../../images/home/faces.gif'); background-position:-425px -100px}
#faces .rollover4 a:hover { background-image:url('../../images/home/faces.gif'); background-position:-425px top }

#faces div { float:left; }


#frontarrow {
	width:100%; height:250px; background-image:url('../../images/home/front_arrow.gif'); background-repeat:no-repeat;
}

#bottomarea {
	border-top:2px #CCC dotted; position:relative;
}

#bottomarea .right {
	width:560px; 
	position:relative; 
	top:0; 
	left:360px; 
	background-color:#fff
}

#bottomarea p.title {
	font-size:24px;
}

#bottomarea .right .pad {
	padding:8px;
	padding-bottom:20px;
	
}

#bottomarea .news {
	width:360px; position:absolute; top:0; left:0
}

#bottomarea .news .date {
	font-size:14px; padding-top:8px; color:#999999;
}


#bottomarea .news .topic {
	font-size:14px;
}

#bottomarea .news .desc {
	padding-top:8px
}

#bottomarea .news .comingsoon {
	font-size:14px; padding-top:8px; color:#999999;
}


#bottomarea #email_signup {
	width:352px; height:157px; position:absolute; bottom:0; left:0;
}

#bottomarea #email_signup form div {
	width:352px; height:40px; background-image:url('../../images/home/searchbar.gif'); margin-top:8px;
}

#bottomarea #email_signup form div input.email {
	height:30px; width:236px; margin:5px; border:0; font-size:20px; color:#F7931E
}

#bottomarea #email_signup form div input.submit {
	border:0; border-style: none; border-color: inherit; border-width: 0; background-color:transparent; cursor:pointer; width:100px; height:40px
}

/*Front Page End*/
/*Capabilities Start*/

#capabilities {
	width:230px; 
	margin:20px; 
	background:#f6921e url('../../images/capabilities/tail.gif') no-repeat scroll left bottom; 
	text-align:center; 
	padding:8px 0 85px 0;
	position:absolute;
	left:20px;
	top:70px;
}

#capabilities a{
	color:#FFF
}

#capabilities .black a{
	color:#333;
	border-top:none;
	border-left:none;
	border-right:none;
}

#capa_content {
	width:630px; margin:20px 0 0 290px
}

#capa_content span.title {
	font-size:20px;
	font-weight:bold;
}

#capa_content a {
	color:#CCC;
}

.highlight {color:#F7931E; border:1px #ccc dotted; font-weight:bold; background-color:#FFF; padding:0 1px}

/*Capabilities End*/

/*Portfolio Start*/

.see_more_here { width:250px; height:136px; position:absolute; top:-90px; right:28px; z-index:0; }
.see_more_here .bg { width:100%; height:136px; position:absolute; left:0; top:0; background:transparent url('../../images/portfolio/see_more_here.gif') no-repeat scroll -1000px top; }
#content .Logos { background-position:0 -136px; }
#content .Design { background-position:0 -272px; }
#content .Websites { background-position:0 -408px; }
#content .Clients { background-position:0 -544px; }


.portfolio_buttons { width:120px; height:37px; position:relative; margin-left:28px; }

.portfolio_buttons a, .portfolio_buttons img { width:30px; height:37px; float:left; display:block; background-repeat:no-repeat; }

.portfolio_buttons a.one { background-image:url('../../images/portfolio/buttons.gif'); background-position:0 0; }
.portfolio_buttons a.one:hover { background-position:-120px 0; }
.portfolio_buttons a.two { background-image:url('../../images/portfolio/buttons.gif'); background-position:-30px 0; }
.portfolio_buttons a.two:hover { background-position:-150px 0; }
.portfolio_buttons a.three { background-image:url('../../images/portfolio/buttons.gif'); background-position:-60px 0; }
.portfolio_buttons a.three:hover { background-position:-180px 0; }
.portfolio_buttons a.four { background-image:url('../../images/portfolio/buttons.gif'); background-position:-90px 0; }
.portfolio_buttons a.four:hover { background-position:-210px 0; }



h1.portfolio img {
	padding:0 2px 8px 2px;
}

h1.portfolio span {
	font-size:26px
}

.port_featured {
width:100%; 
border-bottom:2px #CCC dotted; 
position:relative;
min-height:250px
}

.portwhite {
	background-color:#FFF;
}

.port_featured div {
	padding:8px 0 8px 400px;
}

.port_featured img.bg {
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}

.port_featured p {
	z-index:1;
	position:relative;
}

.port_featured p.title {
	font-size:32px
}

.port_featured p.subtitle {
	font-size:19px;
	padding-top:8px;
	line-height:22px
}

.port_featured p.normal {
	padding-top:8px;
}

.port_featured p.tellmemore {
	text-align:right;
}

.port_featured p.tellmemore img {
	margin-right:8px;
	margin-top:8px;
	width:116px;
	height:28px;
}

h1.portfolio_sub {
	padding:30px 0 0 20px;
	position:relative;
	z-index:10;
}



.portfolios_thumbs {
	margin-left:176px;
	height:248px;
	position:relative;
	z-index:10;
}

.portfolios_viewer #infodivbg {
	width:228px; height:409px; background:#f6921e url('../../images/portfolio/websites/tail.gif') no-repeat scroll right bottom; position:absolute; right:0; top:0;
}

.portfolios_thumbs div, .portfolios_thumbs img {
	width:100px;
	height:100px;
	float:left; 
	display:block;
	background-color:#FFF;
	cursor: pointer;
}

.portfolios_thumbs div {
	padding:0;
	margin-left:20px;
	margin-bottom:20px;
}

.portfolios_thumbs div:hover {
	padding:0;
}

div#website_thumbs div { border:2px #333 solid; }
div#website_thumbs div:hover { border:2px #F7931E solid; }
div#logo_thumbs div { border:2px #333 solid; }
div#logo_thumbs div:hover { border:2px #F7931E solid; }


.portfolios_viewer {
	width:100%; height:410px; position:relative;
}

.portfolios_viewer .infodiv {
	width:100%;
	height:500px;
	position:absolute;
	display:none
}

.portfolios_viewer .display {
	width:692px; float:left; min-height:350px; text-align:right
}

.portfolios_viewer .display img {
	margin-right:20px;
	z-index:0;
}

.portfolios_viewer .info {
	width:228px; height:350px; color:#FFF; float:left; overflow:hidden; padding-bottom:60px
}

.portfolios_viewer .info a { color: #000 }


.portfolios_viewer .info div {
	padding:20px
}

.portfolios_viewer .info p.font_nbold {
	text-align:center; font-size:20px; padding-bottom:8px
}

.portfolios_viewer .info p.normal {
	font-size:13px;
}


.portfolios_viewer .hover {
	z-index:10;
}

#portfolio_commas {
	background-repeat:no-repeat;
	background-position:left top; 
	position:absolute; 
	width:230px; 
	height:384px; 
	z-index:1;
}

/*Portfolio  End*/
/*Websites Start*/






/*Websites  End*/

/*Design Start*/


h1.portfolio_sub span.white {
	color:#fff;
}




/*Design  End*/


/*Clients Start*/
#clients {
	position:relative; width:100%; height:1400px
}
#clients .list {
	width:250px; position:absolute; right:65px; top:40px;
}

#clients .fitme {
	width:250px;
}



/*Clients End*/



/*Contact Start */

#contact {
	width:100%; 
	height:600px; 
	background:transparent url('../../images/contact/contact_bg.gif') no-repeat scroll left top
}

#contact .contact_form {
	width: 606px; color:#333;
}

#contact .contact_form td.one { height:60px }
#contact .contact_form td.two { height:62px }
#contact .contact_form td.three { height:30px }
#contact .contact_form td.four { height:140px }
#contact .contact_form td.five { height:100px }

#contact .contact_form input.text_field {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	border-bottom:3px #333 dotted;
	margin-bottom:8px;
	width:476px; 
	height:27px; 
	background-color:#f4f4f4; 
	color:#F7931E; 
	font-size:22px;
}

#contact .contact_form input.submit {
	border-style: none; border-color: inherit; border-width: 0; background-color:transparent; width:119px; height:40px; margin:42px 0 0 410px
}

#contact .contact_form p {
	padding:0 0 4px 26px;
	font-size:24px;
}

#contact .contact_form textarea {
	width:518px; height:108px; margin:8px 36px; border:0; font-size:16px; padding:8px; font-family:Arial, Helvetica, sans-serif
}



/*Contact End */