/*********************
	GENERAL CSS
**********************/

html, body
{ 
	margin: 0px; padding: 0px; 
}

body 
{ 
	font-size: 82%; 
	font-family: Tahoma, Geneva, sans-serif; 
	text-align: center;
	color: #000;
	background: #0C273D; 
	background-image: url('images/background.jpg');
	background-position: top center;
	background-repeat: repeat-x;
}

img
{
	border: 0;
}

#mainContainer
{
	margin: 0;
	border: 0;
	padding: 0;
}

#content
{
	position: relative;
	margin: 0;
	margin-top: 180px;
	border: 0;
	padding: 0;
	width: 833px;
	height: 1252px;
	background-image: url('images/paper.jpg');
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto; 
	margin-right: auto;
}

#normalContent
{
	width: 660px;
	text-align: left;
	position: relative; 
	top: 100px;
	left: 90px !important;
	left: 0px;
}

#logo
{
	position: absolute;
	top: -150px;
	left: -9px;
	width: 387px;
	height: 82px;
	background-image: url('images/milestone_logo.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#twitter
{
	position: absolute;
	top: -110px;
	right: 10px;
}

#share
{
	position: absolute;
	top: -10px;
	right: 1px;
}

#menuTabs
{
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	top: -1px;
	left: 21px;
}

#footer
{
	font-size: 82%; 
	font-family: Verdana, Geneva, sans-serif; 
	text-align: center;	
	color: #FFF;
	padding-bottom: 30px;
}

#footerLinks
{
	font-size: 14px; 
}

.footerLink
{
	text-decoration: none;
	color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
}

/*********************
	HOMEPAGE CSS
**********************/

#clipTop
{
	position: absolute;
	top: 39px !important;
	top: 37px;
	left: 25px;
	width: 21px;
	height: 10px;
	background-image: url('images/clipTop.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#clipping
{
	position: absolute;
	top: 31px;
	left: -29.5px !important;
	left: -30px;
	width: 348px;
	height: 224px;
	background-image: url('images/card.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#contactUsClipping
{
	position: absolute;
	top: 41px;
	left: 12px;
	width: 322px;
	height: 272px;
	background-image: url('images/contactUsClipping.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#fillInDetails
{
	position: absolute;
	top: -47px;
	left: 144px;
	width: 88px;
	height: 73px;
	background-image: url('images/fillInDetails.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#label
{
	position: absolute;
	top: 260px;
	left: -76px !important;
	left: -76px;
	width: 194px;
	height: 109px;
	background-image: url('images/label.gif');
	background-position: center;
	background-repeat: no-repeat;
	cursor: hand;
	cursor: pointer;
}

#successStories
{
	position: absolute;
	top: 80px;
	left: 100px;
	width: 670px;
	height: 350px;
	text-align: left;
	line-height: 1.4;
}

#mainBlurb
{
	position: absolute;
	width: 300px;
}

#successStoryHeading
{
	position: absolute;
	left: 260px;
	width: 450px;
	height: 228px;
	text-align: left;
}

#contactUsHeading
{
	position: absolute;
	left: 250px;
	width: 450px;
	height: 228px;
	text-align: left;
}


#mipPlayer
{
	position: absolute;
	right: -14px;
	top: 6px;
	text-align: left;
	z-index: 1000;
}

#successStoryBlurb
{
	position: absolute;
	top: 350px;
	left: 0px;
	width: 680px;
}

#clientScroller
{
	position: absolute;
	left: 5px;
	margin-top: 20px;
}

#clientScrollerContactUs
{
	position: absolute;
	left: -46px;
	margin-top: 10px;
}

#newsStories
{
	position: relative;
	width: 730px;
	height: 300px;
	top: 395px;
	left: 70px !important;
	left: 10px;
	background-image: url('images/newsBar.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	text-align: left;
}

#newsStoryHeading
{
	position: absolute;
	left: 29px;
	top: 7px;
	text-align: left;
}

#addThisNews
{
	position: absolute;
	top: 265px;
	right: 20px;
}

#newsImage
{
	position: absolute;
	left: 21px;
	top: 70px;
}

#newsControls
{
	position: absolute;
	top: 280px;
	left: 28px;
}

#newsDay
{
	top: -6px;
	right: 20px;
	position: absolute;
}

#newsMonth
{
	top: 48px;
	right: 20px;
	position: absolute;
}

#newsYear
{
	top: 65px;
	right: 20px;
	position: absolute;
}

#newsBlurb
{
	width: 300px;
	top: 90px;
	right: 30px;
	line-height: 1.4;
	position: absolute;
}

#otherStuff
{
	top: 428px;
	position: relative;
	left: 60px; 
	width: 750px;
	height: 300px;

	background-image: url('images/titleBar.gif');
	background-position: top center;
	background-repeat: no-repeat;

	text-align: left;
	margin-bottom: 40px;
}

.largerFont
{
	font-size: 13px;
}

#examples1and2
{
	width: 450px;
}

#demoDiv
{
	position: absolute;
	top: 35px;
	right: 25px;
}

/* #whoWeAre */
#demos
{
	position: absolute;
	width: 750px;
	left: 41px;
}

#ourWorkBlurb
{
	width: 680px;
	margin-top: 8px;
}

#whatWeDo
{
	position: absolute;
	top: 0px;
	left: 250px; 
	width: 170px;
}

#contactUs
{
	position: absolute;
	top: 0px;
	left: 438px; 
	width: 210px;
}

#scribbleLabel
{
	position: absolute;
	right: -5px;
	top: -35px;
	background-image: url('images/scribbleLabelHome.jpg');
	width: 88px;
	height: 83px;
}

.scribbleBox
{
	background: transparent; 
	border: 0; 
	margin-top: 9px; 
	margin-left: 16px; 
	width: 180px;
}

.scribbleTextarea
{
	background: transparent; 
	border: 0; 
	margin-top: 9px; 
	margin-left: 16px; 
	width: 185px;
	height: 55px;
	overflow: hidden;
	font-size: 11px;
}

.scribbleBoxLabel
{
	font-size: 11px;
}

.scribbleSend
{
	position: absolute;
	right: 0px;
	bottom: -45px;
	cursor: pointer;
	cursor: hand;
}

/* #demos
{
	text-align: left;
	position: absolute;
	top: 1030px;
	left: 110px;
	width: 400px;
} */

#postIt
{
	position: absolute;
	left: 200px;
	top: 20px;
}

/*********************
  SUCCESS STORIES CSS
**********************/

#successClipping
{
	position: absolute;
	top: 40px;
	left: -54px !important;
	left: -55px;
	width: 348px;
	height: 224px;
	background-image: url('images/photo.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#successStoryHeading2
{
	position: absolute;
	top: -30px;
	line-height: 1.4;
	left: 210px;
	width: 450px;
	height: 160px;
	text-align: left;
	border: 0px solid green;
}

#successStoryList
{
	position: absolute;
	top: 150px;
	left: 10px;
	width: 700px;
	height: 1000px;
}

.successStory1
{
	position: relative;
	width: 550px;
	height: 300px;
	background-image: url('images/successFrame1.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.successFlash1
{
	position: absolute;
	top: 57px;
	left: 42px;
	padding-bottom: 40px;
}

.successTitle1
{
	position: absolute;
	top: -30px; 
	left: 360px;
	font-size: 18px;
	font-weight: bold;
	width: 240px;
}

.successBlurb1
{
	position: absolute;
	top: 0px;
	left: 360px;
	width: 240px;
}

#successStory2
{
	position: relative;
	width: 550px;
	height: 300px;
	background-image: url('images/successFrame2.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.successFlash2
{
	position: absolute;
	top: 53px;
	left: 42px;
	padding-bottom: 40px;
}

.successTitle2
{
	position: absolute;
	top: 18px; 
	left: 400px;
	font-size: 18px;
	font-weight: bold;
	width: 240px;
}

.successBlurb2
{
	position: absolute;
	top: 54px;
	left: 400px;
	width: 240px;
}


#successStory3
{
	position: relative;
	width: 550px;
	height: 300px;
	background-image: url('images/successFrame3.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.successFlash3
{
	position: absolute;
	top: 53px;
	left: 42px;
	padding-bottom: 40px;
}

.successTitle3
{
	position: absolute;
	top: 18px; 
	left: 400px;
	font-size: 18px;
	font-weight: bold;
	width: 240px;
}

.successBlurb3
{
	position: absolute;
	top: 54px;
	left: 400px;
	width: 240px;
}

/*********************
	WHO WE ARE CSS
**********************/

#businessCard
{
	position: relative;
	top: 40px;
	left: 12px !important;
	left: -256px;
	margin: 0;
	border: 0;
	padding: 0;
	width: 298px;
	height: 217px;
	background-image: url('images/business_card_fixed.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#whoWeAreHeading
{
	position: absolute;
	top: 110px; 
	left: 120px;
	width: 550px;
	text-align: left;
}

#whoWeAreHistory
{
	position: absolute;
	top: 330px;
	left: 120px;
	width: 630px;
	text-align: left;
}

.name
{
	margin-right: 18px;
	width: 60px;
	float: left;
	font-size: 12.5px;
	text-align: center;
}


#whoPostIt
{
	position: absolute;
	left: 200px;
	top: 175px;
}


/*********************
	WHAT WE DO CSS
**********************/

#pdaClipping
{
	position: relative;
	top: 41px;
	left: -320px;
	margin: 0;
	margin-top: 180px;
	border: 0;
	padding: 0;
	width: 325px;
	height: 218px;
	background-image: url('images/pda.jpg');
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto; 
	margin-right: auto;
}

#whatWeDoTop
{
	top: 90px;
	left: 100px;
	width: 650px;
	height: 120px;
	position: absolute;
	text-align: left;
}

#whatWeDoSocialMedia
{
	position: absolute;
	top: 290px;
	left: 80px;
	width: 712px;
	height: 60px;
	text-align: left;
	background-image: url('images/whatWeDo/whatWeDoDivider1.gif');
	background-position: center;
	background-repeat: no-repeat;
}

#whatWeDoCloudComputing
{
	position: absolute;
	top: 760px;
	left: 80px;
	width: 712px;
	height: 60px;
	text-align: left;
	background-image: url('images/whatWeDo/whatWeDoDivider1.gif');
	background-position: center;
	background-repeat: no-repeat;
}

.whatWeDoChannelTitle
{
	margin-left: 20px;
}

.whatWeDoChannelText
{
	position: absolute;
	left: 20px; 
	top: 100px;
	width: 250px;
}

.rightArrow
{
	position: absolute;
	background-image: url('images/whatWeDo/whatWeDoArrow.jpg');
	background-position: center;
	background-repeat: no-repeat;
	width: 51px;
	height: 35px;
	top: 160px;
	left: 270px;
}

.youTubeChannel
{
	position: absolute;
	top: 60px;
	right: 8px;
}

.relatedLinks
{
	position: absolute;
	top: 350px;
	left: 20px;
	width: 700px;
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	font-size: 12px;
}

#whatWeDoNext
{
	position: absolute;
	top: 1165px;
	right: 80px;
}

#whatWeDoPrevious
{
	position: absolute;
	top: 1165px;
	left: 115px;
}

/*********************
	CONTACT US CSS
**********************/

#contactUsPageHeading
{
	position: absolute;
	top: 100px;
	left: 120px;
	width: 450px;
	height: 228px;
	text-align: left;
}

#contactUsBlurb
{
	position: absolute;
	top: 140px;
	left: 120px;
	width: 600px;
	text-align: left;
}

#contactUsImage
{
	position: absolute;
	left: 100px;
	top: 210px;
	background-image: url('images/newpath.gif');
	background-repeat: no-repeat;
	width: 648px;
	height: 208px;
}

#addThisImage
{
	position: absolute;
	left: 120px;
	top: 385px;
}

#contactUs2
{
	position: absolute;
	text-align: left;
	top: 503px;
	left: 482px; 
	width: 210px;	
}

#contactUs2Blurb
{
	position: absolute;
	text-align: left;
	top: -35px;
	left: -100px;
	width: 250px;
}

#infoTitleArea
{
	position: absolute;
	text-align: left;
	top: 510px;
	left: 120px;
	width: 350px;
}

#infoArea
{
	position: absolute;
	text-align: left;
	top: 510px;
	left: 190px;
	width: 280px;
}

#contactInfoDescription
{
	position: absolute;
	text-align: left;
	top: 345px;
	left: 100px;
	width: 500px;
}

#contactPeople
{
	position: absolute;
	top: 860px;
	left: 86px;
}

#liveChat
{
	position: absolute;
	top: 450px;
	left: 442px;
	width: 118px;
	height: 84px;
	background-image: url('images/liveChat.jpg');
	background-position: center;
	background-repeat: no-repeat;
}



div.hr 
{
	height: 3px;
	width: 402px;
	background: #fff url('images/hr.jpg') no-repeat scroll center;
}

.longRule
{
	height: 8px;
	width: 661px;
	background: #fff url('images/whatWeDo/whatWeDoHorizontalRule.jpg') no-repeat scroll center;
}

.longRule hr
{
	display: none;
}

div.hr hr 
{
	display: none;
}

h1
{
	padding: 0;
	margin: 0;
	font-size: 20px; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

h2
{
	position: absolute;
	top: -10px;
	padding: 0;
	margin: 0;
	font-size: 40px; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.bigLetter
{
	position: relative;
	width: 39px;
	height: 27px;
	padding: 0;
	margin: 0;
	float: left; 
}

.bigLetter2
{
	position: relative;
	width: 30px;
	height: 27px;
	padding: 0;
	margin: 2px;
	float: left; 
}
.bigLetterWide
{
	position: relative;
	width: 45px;
	height: 27px;
	padding: 0;
	margin: 0;
	float: left; 
}

#contactFillInLabel
{
	position: absolute;
	right: -10px;
	top: -75px;
	background-image: url('images/fillInDetails2.gif');
	width: 88px;
	height: 83px;
}

#contactNewsImage
{
	position: absolute;
	left: 44px;
	top: 809px;
}

#contactNewsControls
{
	position: absolute;
	top: 1040px;
	left: 78px;
}

#clientListTable {
	
}
#clientListTable th
{
	vertical-align: bottom;
	width: 20%;
	font-size: 14px;
	font-weight: bold;
}
#clientListTable td
{
	vertical-align: top;
	width: 20%;
}





/*********************
	DEMO POPUP CSS
**********************/

#popupContent
{
	position: absolute;
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border: 0;
	padding: 0;
	width: 725px;
	height: 536px;
	background-image: url('images/popup.jpg');
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto; 
	margin-right: auto;
}

#popupTitle
{
	padding: 0;
	margin: 0;
	font-size: 19px; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position: absolute;
	text-align: left;
	top: 50px;
	left: 32px;
	width: 450px;
}

#popupBullets
{
	padding: 0;
	margin: 0;
	position: absolute;
	text-align: left;
	top: 81px;
	left: 408px;
	width: 300px;
}

#popupContactUs
{
	padding: 0;
	margin: 0;
	position: absolute;
	text-align: left;
	top: 369px;
	left: 439px;
	width: 300px;
}

#popupBlurb
{
	padding: 0;
	margin: 0;
	position: absolute;
	text-align: left;
	top: 369px;
	left: 32px;
	width: 380px;
}

#closeButton
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 10px;
	left: 692px;
	width: 25px;
	height: 25px;
	cursor: hand;
	cursor: pointer;
}

div.successButtonPrevious
{
	float: left;
	background:url(images/successPrevious.png) no-repeat !important;
	height:30px; width:147px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/successPrevious.png' ,sizingMethod='crop');
}


div.successButtonPrevious a{ display: block; width: 100%; height: 100%; }
div.successButtonNext a{ display: block; width: 100%; height: 100%; }

div.successButtonNext
{
	float: right; margin-right: 30px;
	background:url(images/successNext.png) no-repeat !important; 
	height:30px; width:147px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/successNext.png' ,sizingMethod='crop');
}