*{
    margin:0;
    padding:0;
}
body{
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size:14px;
    line-height:20px;
    color:black;;
    background:url(images/bg.jpg) ;
    height:540px;
    text-align:center;
}

img {
	border:none;
}

a{
	color:#1B5061;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:black;
}

/*   STUFF FOR THE HEADER   STUFF FOR THE HEADER   STUFF FOR THE HEADER   STUFF FOR THE HEADER   STUFF FOR THE HEADER */
/*   STUFF FOR THE HEADER   STUFF FOR THE HEADER   STUFF FOR THE HEADER   STUFF FOR THE HEADER   STUFF FOR THE HEADER */

#cloud{
	width:910px;
	height:30px;
	background:url(images/header/cloud.png) bottom center no-repeat;
	margin:0px auto;
	position:relative;
	top:0;
	z-index:1000;
	color:white;
	font-size:10px;
	line-height:15px;
	padding:20px 60px 65px;
}

#cloudleft{
	float:left;
	text-align:left;
}

#cloudright{float:right;
text-align:right;
}

#linkhome{
	display:block;
	width:265px;
	height:40px;
	margin:0px auto;
	background:url(images/header/amp3logo.png) bottom left no-repeat;
}


#linkhome:hover{
	background-position:top;
}

/*  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU */
/*  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU  STUFF FOR THE MENU */



.menucontainer{
    width:912px;
    height:140px;
    margin:-90px auto 0;
    position:relative;
    overflow:hidden;
    z-index:500;
}


#check{
	width:892px;
	display:block;
	margin:0px auto;
	height:100px;
	background:black;
		
}


ul#menu{
    list-style:none;
    position:absolute;
    bottom:0px;
    left:0px;
    font-size:36px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:#999;
    letter-spacing:-2px;
}

ul#menu li{
    float:left;
    margin:0px 10px 0px 10px;
}

ul#menu a{
    cursor:pointer;
    position:relative;
    float:left;
    bottom:30px;
    line-height:20px;
    width:210px;
    width:208px;
    height:196px;
}




.work{
    background:url(images/header/work.png) top left no-repeat;
}

.work:hover{
    background:url(images/header/work.png) top right no-repeat;
}



.services{
    background:url(images/header/services.png) top left no-repeat;
}

.services:hover{
    background:url(images/header/services.png) top right no-repeat;
}



.about{
    background:url(images/header/about.png) top left no-repeat;
}

.about:hover{
    background:url(images/header/about.png) top right no-repeat;
}



.contact{
    background:url(images/header/contact.png) top left no-repeat;
}

.contact:hover{
    background:url(images/header/contact.png) top right no-repeat;
}


/* STUFF FOR THE SLIDER STUFF FOR THE SLIDER STUFF FOR THE SLIDER STUFF FOR THE SLIDER STUFF FOR THE SLIDER */
/* STUFF FOR THE SLIDER STUFF FOR THE SLIDER STUFF FOR THE SLIDER STUFF FOR THE SLIDER STUFF FOR THE SLIDER */

.container { 
	margin-top:-05px;
	width:892px; 
	height:360px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer; 
	background:url(images/slider/sliderbg.png);
}



		.slides { position:absolute; top:10px; left:0; }
		.slides div { position:absolute; top:1px; left:1px; width:892px; display:none; }
		
	
		#loopedSlider { margin:0 auto; 	width:972px; position:relative; clear:both; }
		
		
		
		ul.pagination { list-style:none; padding:0; margin:0px 30px; }
		ul.pagination li  { float:left; }
		ul.pagination li a { 
			display:inline-block;
			width:132px;
			height:50px;
			padding:0px;
			margin:5px 10px;
		}
		ul.pagination li.active a { border:5px solid #23637A; color:white;
			margin:0px 5px; }
		
		
		.icon1 {
			background:url(images/homeclients/s1.jpg);
		}
		.icon2 {
			background:url(images/homeclients/s2.jpg);
		}
		.icon3 {
			background:url(images/homeclients/s3.jpg);
		}
		.icon4 {
			background:url(images/homeclients/s4.jpg);
		}
		.icon5 {
			background:url(images/homeclients/s5.jpg);
		}
		.icon6 {
			background:url(images/homeclients/s6.jpg);
		}
		
		
		
.previous{
	float: left;
	display:block;
	height: 360px;
	width: 40px;
	background:url(images/slider/left.png);
}
	
.previous:hover{
	background:url(images/slider/left.png) bottom;
}
	


.next{
	float: right;
	display:block;
	height: 360px;
	width: 40px;
	background:url(images/slider/right.png);
}
	
.next:hover{
	background:url(images/slider/right.png) bottom;
}


/*  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS */
/*  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS  PAGEFLIP CORNER BITS */


#pageflip {
	position: absolute;
	right: 0; top: 0;
	float: right; 
	z-index:1500;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 46px; height: 45px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(images/corner/contact.png) no-repeat right top;
}


/*    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT */
/*    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT    HOME CONTENT */

#homecontent{
	clear:both;
	width:912px;
	margin:0px auto;
	text-align:left;
}

#welcome{
	float:left;
	width:416px;
	height:268px;
	padding:20px;
	margin:0px;
	background:url(images/home/welcomebg.png) top left no-repeat;
}

#greetings{
	background:url(images/home/greetings.jpg) top left no-repeat;
	width:420px;
	height:30px;
}

#arealinks{
	width:416px;
	height:288px;
	padding:10px 20px;
	margin:0px 0px 0px 456px;
	background:url(images/home/welcomebg.png) top left no-repeat;
}

#arealinks a{
	height:60px;
	width:416px;
	margin:7px 0px 11px;
	display:block;
}

#homeweblink{
	background:url(images/home/website_design.png) top left no-repeat;
}

#homeweblink:hover{
	background-position:bottom;
}



#homelogolink{
	background:url(images/home/logo_design.png) top left no-repeat;
}

#homelogolink:hover{
	background-position:bottom;
}



#homepklink{
	background:url(images/home/press_kits.png) top left no-repeat;
}

#homepklink:hover{
	background-position:bottom;
}



#homesoclink{
	background:url(images/home/social_network.png) top left no-repeat;
}

#homesoclink:hover{
	background-position:bottom;
}


/* WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE     */
/* WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE      WORK PAGE     */

#worklist{
	clear:both;
	width:912px;
	margin:0px auto;
	text-align:left;
}

#worklist ul{
	list-style-type:none;
	text-align:left;
}

#worklist ul li{
	display:block;
	float:left;
	width:274px;
	height:124px;
	padding:13px;
	background:url(images/work/thumbbg.png) top left no-repeat;
	overflow:hidden;
	color:black;
}

#worklist ul li img{
	border:0px;
	padding:0px;
	margin:0px;
}

#worklist ul li h4{
	font-size:13px;
	line-height:13px;
	margin:0  0 0 0px;
	padding:2px 0px;
}

#worklist ul li:hover{
	background-position:bottom;
	color:white;
}

#pagetitle{
	margin:0px auto 20px;
	width:568px;
	height:25px;
	padding:19px 20px 16px;
	font-size:30px;
	color:#FFF;
	font-family:Century Gothic, Arial,  Helvetica, sans-serif;
	background:url(images/work/pagetitle.png);
	text-transform:uppercase;
}

#workabout{
	background:url(images/work/texttop.png) top center no-repeat;
	clear:both;
	margin:0px auto;
	width:568px;
	padding:20px 20px 1px;
	text-align:left;
}

#workabout p{
	margin:0px 0px 20px;
}

#workaboutb{
	background:url(images/work/textbottom.png) top center no-repeat;
	margin:0px auto;
	padding:0px;
	width:608px;
	height:20px;
}
#workpagination { list-style:none; padding:0; margin:0px 30px; }
		#workpagination li  { float:left; }
		#workpagination li a { 
			display:inline-block;
			width:56px;
			height:50px;
			padding:0px;
			margin:5px 10px;
			background-position:top left;
		}
		#workpagination li.active a {
			background-position:bottom left;
			width:56px;
			height:50px;
			border:0px;}
		
		
		.workicon{
			background-image:url(images/work/sliderthumb.png);
		}
		
		.webicon {
			background-image:url(images/slider/web.png);
		}
		
		.printicon {
			background-image:url(images/slider/print.png);
		}
		
		.logoicon {
			background-image:url(images/slider/logo.png);
		}
		
		.socialicon {
			background-image:url(images/slider/social.png);
		}
		
		.epkicon {
			background-image:url(images/slider/epk.png);
		}


/*   SERVICE PAGE      SERVICE PAGE      SERVICE PAGE      SERVICE PAGE      SERVICE PAGE   */
/*   SERVICE PAGE      SERVICE PAGE      SERVICE PAGE      SERVICE PAGE      SERVICE PAGE   */


#services{
	clear:both;
	width:920px;
	margin:0px auto;
	text-align:left;
}

#services a{
	display:inline-block;
	padding:0px;
	margin:0px;
	width:455px;
	height:135px;
	background-position:top left;
}

#services a:hover{
	background-position:bottom left;
}

#webdesign{
	background:url(images/services/web_design.png);
}

#logodesign{
	background:url(images/services/logo.png);
}

#presskits{
	background:url(images/services/press.png);
}

#social{
	background:url(images/services/social.png);
}

#process{
	background:url(images/services/creative.png);
}

#printdesign{
	background:url(images/services/print.png);
}



/*  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF */
/*  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF  CONTACT STUFF */

#themap{
	clear:both;
	width:500px;
	height:500px;
	margin:20px auto 0px;
	padding:0 0  20px;
}

#map{
	display:block;
	background:url(images/contact/map.jpg) top left no-repeat;
	height:500px;
	width:500px;
}

#map:hover{
	background:url(images/contact/map.jpg) bottom left no-repeat;
}

#form1{
	width:500px;
	margin:0px auto;
	text-align:left;
}

#dothis{
	font-size:18px;
	padding:15px 0px 2px
}

#mailing{ 
	background:#D3E0E5;
	font-size:14px;
	line-height:16px;
	border:0px;
	padding:5px;
	width:490px;
}

#message{
	background:#D3E0E5;
	font-size:14px;
	line-height:16px;
	border:0px;
	padding:5px;
	width:490px;
	height:100px;
}

#submit{
	color:#22637B;
	font-size:21px;
	font-weight:bold;
	background:white;
	border:0px;
	float:right;
	margin:5px 0px 10px;
}

#submit:hover{
	color:black;
}
	


/* FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF */
/* FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF FOOTER STUFF */

#footer{
	margin:75px auto ;
	width:100%;
	height:100px;
	clear:both;
	text-align:center;
}

#footer a{
	margin:0px 10px;
}	

#footer ul{
	border-top:#1B5061 double 4px;
	width:590px;
	margin:0px auto;
}

#footer li{
	display:inline-block;
}
