/* general styles ----------------------- */

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

body {
	background: #4995bb url(../images/page_back_2.jpg) no-repeat center top;
	text-align: center; 
	}
	
img{border:0;}
	
body, p, table, td, input, button, select, textarea
{
	font-size: 16px;
	font-family: arial, Verdana, tahoma;
	color: #034452;
}
h1, h2, h3, h4, h5{ color: #034452; }
p{ line-height: 19px; }
input, button{ color: #000; }

a:link{color: #1e7eae;}
a:visited{color: #1e7eae;}
a:active{color: #1e7eae;}
a:hover{color: #003399;}	
a[name]:hover{color: #003399;}

#container
{
	margin: 0;
	width: 950px;
	text-align: center;
    margin: 30px auto 0 auto;
    background: url(../../include/images/top.gif) no-repeat top left;
    padding-top: 20px;
}
	
#top
{
    background: url(../../include/images/bottom.gif) no-repeat bottom left;
    padding-bottom: 20px;

}

#bottom
{
	background: #fff;   
    border-bottom: 1px solid #fff;
}

#page{
	text-align: left;
}

.home-page1{    	background: url(../../include/images/main_img.gif) no-repeat top left;}
.inside-page{    	background: url(../../include/images/inside_img_center.jpg) no-repeat top left;}
.portfolio-page{    	background: url(../../include/images/inside_img_center.jpg) no-repeat top left;}
.contact-page{    	background: url(../../include/images/inside_img_center.jpg) no-repeat top left;}
.about-artease-page1{    	background: url(../../include/images/about_img.jpg) no-repeat top left;}
	

/* styles for double columns pages */

#page-columns
{
	margin: 0;
	padding: 0;
}

#page-menu-column{
	float: left;
	width: 270px;
}

#page-content-column{
	float: right;
	width: 675px;	
}

#page-content-column-full
{
	padding: 20px 40px 30px 95px;
}

#page-content-portfolio
{
	padding: 20px 40px 30px 75px;
}	
	
#page-body-content
{
	padding: 20px 40px 20px 35px;
}


/* styles for contact us page */

#page-columns-contact
{
	margin: 0;
	padding: 0 50px 0px 0;
}


#page-columns-contact #page-menu-column{
	float: right;
	width: 280px;
	padding-top: 30px;
}

#page-columns-contact #page-menu-column p
{
    margin: 0;
    padding: 10px 0 11px 0;
    border-bottom: 1px solid #ebebeb;
}
#page-columns-contact #page-menu-column p span
{
    display: block; width: 70px; float: left;
    font-weight: bold;
}

#page-columns-contact #page-content-column{
	float: left;
	width: 580px;	
}

#page-columns-contact #page-body-content
{
	padding: 20px 10px 20px 50px;
}

#page-columns-contact .page-title
{
    padding-left: 250px
}

#page-columns-portfolio
{
	margin: 0;
	padding: 0;
}

#page-columns-portfolio .page-title
{
    padding-left: 310px
}

/* header navigation styles */

#header{
	overflow: hidden;
	height: 70px;
}

.header-top
{
}

#logo
{
    margin: 10px 0 0 0;
	float: left;
}

#logo a
{
    margin-left: 55px;
}


#header-menu-nest
{
	overflow: hidden;
	width: 540px;
	float: right;
	margin:10px 0 0 0;
}

	.header-menu {
		padding: 0;
		margin: 0 40px 0 0;
		list-style: none;
		display: inline;
		float: right;
	}
	
		.header-menu li {
			margin: 0;
			padding: 0 2px;
			list-style: none;
			display: block;
			float: left;
		}
		
			.header-menu a {
				display: block;
				margin: 0;
				 /*height: 30px; CONFORMANT BROWSERS */
				text-decoration: none;
			}
				
				.header-menu a span{ 
					display: block; 
					padding: 0 13px 5px 13px;
					text-align: center;
					font-size: 18px;
					letter-spacing: -0.3;
					line-height: 24px;
				}
				
				
				
			
			.header-menu a:link, .header-menu a:visited,.header-menu a:active {  }
			.header-menu a:hover {
				background: url(../images/tab-left.gif) no-repeat left top;
			}
			
				.header-menu a:hover span{ 
					
					background: url(../images/tab-right.gif) no-repeat right top;
				}
			
			
			.header-menu .chosen:link, .header-menu .chosen:visited, .header-menu .chosen:active, .header-menu .chosen:hover 
			{  
				color: #333; 
				background: url(../images/tab-left.gif) no-repeat left top;
			}
			
				.header-menu a.chosen span{ 
					background: url(../images/tab-right.gif) no-repeat right top;
				}










/**** SIDE MENU STYLES ****************************************************************************************************/	

.menu
{
	margin: 0px 0 40px 30px;
	padding: 0 0 80px 0;
	background: url(../images/side-menu-bottom.gif) no-repeat bottom left;
}

	.menu ul{
		margin: 0;
		padding: 37px 0 0 0px;
		list-style-type: none;
		text-align: left;
		background: url(../images/side-menu-top.gif) no-repeat top left;
	}
	
		.menu ul li{
			margin: 0;
			font-size: 15px;
			text-align: right;
		}
		
		.menu ul li a:link, .menu ul li a:visited, .menu ul li a:active{
			padding: 11px 35px 14px 10px;
			display: block;
			text-decoration: none;
			background: url(../images/side-menu-off.gif) no-repeat top left;
		 }
		 
		 *html .menu ul li a { height: 17px; } /* FIX IE6 height issue for menu links */
		 
		.menu ul li a:hover{
			display: block;
			background: url(../images/side-menu-over.gif) no-repeat top left;
			color: #000;
		}
		
		.menu ul li a.chosen:link, .menu ul li a.chosen:visited, .menu ul li a.chosen:active {
			text-decoration: none;
			color: #000; font-weight: bold;
			display: block;
			background: url(../images/side-menu-on.gif) no-repeat top left;
		}
		
		




/*

.menu
{
}


	.menu-links
	{
		margin-left: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0px;
		list-style-type: none;
		text-align: right;
	}
		.menu-links li
		{
			font-size: 16px;
			margin: 0;
			border-bottom: 1px solid #ebebeb;
		}
		
		.menu-links li a:link, .menu-links li a:visited, .menu-links li a:active
		{
			padding: 10px 20px 8px 30px;
			display: block;
			height: 20px;
			text-decoration: none;
		 }
		.menu-links li a:hover
		{
			text-decoration: underline;
			padding: 10px 20px 8px 30px;
			display: block;
		}
		
		.menu-links li .chosen:link, .menu-links li .chosen:visited, .menu-links li .chosen:active {
			text-decoration: none;
			color: #999;
			padding: 10px 20px 8px 30px;
			display: block;
		}


*/


#footer
{
	height: 115px;
	clear: both;
	color: #92d3f3;
	overflow: hidden;
	font-size: 12px;
	width: 950px;
	margin: 0 auto;
}
#footer-1{ float: left; width: 300px; color: #92d3f3;  padding: 10px 0 12px 65px; text-align: left;}
#footer-2{ float: right; width: 300px; text-align: right; color: #92d3f3; padding: 10px 65px 0 0;}

#footer a:link, #footer a:visited, #footer a:active{color: #92d3f3;}
#footer a:hover { color: #fff; }

.bottom-links{ color: #92d3f3; font-size: 11px; }
.bottom-links a:link,
.bottom-links a:visited,
.bottom-links a:active{ color: #92d3f3; padding: 0 3px; }
.bottom-links a:hover{ color: #fff }


/* content styles ----------------------- */

.page-title
{
    padding: 20px 40px 45px 310px;
}
.page-title h1
{
    margin: 0;
    padding: 0;
    float: left;
    font-size: 35px;
    margin: 15px 0 0 0;
    letter-spacing: -1px;
    font-weight: normal;
	color: #fff;
}
.page-title p
{
    margin: 0;
    padding: 0;
    float: left;
    text-align: right;
	font-size: 19px;
	font-style: italic;
	padding-top: 15px;
    margin: 15px 0 0 15px;
	color: #84adc4;
}

h1
{
	font-size: 30px;
	font-weight: normal;
	margin: 5px 0px 20px 0;
}


h2
{
	font-size: 29px;
	padding: 0px;
	margin: 5px 0 17px 0;
}

h3
{
	font-size: 23px;
	font-weight: normal;
	padding: 0;
	margin: 5px 0 20px 0;
	line-height: 30px;
	color: #cc6600;
}

p
{
	margin: 5px 0 17px 0;
	padding: 0;
	line-height: 22px;
	font-size: 16px;
}

hr
{
    border: 1px dotted #ccc;
    margin: 15px 0;
}

.right-pic
{
	margin: 10px 0px 10px 10px;
}

.left-pic
{
	margin: 10px 10px 10px 0px;
}


/*** home page styles ************************************************************/


.home-top
{
    height: 230px;
}


.home-main
{
	padding: 45px 80px 90px 80px;
	text-align: center;
	background: url(../images/home-main-back.jpg) no-repeat top center;
}

	.home-main h1{
		font-size: 42px;
		margin: 0;
		padding: 0;
		font-weight: normal;
		letter-spacing: -1px;
		color: #fff;
	}
	.home-main p{
		font-size: 25px;
		margin: 25px 0 0 0;
		padding: 0;
		line-height: 28px;
		color: #fff;
	}

.home-flash
{
	padding: 2px 45px 0px 0;
	text-align: right;
}

.home-sections
{
	padding: 10px 40px 25px 50px;
}

.home-sections h2
{
	font-size: 25px;
	padding: 0px;
	margin: 5px 0 13px 0;
	letter-spacing: -.5px;
	font-weight: normal;
}

.home-section-1
{
	width: 280px;
	float: left;
}

.home-section-2
{
	width: 570px;
	float: left;
	background: url(../images/home-testimonial-back.gif) no-repeat bottom right;
	text-align: left;
}

.home-section-2 img
{
	padding: 5px; border: 1px solid #ccc; background: #fff;
}

.home-section-2 .testimonial{
	font-size: 17px;
	line-height: 23px;
	color: #666;
	width: 260px;
	float: left;
	margin: 10px 0 0 25px;
}
	.home-section-2 .testimonial strong{ display: block; font-size: 14px; margin-bottom: 25px; font-weight: normal; color: #999; }

	.home-section-2 .testimonial span{
		display: block;
		font-size: 15px;
		font-style: normal;
		margin: 2px 0 5px 0;
		color: #ccc;
	}
	
	.home-section-2 .portfolio{ 
		float: right;
		width: 235px;
		text-align: left;
	}


	.short-services-list{ list-style-type: none; margin: 0; padding: 0;}
	
		.short-services-list li{ font-size: 18px; padding: 5px 0 13px 0;}
			
			.short-services-list li a{ padding: 7px 0 0 45px; display: block; }
		
			.short-services-list .icon-website{ background: url(../images/icon-website.gif) no-repeat left; }
			.short-services-list .icon-advertising{ background: url(../images/icon-advertising.gif) no-repeat left; }
			.short-services-list .icon-ecommerce{ background: url(../images/icon-ecommerce.gif) no-repeat left; }
			.short-services-list .icon-mobile{ background: url(../images/icon-mobile.gif) no-repeat left; }



.work-with{ border-top: 1px solid #ebebeb; margin: 0 0; text-align: center; }



.services-table{ width: 560px; border: 0; }

	.services-table td{ padding: 0 10px 0 0; }


.section-table{
	width: 100%;
}

.section-header{	
	background: #F9F7EB;
	padding: 6px 10px;
	font-weight: bold;
	color: #330000;
	font-size: 13px;
}

.section-link{
	font-size: 11px;
	background: #F9F7EB;
	text-align: right;
	padding: 6px 10px;
}

.section-content{
	padding: 0px 10px 25px 10px;
}


.SiteMap-list{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.SiteMap-list li{font-size: 14px; font-weight: bold; padding-bottom: 20px; }
.SiteMap-list { list-style-type: none; margin-left: 5px; padding-left: 5px; }
.SiteMap-list li ul{margin-left: 15px; padding-left: 15px; list-style-type: square; margin-top: 5px; }
.SiteMap-list li li{font-size: 12px; font-weight: normal; padding-bottom: 0px;  }






.title-link{
	text-align: right;
	position: relative;
	float: right;
	top: -30px;
	margin: 0;
	padding: 0;
	
}




/** pop up styles */

.popup
{
	background: #641209;	
}

.popup-title
{
	padding: 6px 15px 6px 15px;
	font-size: 17px;
	font-weight: bold;
	height: 45px;
	background: #a41e0e;
	color: #fff;
	border-bottom: 1px solid #333;
}

.popup-title-link
{
	padding: 6px 15px 7px 15px;
	font-size: 12px;
	text-align: right;
	background: #a41e0e;
	border-bottom: 1px solid #333;
}

.popup-image-cell
{
	padding: 20px;
}

.popup-body
{
	padding: 15px;
	background: #dbd7d0;
}






.pic-left{
margin: 15px;
margin-left: 0;
}

.pic-right{
margin: 15px;
margin-right: 0;
}

.arrow-next
{
	background: url(../../include/images/arrow_next.gif) no-repeat right;
	padding-right: 12px;	
}

.arrow-up
{
	background: url(../../include/images/arrow_up.gif) no-repeat left;
	padding-left: 12px;
}

.arrow-back
{
	background: url(../../include/images/arrow_back.gif) no-repeat left;
	padding-left: 12px;
}

.link-arrow
{
	background: url(../../include/images/link_arrow.gif) no-repeat left;
	padding-left: 12px;
}

.grid
{
	border-collapse: collapse;
}

.grid td
{
}

.grid-label
{
	background: #F8FBE4;
	border-bottom: 1px solid #C7E2AB;
	border-left: 1px solid #C7E2AB;
	padding: 4px 10px;
	font-size: 11px;
}

.grid-value
{
	background: #fff;
	border-bottom: 1px solid #C7E2AB;
	border-left: 1px solid #C7E2AB;
	border-right: 1px solid #C7E2AB;
	padding: 4px 10px;
	text-align: center;
	font-size: 11px;
}

.grid-pic
{
	border-bottom: 1px solid #C7E2AB;
	border-left: 1px solid #C7E2AB;
	border-right: 1px solid #C7E2AB;
	text-align: center;
	padding: 0;
}

.grid-header{
	background: url(../../include/images/grid_header_back.gif) repeat-x top left;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
	padding: 5px 10px;
}

.results-grid-nav
{
	text-align: center;
	background: #ebebeb;
	height: 40px;
}

.grid-next
{
	background: url(../../include/images/grid_arrow_next.gif) no-repeat right;
	padding-right: 12px;
	font-size: 15px;
	font-weight: bold;
	margin-left: 20px;
}

.grid-prev
{
	background: url(../../include/images/grid_arrow_prev.gif) no-repeat left;
	padding-left: 12px;
	font-size: 15px;
	font-weight: bold;
}




.contact-form
{
	background: #fffbe6;
	padding: 20px;
}

	.contact-form table
	{
		border-collapse: collapse;
	}
	
	.contact-form td
	{
		border-bottom: 1px solid #f1e5ae;
		border-top: 1px solid #f1e5ae;
		padding: 8px 10px;
		font-weight: bold;
	}
	
	.contact-form .button-nest
	{
		background: #f1e5ae;
	}
	.contact-form .button-nest .button
	{
		font-weight: bold;
		font-size: 17px;
		padding: 5px 10px;
	}
	
	.contact-form .textbox{ font-size: 15px; letter-spacing: 0px; padding: 4px 6px; width: 350px; }
	

	.contact-sent{ background: url(../images/check_mark.gif) no-repeat left top; padding: 0 30px 0 130px; margin: 15px 25px; }



.picture{
	border: 2px solid #595E66;
}

A .picture {border: 2px solid #595E66; }
A:hover .picture, A:active .picture { border: 2px solid #9E7402; }


.picture-detail{
	border: 2px solid #ebebeb;
	padding: 15px 15px;
	background: #f6f6f6;
	text-align: center;
}


.list{}
.list li{
	padding-bottom: 7px;
	list-style-image: url(../../include/images/list_arrow.gif); }

.small-list
{
	list-style-image: url(../../include/images/list_arrow.gif);
	margin: 10px;
	padding: 10px;
}
.small-list li{
	padding-bottom: 2px; }

.list-check{}
.list-check li{
	padding-bottom: 15px;
	padding-left: 15px;
	list-style-image: url(../../include/images/iconCheck.gif); }



.detail-picture img
{
	margin-top: 8px;
}

.grid-lines
{
	border-collapse: collapse;
	border: 1px solid #ebebeb;
}

.grid-lines td
{
	border: 1px solid #ebebeb;
	padding: 5px 10px;
}

.grid-lines-header{
	background: #f6f6f6;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 10px;
}


.error-message{ color: Red; }


.clear{ clear: both; font-size: 1px; }




.line
{
	font-size: 3px;
	padding: 5px 0;
	background: url(../../include/images/dot.gif) repeat-x top left;
}



.picture-grid
{
}

.picture-grid-item{
	text-align: center;
	padding: 10px;
}

.picture-grid-item img
{
	border: 5px solid #fff;
}

.picture-grid-large{
	text-align: center;
	padding: 10px;
}
.picture-grid-large img{
	border: 5px solid #fff;
}

.review-link
{
	background: url(../../include/images/iconPdf.gif) no-repeat left top; 
	padding-left: 25px;
	font-weight: bold; 
	height: 25px;
	margin: 10px 0;
	display: block;
}



.pictures-grid
{
	border: 0;
	width: 100%;
	margin: 10px 0;
	border-collapse: separate;
}

.pictures-grid-cell
{
	border: 0;
}

.pictures-grid-cell td
{
	padding: 0 0 10px 0;
	text-align: center;
}

.pictures-grid-cell td img
{
	border: 5px solid #fff;
}

.newsletter-done
{
	width: 150px;
}

.newsletter-email
{
	width: 170px; 
	color: #666;
}

.side-newsletter-nest
{
	margin: 30px 0;
	border-bottom: 3px solid #ebebeb;
}
.side-newsletter-nest .newsletter-email
{
	width: 150px;
}




#page-text-home
{
	position: absolute;
	height: 70px;
	width: 720px;	
	top: 1210px;
	padding: 20px 25px 30px 25px;
}
#page-text-home h1{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
#page-text-home a:link, 
#page-text-home a:visited, 
#page-text-home a:active, 
#page-text-home a:hover
{	color: #333; } 



.gallery-grid
{
    display: block;
}

.gallery-item
{
    margin: 0;
	padding:10px 5px 30px 5px;
	width: 255px;
	display: block;
	text-align: center;
	background: url(../../include/images/portfolio_image_back_small.gif) no-repeat top center;
	float: left;
}

.gallery-item img
{
	margin: 0 0 15px 0;
}

.gallery-item p
{
    padding: 0;
    margin: 0;
}

.ara{
	background: url(../../include/images/ara.gif) no-repeat top left;
	height: 310px;
	width: 230px;
	position: absolute;
	top: 0;
	margin: 10px 0 0 680px;
	z-index: 20;
	font-size: 0;
}





.portfolio-picture-nest{
	float: left;
	width: 420px;	
}
.portfolio-picture
{
	background: url(../../include/images/portfolio_image_back.gif) repeat-y top left;
}
.portfolio-picture img
{
	margin: 10px 0 20px 10px;
}

.portfolio-picture-bottom
{
	background: url(../../include/images/portfolio_image_back_bottom.gif) no-repeat bottom left;
}
.portfolio-picture-top
{
	background: url(../../include/images/portfolio_image_back_top.gif) no-repeat top left;
}

.portfolio-picture-links
{
    margin: 0 0 20px 10px;
    text-align: center;
}

.portfolio-description-nest{
	float: right;
	width: 380px;
}
.portfolio-description
{
    margin-right: 30px;
}

.portfolio-description h4
{
    border-bottom: 3px solid #ebebeb;
    margin: 0 0 10px 0;
    padding: 0;
}




.bottom-message
{
    text-align: center;
    font-size: 20px;
    background: url(../../include/images/bottom_back.jpg) no-repeat top center;
    padding: 10px;
    margin: 20px 0 0 0;
}


/* text content bits styles */

.footer-content-text
{
    left: 0;
    background: #4286a8;
    padding: 25px 0;
    border-top: 2px solid #3f80a1;
}


	.footer-content-text .three-columns h1,
	.footer-content-text .three-columns h2,
	.footer-content-text .three-columns p
	{
		padding: 0 20px;
	}
	
	.footer-content-text a:link,
	.footer-content-text a:visited,
	.footer-content-text a:active{ color: #66ccff; }
	.footer-content-text a:hover{ color: #99ffff; }
	
	.footer-content-text .three-columns h1
	{
		font-size: 15px;
		padding-left: 0;
		font-weight: bold;
	}
	
	.footer-content-text .three-columns h2
	{
		font-size: 15px;
	}
	.footer-content-text .three-columns p{
		font-size: 12px; line-height: 15px;
	}
	
	
	
	.footer-content-text .three-columns
	{
		width: 900px;
		margin: 0 auto;
	}
	
	.footer-content-text .three-column-1
	{
		width: 280px;
		float: left;
		border-right: 1px solid #3f80a1;
		text-align: left;
	}
	
	.footer-content-text .three-column-2
	{
		width: 280px;
		float: left;
		border-right: 1px solid #3f80a1;
		text-align: left;
	}
	
	.footer-content-text .three-column-3
	{
		width: 280px;
		float: left;
		text-align: left;
	}



.three-columns
{
}

.three-column-1
{
    width: 190px;
    float: left;
}
.three-columns .three-column-1 h2, .three-columns .three-column-1 p{padding-left: 0; }
.three-columns .three-column-3 h2, .three-columns .three-column-3 p{padding-right: 0; }

.three-column-2
{
    width: 190px;
    float: left;
}

.three-column-3
{
    width: 190px;
    float: left;
}

.three-columns h2
{
    font-size: 24px;
    padding: 0 10px;
}

.three-columns h1
{
    padding: 0 10px;
}

.three-columns p
{
    padding: 0 10px;
}


.two-columns
{
}

	.two-columns h3
	{
		font-size: 13px;
		margin-bottom: 5px;
		padding: 0 25px; 
		color: #cc6600; 
		font-weight: bold;
	}
	
	.two-column-1
	{
		width: 280px;
		float: left;
		border-right: 1px dotted #ccc;
	}
		.two-column-1 h3{ padding: 8px 0 4px 60px; line-height: normal;background: url(../images/icon-time.gif) no-repeat 22px 0; }
	
	.two-column-2
	{
		width: 280px;
		float: left;
	}
	
		.two-column-2 h3{ padding: 8px 0 4px 60px; line-height: normal; background: url(../images/icon-budget.gif) no-repeat 23px 0; }

	
	.two-columns p
	{
		margin-bottom: 5px;
		padding: 0 25px;
	}

.price-box
{
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
    padding: 10px 0px;
    margin-left: -20px;
}















/***HOME PAGE SLIDESHOW set the width and height to match your images **/

#slideshow {
    position:relative;
    height:185px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}