/*
Washington Graphic Services
Main style sheet

Author: Jeremy Taylor
URI: www.washingtongraphicservices.com
Version: 1.0
*/



body {background-color: #231f20; background-repeat: no-repeat; font-size:14px;}
#bodytext {font-family:Helvetica, Arial, sans-serif; font-size:15px; color:#FFF; position:absolute; top:380px; left:680px; width:323px;	height: 179px; line-height:25pt; z-index: 10;}
.bodyhome{background-color:#000000;}
body#about{background:url(../images/WGSWebsiteHPAbout.jpg) 0 0 no-repeat; background-color:#231f20; position: absolute; top: 100px; left: 50px;}

.flashbackground{z-index:-1000;	position:absolute; left:0px; top:0px; width: 100%; height: 1100; background-color: #000;}

#cellphone{position:absolute; left:320px; top:460px; z-index: 1;}

a{font-size:14px; color:#FFF;	text-decoration:none;}
a:hover {font-size:14px; color:#acd6f2;	text-decoration:none;}

a#current{color:#acd6f2;}


#oldmenu li {font-size:12px; line-height:15px;}
#oldmenu {font-family:Helvetica, Arial, sans-serif;	font-size:14px;	position:absolute; top:316px; left:267px; width: 750px; letter-spacing:3px;}

#partnersites {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#acd6f2;
	position:absolute;
	top:1050px;
	left:30px;
	height:13px;
}
#partnersites a{color:#ffffff;}
#partnersites a:hover{color:#acd6f2;}

#logos {position:absolute;top:120px;left:52px;}
#logos2 {position:absolute;	top:88px; left:680px;}

#people {position:absolute; top:370px; left:-7px;}

/*add keyword class combining common properties of #keyword, keyword2*/

.keywords {position:absolute; color: #467090; font-family: arial,helvetica,sans-serif; font-size: 13px; text-align: left; left:30px;}
	.keywords a{color:#467090; font-size:12px;}
	.keywords a:hover{color:#c0c0ff;}
#keywordtop{top:40px;}
#keywordbottom{
	top:940px;
}

#mainnav{position:absolute; left:360px; top:308px;}
#mainnav a{font-family:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:.08em; text-transform:lowercase;}
#mainnav .samplesmenu{width:174px; padding:5px 0 8px 8px; z-index:999;}
#mainnav .samplesmenu a{font-size:15px; padding:5px 0 0 5px;}
#mainnav .samplesmenu a:hover{color:#acd6f2;}


#mainnavtwo{position:absolute; left:275px; top:60px;}
	#mainnavtwo a{font-family:Arial, Helvetica, sans-serif; display:block; font-size:20px; letter-spacing:.08em; text-transform:lowercase; padding:0 6px;}
	#mainnavtwo .samplesmenu{top:28px; width:174px; padding:5px 0 8px 8px; z-index:999;}
	#mainnavtwo .samplesmenu a{font-size:15px; padding:5px 0 0 5px;}
	#mainnavtwo .samplesmenu a:hover{color:#acd6f2;}


/*ACTUALLY FUNCTIONAL DROPDOWN MENU*/
.dropmenuwrap{position:absolute;left:370px;top: 320px;	width:auto; height:auto; z-index:9999;}
.dropmenuwrap_about{position:absolute; left:350px; top:70px; width:800px;}
	#dropmenu{margin:0; padding:0;}
	#dropmenu li{float:left; list-style:none; border-right: 1px solid #666;}
	#dropmenu li a{display:block; padding:0px 12px; font:20px Arial, Helvetica, sans-serif; text-decoration: none; width:auto; color: #ffffff; white-space: nowrap; text-transform:lowercase;}
	#dropmenu li a:hover{color:#acd6f2;}
	#dropmenu li a#current{color:#acd6f2;}	
	#dropmenu li ul	{margin: 0;	padding: 0;	position: absolute;	visibility: hidden;}
	#dropmenu li ul li {float: none; display: inline; padding:0 0; margin:0 0; border:none;}
	#dropmenu li ul li a{width:auto; background:#666; font-size:17px; border:0 0 1px 0; padding:5px 28px 5px 15px; border-bottom:1px solid #303030;}
	#dropmenu li ul li a:hover{background:#333;}
	#dropmenu .last{border:none;}
	#dropmenu li ul li last{border:none;}

#phonenumbers{position: absolute; font-family:Helvetica, Arial, sans-serif; color:#acd6f2; top:845px; left:30px; width:700px;}
#phonenumbers_about{position: absolute; font-family:Helvetica, Arial, sans-serif; color:#acd6f2; top:845px; left:30px; width:700px;}
h3.phone{}
h3.phone span{padding:0 22px 0 2px; color:#fff;}


#boxright {font-family:Helvetica, Arial, sans-serif; font-size:14px; position:absolute; top:180px; left:420px; color: #FFFFFF; line-height:16px; z-index: -5; width: 530px; text-align:left;}
	#boxright h2 {color:#fff; font-size:14px;}
	#boxright h3 {color: #acd6f2; font-size:14px; line-height:1em; padding-top:10px;}
	#boxright p {color: #fff;}
	#boxleft h3 {color: #acd6f2;}
	#boxleft {font-family:Helvetica, Arial, sans-serif; font-size:16px; color:#fff;	position:absolute; line-height:30px; top:181px; left:8px; width: 315px; height: 300;}

#sitemap {line-height:15px;	z-index: 0;	background-image: url(images/SiteMapPage.jpg); background-repeat:no-repeat; font-size:14px;	padding:15px;}
	#sitemap a{color:#000; text-decoration:none;}
	#sitemap a:hover {color:#acd6f2; text-decoration:none;}

/*delete keyword, kw2 after employing above*/

#keyword {text-align:center;font-size:15px;font-family:Helvetica, Arial, sans-serif;color:#AAA;position:absolute;top:40px;left:30px;width:1000px;}
#keyword2 {text-align:center;font-size:15px;font-family:Helvetica, Arial, sans-serif;color:#AAA;position:absolute;top:804px;left:30px;width:1001px;}


#contactinfo {font-family:Helvetica, Arial, sans-serif;	font-size:15px;	color: #acd6f2;	position:absolute;	top:682px; left:680px;	width:50px;	line-height: 8pt; height: 75px; z-index: 10;}
#contactanswer {font-family:Helvetica, Arial, sans-serif; font-size:15px;	color: #fff; position:absolute; top:682px; left:740px;	width:212px; height: 76px; line-height: 8pt; text-decoration: none;	z-index: 10;}

#copyright {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#acd6f2;
	position:absolute;
	top:1000px;
	left:30px;
	width:289px;
	height:13px;
}
	#copyright_about{font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#acd6f2; position:absolute; top:880px; left:30px; width:289px;}
	#copyright_about a{color:#fff;}
	#copyright_about a:hover{color:#acd6f2;}
	
#creditcards {
	text-align: right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#acd6f2;
	position:absolute;
	top:980px;
	left:719px;
	width:244px;
	height: 13px;
}

#shelf {
	position:absolute;
	top:831px;
	left:385px;
	z-index:1;
}
#shelf1 {
	width:11px;
	position:absolute;
	top:833px;
	left:399px;
	z-index:2;
}
#shelf2 {
	width:30px;
	position:absolute;
	top:833px;
	left:462px;
	z-index:2;
}
#shelf3 {
	width:30px;
	position:absolute;
	top:833px;
	left:521px;
	z-index:2;
}
#shelf4 {
	width:30px;
	position:absolute;
	top:833px;
	left:584px;
	z-index:2;
	height: 41px;
}
smartphones {
	position:absolute;
	top:500px;
	left:500px;
}

.socialspritebox{
	width:252px;
	height:52px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:810px;
	left:686px;
}
	.socialspritebox p{font-size:10px;  color:#aaa; padding:0 0 0 6px;}
	.socialspritebox ul{padding:0; margin:0;}
	.socialspritebox li{display:block; padding:0 0; list-style:inside none; float:left;}
	.socialspritebox a{display:block; height:52px; width:63px; background:url(socialSprite.jpg) no-repeat;}
	.socialspritebox a#facebook{background-position:-63px 0;}
					a#facebook:hover{background-position:-63px -52px;}
	.socialspritebox a#twitter{background-position:0px 0px;}
					a#twitter:hover{background-position:0px -52px;}
	.socialspritebox a#linkedin{background-position:-126px 0px;}
					a#linkedin:hover{background-position:-126px -52px;}
	.socialspritebox a#blog{background-position:-189px 0px;}	
					a#blog:hover{background-position:-189px -52px;}


.wgs-callout {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	position: absolute;
	top: 810px;
	left: 30px;
	width: 600px;
	line-height: 20px;
}
	


/*CAROUSEL*/
label{display:block;}
.CarouselCaption{position:absolute; color:#aaa; left:80px; top:-63px; font-family:lucida grande, arial, sans-serif; letter-spacing:-.03em; font-size:12px;}
.CarouselCaption em{font-size:11px; letter-spacing:-.04em; font-weight:normal;}
.CarouselCaption h5{color:#fff; letter-spacing:-.06em; font-size:13px; margin-bottom:4px;}
.infiniteCarousel {width:360px; position: relative;}
.infiniteCarousel .wrapper {width:295px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height:330px; margin: 0 40px; position: absolute; top: 0;}
.infiniteCarousel ul a img {}
.infiniteCarousel .wrapper ul {width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}
.infiniteCarousel ul li {display:block; float:left; padding: 10px; height:290px; width:275px;}
.infiniteCarousel ul li a img {display:block;}
.infiniteCarousel .arrow {display: block; height:36px; width:37px; background: url(images/arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top:105px; cursor:pointer;}
.infiniteCarousel .forward {background-position: 0 0; right: 0;}
.infiniteCarousel .back {background-position: 16px -72px; left: 0;}
.infiniteCarousel .forward:hover {background-position: 0 -36px;}
.infiniteCarousel .back:hover {background-position: 16px -108px;}

/*GOOGLE +1*/
.plusone{position:absolute; top:120px; left:889px; opacity:.8;}
.plusone:hover{opacity:1;}