/* * ETERNITY WEB DEVELOPMENT * */

/* * ALL FORM STYLES CAN BE FOUND IN forms.css * */
/* * ALL PORTFOLIO-RELATED STYLES CAN BE FOUND IN portfolio.css * */
/* * ALL HOMEPAGE SLIDER STYLES CAN BE FOUND IN slider.css * */

body{
	background:#28455c;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

@font-face {
    font-family: 'Harrington';
    src: url('harrington-webfont.eot');
    src: url('harrington-webfont.eot?#iefix') format('embedded-opentype'),
         url('harrington-webfont.woff') format('woff'),
         url('harrington-webfont.ttf') format('truetype'),
         url('harrington-webfont.svg#Harrington') format('svg');
    font-weight: normal;
    font-style: normal;
}

	
a{
	color:#6FA3CF;
}
	a:hover{
		text-decoration:none;
	}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

img { -ms-interpolation-mode: bicubic; }
img, div, dt { behavior: url(iepngfix.htc) }

.left{float:left}
.right{float:right}
.clear{clear:both}
.hidden{visibility:hidden}
.imageRight{
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #6FA3CF;
}
.imageLeft{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #6FA3CF;
}
.formIcon{
	margin-bottom:-13px;
}

/* * Container * */

#container{
	border-top:10px solid #87a3bc;
	border-bottom:10px solid #87a3bc;
	margin:14px auto 0 auto;
	width:100%;
	}

/* * Header * */

#header{
	background:#FFF;
	/*width:100%;*/
	height:115px;
	}
	#headerInner{
		width:900px;
		margin:0 auto;
	}
	#header h1{
		font-size:0em;
		line-height:0em;
		visibility:hidden;
	}
	#header .logo{
		margin-top:15px;
		float:left;
		}
	#header .logo-text{
		margin:33px 0 0 10px;
		float:left;
		}
	#header .contact-button{
		background:url(../img/contact.jpg) top left no-repeat;
		float:right;
		height:31px;
		width:172px;
		margin:43px 0 0 0;
		}
	#header .phone-button{
		background:url(../img/phone-number.jpg) top left no-repeat;
		float:right;
		height:31px;
		width:172px;
		margin:43px 0 0 34px;
		}
		#header p{
			color:#FFF;
			font-family:Georgia, "Times New Roman", Times, serif;
			text-align:right;
			}
			#header p a{
				color:#FFF;
				display:block;
				text-decoration:none;
				line-height:30px;
				}
			#header .phone-button p{
				margin:0 10px 0 0;
				}
			#header .contact-button p{
				margin:0 20px 0 0;
				}
				
/* * Navigation * */

#nav{
	background:url(../img/nav-bg.jpg) top left repeat;
	/*width:100%;*/
	height:46px;
	}
	#navInner{
		width:900px;
		margin:0 auto;		
		}
	#nav ul{
		font-family:"Century Gothic", "Trebuchet MS", "Times New Roman", Times, serif;
		margin-left:5px;
		}
		#nav ul li{
			background:url(../img/nav-separator.jpg) top left no-repeat;
			float:left;
			display:block;
			font-family:"Century Gothic", "Trebuchet MS", "Times New Roman", Times, serif;
			font-size:16px;
			text-transform:uppercase;
			height:46px;
			width:149px
			}
			#nav ul li a{
				color:#FFF;
				text-decoration:none;
				display:block;
				padding:11px 0 14px 0;
				text-align:center;
				}
			#nav ul li a.last{
				background:url(../img/nav-separator.jpg) top right no-repeat;
				}
		#nav ul li:hover, #nav ul li.active{
			background:url(../img/active-nav-bg.jpg) top left repeat;
			}
			
				
/* * Content * */

#content{
	/*width:100%;*/
	background:#13283b;
	padding-top:25px;
	}
	#contentInner{
		width:900px;
		margin:0 auto;
		}
#contentL{
	width:532px;
	min-height:450px;						/* IE6 MIN-HEIGHT TRICK */ 	
	height:auto !important;					/* IE6 MIN-HEIGHT TRICK */ 	
	height:450px; 							/* IE6 MIN-HEIGHT TRICK */
	float:left;
	padding-left:5px;
	}
#contentR{ /* Sidebar */
	width:290px;
	float:right;
	margin:4px 0 20px 0;
	}
	#content p{
		font-size:14px;
		color:#6fa3cf;
		line-height:150%;
		margin-bottom:10px;
		}
	#content p.white{
		color:#ffffff;
		}
	#content ul{
		margin:10px 25px;
		list-style-type:circle;
	}	
		#content ul li{
			font-size:13px;
			list-style-type:circle;
			color:#fff;
			margin-bottom:10px;
		}	
	#content h1{
		font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#FFF;
		text-transform:uppercase;
		margin-bottom:3px;
		}
	#content h2{
		font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
		font-size:19px;
		color:#FFF;
		text-transform:uppercase;
		margin-bottom:10px;
		}
		#content h2 a{
			font-size:20px;
			color:#6fa3cf;
			text-transform:capitalize;
		}
	#content h2.sub{
		font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#FFF;
		text-transform:uppercase;
		margin-bottom:10px;
		}
	#content h3{
		font-size:12px;
		font-weight:bold;
		color:#FFF;
		text-transform:uppercase;
		margin-bottom:4px;
		}
	#content h3.bandung{
		font-size:50px;
		color:white;
		margin:30px 0;
		
	}
	#content h3.fighting{
		font-size:40px;
		color:white;
		margin-bottom:30px;
		line-height:150%;
	}
	#content h3.harabara{
		font-size:50px;
		line-height:150%;
		color:white;
		margin-bottom:30px;
	}
	#content h3.indie{
		font-size:60px;
		line-height:150%;
		color:white;
		margin-bottom:30px;
	}
	#content h3.chancery{
		font-size:50px;
		line-height:150%;
		color:white;
		margin-bottom:30px;
	}
	#content h3.jellyka{
		font-size:80px;
		line-height:150%;
		color:white;
		margin-bottom:30px;
	}		   

	#content h3.Harrington{
                font-size:49px;
                line-height:150%;
                color:white;
                margin-bottom:30px;
		font-family: Harrington, serif;
        }

	   
/* Home Page Left and Right */

#home-left{
	float:left;
	width:426px;
	margin-right:48px;
	}
#home-right{
	float:left;
	width:426px;
	}
	#home-left h2.line,
	#home-right h2.line{
		border-bottom:1px solid #7293b0;
		width:426px;
		}
		#home-left h2.line img,
		#home-right h2.line img{
			margin-top:1px;
			*margin-top:-20px;
			float:right;
			}
	#home-left p,
	#home-right p{
		width:auto;
		color:#6fa3cf;
		font-size:13px;
		margin-bottom:15px;
		}	
		
	/*** HOMEPAGE PORTFOLIO SLIDER ***/	
	#home-left .scrollable {	
		/* required settings */
		position:relative;
		overflow:hidden;
		width: 430px;
		height:110px;
		margin-bottom:5px;
	}
	
	#home-left .scrollable .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
	}
	
	/* single scrollable item */
	#home-left .scrollable .items img {
		float:left;
		margin:0 12px 10px 0;
		background-color:#fff;
		border:3px solid #7897b3;
		cursor:pointer;
		width:200px;
		height:100px;		
	}
			#home-left .scrollable .items img:hover {
				border:3px solid #DFF0FF;
			}
	
	#home-left .prevPage{
		background:url(../img/larrow.gif) top left no-repeat;
		float:left;
		width:30px;
		height:23px;
		margin:0 0 33px 0;
	}
		#home-left .prevPage:hover{
			cursor:pointer;
		}
	#home-left .nextPage{
		background:url(../img/rarrow.gif) top left no-repeat;
		float:right;
		width:30px;
		height:23px;
		margin:0 0 33px 0;
	}
		#home-left .nextPage:hover{
			cursor:pointer;
		}		

	
	/* active item */
	#home-left .scrollable .active {
		border:2px solid #000;
		z-index:9999;
		position:relative;
	}	
	
		#home-right img.testimonial{
			float:left;
			margin-right:10px;
			border:1px solid #87A3BC;
		}
		#home-right p.testimonial{
			background:url(../img/testimonial-bg.jpg) top left no-repeat;
			padding:10px 20px 0 20px;
			margin:0 0 0 4px;
			}
		#home-right p.testimonial-author{
			font-size:18px;
			text-align:right;
			margin-bottom:0;
			}
		#home-right p .testimonial-website a{
			color:#FFF;
			font-size:12px;
			line-height:50%;
			margin-bottom:0;
			}
	#download-planner{
		font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
		background:#ae151a;
		width:426px;
		height:62px;
		}
		#download-planner a{
			font-size:23px;
			text-transform:uppercase;
			text-decoration:none;
			height:46px;
			padding-top:16px;
			display:block;
			color:#FFF;
			}
			#download-planner a img{
				float:left;
				margin:-9px 9px 0 6px;
				}
				
				
/* Content > Design Page */

#content .whiteBox{
	background-color:white;
	border:4px solid #6fa3cf;
	width:400px;
	min-height:105px;
	margin:20px 0;
	padding:10px;
	*padding:10px 10px 0 10px;
}
		#content .whiteBox h3{
			font-size:18px;
			color:#b11d22;
		}
		#content .whiteBox p{
			font-size:13px;
			color:#31516c;
			width:auto;
			margin-bottom:10px;
		}
		#content .whiteBox #more-info-button-design{
			background:url(../img/more-info-button-design.jpg) top left no-repeat;
			width:109px;
			height:31px;
			float:left;
			margin:0 15px 0 0;
			}
		#content .whiteBox #get-quote-button-design{
			background:url(../img/get-a-quote-button-design.jpg) top left no-repeat;
			width:109px;
			height:31px;
			float:left;
			}
		#content .whiteBox #more-info-button-design a{
				color:#FFF;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:16px;
				text-decoration:none;
				display:block;
				height:26px;
				text-align:center;
				padding-top:5px;
				}
		#content .whiteBox #get-quote-button-design a{
				color:#FFF;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:16px;
				text-decoration:none;
				display:block;
				height:26px;
				padding:5px 0 0 10px;
				}
		
/* Content > Portfolio STYLES ARE IN PORTFOLIO.css*/

				
/* Content > Rounded Button (portfolio and design page) */

#content #rounded{
	background:url(../img/rounded-red.jpg) top left no-repeat;
	width:567px;
	height:59px;
	margin-top:40px;
	}
	#content #rounded p{
		color:#FFF;
		font-size:20px;
		float:left;
		width:305px;
		margin:13px 0 0 25px;
		}
	#content #rounded-blue{
		background:url(../img/rounded-blue.gif) top left no-repeat;
		width:207px;
		height:48px;
		float:right;
		margin:5px 5px 0 0;
		}
		#content #rounded-blue a{
			display:block;
			color:#FFF;
			font-size:20px;
			line-height:48px;
			text-decoration:none;
			text-align:center;
			}
			
	/* * MODAL POPUPS * */	
	#content .modalOverlay { 		 
		/* must be initially hidden */
		display:none;
		z-index:10000;
		background:url(../img/overlay/white.png);
		width:696px; 
		height:571px; 
		padding:35px 25px 10px 35px;	 
	}  
	
	#content .modalOverlay h3{
		color:#13283B;
		font-size:18px;
		text-transform:uppercase;
	}
	#content .modalOverlay p{
		color:#37556F;
		width:650px;
		margin-bottom:20px;
	}
	#content .modalOverlay ol{
		list-style-type:decimal;
		font-size:16px;
		margin-left:25px;
	}
	
	#content .modalOverlay .close { 
		background-image:url(../img/overlay/close.png);
		position:absolute;
		right:13px;
		top:13px;
		cursor:pointer;
		height:30px;
		width:30px;
	}
	
	/* * BIG MODAL POPUPS (used for CMS box on development page) * */	
	#content .modalOverlayBig { 		 
		/* must be initially hidden */
		display:none;
		z-index:10000;
		background:url(../img/overlay/white-big.png);
		width:815px; 
		height:485px; 
		padding:15px 20px 10px 15px;	 
	}  
	
	#content .modalOverlayBig h3{
		color:#13283B;
		font-size:20px;
		text-transform:uppercase;
	}
		#content .modalOverlayBig h3 span.large{
			font-size:24px;
		}
		#content .modalOverlayBig h3 span.larger{
			font-size:28px;
		}
	#content .modalOverlayBig p{
		color:#37556F;
		width:800px;
		margin-bottom:20px;
	}

	#content .modalOverlayBig .close { 
		background-image:url(../img/overlay/close.png);
		position:absolute;
		right:-14px;
		top:-14px;
		cursor:pointer;
		height:30px;
		width:30px;
	}
	
	/* * VERTICAL SCROLLER ON DEVELOPMENT PAGE (CMS POPUP) * */
	
	/* this makes it possible to add next button beside scrollable */
	.scrollable {
		float:left;	
	}

	/* disabled navigational button */
	a.disabled {
		visibility:hidden !important;		
	}
	
	/* next button uses another background image */
	#content .modalOverlayBig a.next {
		clear:both;
		float:right;
		margin-right:30px;
		color:#13283b;
		font-size:18px;
	}	
	#content .modalOverlayBig a.next:hover{
		cursor:pointer;
	}
	
	/*********** navigator ***********/	
	
	#content .modalOverlayBig #navigationContainer{
		width:240px;
		height:450px;
		background:url(../img/overlay/cms-nav-bg.gif) no-repeat top left;
		margin-right:-20px;
		padding:20px 0 0 20px;
		float:left;
	}
	
	/* main navigator */
	
	#content .modalOverlayBig .main_navi{
		float:left;
		padding:0px !important;
		margin:0px !important;		
	}
		#content .modalOverlayBig .main_navi li{
			color:black;
			list-style-type:none;
			font-size:11px;
			margin-bottom:15px;
		}
			#content .modalOverlayBig .main_navi li:hover{
				cursor:pointer;
			}
		#content .modalOverlayBig .main_navi li strong{
			color:#d92a2a;
			display:block;
		}
		#content .modalOverlayBig .main_navi li .one{
			background:url(../img/overlay/cms-nav-one.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .one{
				background:url(../img/overlay/cms-nav-one.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
		#content .modalOverlayBig .main_navi li .oneCart{
			background:url(../img/overlay/cart-nav-one.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .oneCart{
				background:url(../img/overlay/cart-nav-one.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
		#content .modalOverlayBig .main_navi li .two{
			background:url(../img/overlay/cms-nav-two.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .two{
				background:url(../img/overlay/cms-nav-two.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
		#content .modalOverlayBig .main_navi li .twoCart{
			background:url(../img/overlay/cart-nav-two.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .twoCart{
				background:url(../img/overlay/cart-nav-two.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
		#content .modalOverlayBig .main_navi li .three{
			background:url(../img/overlay/cms-nav-three.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .three{
				background:url(../img/overlay/cms-nav-three.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}			
		#content .modalOverlayBig .main_navi li .threeCart{
			background:url(../img/overlay/cart-nav-three.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .threeCart{
				background:url(../img/overlay/cart-nav-three.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
		#content .modalOverlayBig .main_navi li .four{
			background:url(../img/overlay/cms-nav-four.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .four{
				background:url(../img/overlay/cms-nav-four.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
		#content .modalOverlayBig .main_navi li .fourCart{
			background:url(../img/overlay/cart-nav-four.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .fourCart{
				background:url(../img/overlay/cart-nav-four.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
		#content .modalOverlayBig .main_navi li .five{
			background:url(../img/overlay/cart-nav-five.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .five{
				background:url(../img/overlay/cart-nav-five.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}	
		#content .modalOverlayBig .main_navi li .fiveCart{
			background:url(../img/overlay/cart-nav-five.gif) no-repeat top left;
			width:140px;
			height:55px;
			padding-left:80px;
			padding-top:10px;
		}
			#content .modalOverlayBig .main_navi li.active .fiveCart{
				background:url(../img/overlay/cart-nav-five.gif) no-repeat bottom left;
				width:160px;
				height:55px;
			}
			
	
	/* main vertical scroll */
	#content #main {
		position:relative;
		overflow:hidden;
		height: 450px;
	}
	
	/* main vertical scroll for CART overlay*/
	#content #mainCart {
		position:relative;
		overflow:hidden;
		height: 450px;
	}
	
	/* root element for pages */
	#content #pages {
		position:absolute;
		height:20000em;
		margin-left:30px;
	}
	
	/* single page */
	#content .pagetest {
		padding:10px;
		height: 450px;
		width:455px;
	}
	
	/* root element for scrollable items */
	#content .items {
		width:20000em;
		position:absolute;
		clear:both;
		z-index:100;
	}
		#content .items .left{
			width:285px;
			margin-right:27px;
			float:left;
		}
			#content .items .left p{
				margin:20px 0 0 7px;	
				width:285px;
				font-family:Tahoma, Arial, Helvetica, sans-serif	
			}
		#content .items .right{
			float:left;
			width:225px;
			padding-top:5px;
		}
			#content .items .right p{
				width:220px;
			}
		#content .items .vert-separator{
			float:left;
			margin:0 12px 0 -11px;
		}
		#content .items table.upload td{
			padding:4px 10px 7px 10px;
			color:#666;
			text-align:center;
		}
		
		#content .items table.features{
			margin-top:20px;
		}
		#content .items table.features td{
			padding:4px 10px 3px 10px;
			color:#666;
			text-align:center;
		}
		#content .items table.features td.caption{
			padding-bottom:20px;
		}
		
		#content .items table.shipping{
			margin-top:20px;
		}
		#content .items table.shipping td{
			padding:4px 10px 5px 10px;
			color:#666;
			text-align:center;
			font-size:22px;
			
		}
	
	/* single scrollable item */
	#content .item {
		float:left;
		cursor:pointer;
		width:550px;
		height:450px;
		padding:10px;
	}	
	
	#content a.next{
		margin:-21px 0 0 0;
	}	
	
/* Content > BLOG MAIN PAGE*/

	/* PAGINATION */
	#content #ditto_pages{
		display:block;
		clear:both;
	}
		#content #ditto_pages a{
			text-decoration:none;
		}
		#content #ditto_pages .ditto_previous_off, #content #ditto_pages .ditto_previous_link{
			background:url(../img/previous-bg.gif) no-repeat top left;
			float:left;
			display:block;
			width:79px;
			height:24px;
			color:#fff;
			font-size:11px;
			text-transform:uppercase;
			text-align:center;
			background-color:#9f1119;
			padding:9px 0 0 0;
			margin-right:10px;
		}
		#content #ditto_pages .ditto_next_off, #content #ditto_pages .ditto_next_link{
			background:url(../img/next-bg.gif) no-repeat top left;
			float:left;
			display:block;
			width:53px;
			height:19px;
			color:#fff;
			font-size:11px;
			text-transform:uppercase;
			background-color:#9f1119;
			padding:9px 0 5px 50px;
		}
		#content #ditto_pages .ditto_currentpage{
			background:url(../img/ditto-current-page-bg.gif) no-repeat top left;
			width:25px;
			height:18px;
			float:left;
			display:block;
			color:#fff;
			font-size:11px;
			text-transform:uppercase;
			padding:6px 0 0 37px;
			margin:3px 6px 0 0;
		}
		#content #ditto_pages .ditto_page{
			background:url(../img/ditto-page-bg.gif) no-repeat top left;
			width:25px;
			height:18px;
			float:left;
			display:block;
			color:#fff;
			font-size:11px;
			text-transform:uppercase;
			padding:6px 0 0 37px;
			margin:3px 6px 10px 0;
		}
	
	/* BLOG SUMMARIES */
	#content .blogContainer{
		border:1px solid #295c87;
		padding:10px 12px;
		margin:20px 0;
	}
	#content hr.separator{
		color:#295c87;
		background-color:#295c87;
		border:none;
		height:1px;
		display:block;
		margin:15px auto;
		width:500px;
	}
	#content hr.separatorWide{
		color:#295c87;
		background-color:#295c87;
		border:none;
		height:1px;
		display:block;
		margin:15px auto;
		width:690px;
	}		
	#content .blogContainer .date{
		background:url(../img/blog-date.gif) no-repeat top left;
		width:64px;
		height:64px;
		float:left;
		text-align:center;
	}
		#content .blogContainer .date .month{
			color:#fff;
			font-weight:bold;
			text-transform:uppercase;
			font-size:13px;
			display:block;
			padding-top:1px;
		}
		#content .blogContainer .date .day{
			color:#000;
			font-size:26px;
			font-weight:bold;
			display:block;
			padding-top:1px;
		}
		#content .blogContainer .date .year{
			color:#000;
			font-size:13px;
			font-weight:bold;
			display:block;
			margin:-3px 0 0 2px;
		}
		#content .blogContainer .ditto_summaryPost{
			float:left;	
			margin-left:15px;
			width:420px;
		}
			#content .blogContainer .ditto_summaryPost h3 a{
				color:#fff;
				font-size:16px;
				font-weight:normal;
				text-decoration:underline;
			}
				#content .blogContainer .ditto_summaryPost h3 a:hover{
					text-decoration:none;
				}
			#content .blogContainer .ditto_summaryPost .author{
				background-color:#295c87;
				color:#fff;
				padding:2px 0;
				font-size:10px;
				text-align:center;
				width:146px;
				margin:8px 0 12px 0;
			}
				#content .blogContainer .ditto_summaryPost .author a{
					color:#fff;
				}
				#content .blogContainer .ditto_summaryPost .author div{
					display:inline;
				}
				#content .blogContainer .ditto_summaryPost p{
					color:#fff;
				}
				#content .blogContainer .ditto_summaryPost .ditto_link{
					width:79px;
					height:18px;
					background:url(../img/read-more.gif) no-repeat top left;
					font-size:11px;
					padding:1px 0 0 5px;
				}
					#content .blogContainer .ditto_summaryPost .ditto_link a{
						color:#fff;
						text-decoration:none;
					}
					
		/* BLOG ARTICLE PAGES */
		#content .article p.postedBy{
			display:inline-block;
			margin:0 5px 15px 0;
			color:#fff;
		}
		#content div.popup{
			display:inline;
			font-size:13px;
			color:#fff;
		}
		#content .article p{
			color:#fff;
		}
		
		/* DESIGN BLOG PAGE */
		p.tagCloud span{
			color:#6fa3cf;
			font-size:15px;
			float:left;
		}
		div.tagcloud{
			float:left;
			width:810px;
			margin:-13px 0 0 10px;
		}
		div.tagcloud a{
			color:white;
			text-decoration:none;
		}
			div.tagcloud a:hover{
				color:#6fa3cf;
			}
			div.tagcloud span a.s1{
				font-size:18px;
			}
			div.tagcloud span a.s2{
				font-size:16px;
			}
			div.tagcloud span a.s3{
				font-size:14px;
			}
			div.tagcloud span a.s4{
				font-size:12px;
			}
			div.tagcloud span a.s5{
				font-size:10px;
			}
		#content .blogContainer .ditto_summaryPost .tags{
			color:#fff;
			font-size:13px;
		}
			#content .blogContainer .ditto_summaryPost .tags a{
				color:#fff;
				font-size:13px;
				text-decoration:underline;
			}
			
	/* * MMS PAGE * */
	
	#content ul.mms{
		color:white;
	}
		#content ul.mms li a{
			color:white;
			border-bottom:1px dotted white;
			text-decoration:none;
			font-size:14px;
		}
	
/* Content > RELATIONSHIP ACCORDIONS INSIDE MODALS */

#content #top6 h5{
			background-color:#405E78;
			width:630px;
			color:#EDF4FA;
			padding:5px 10px 5px 12px;
			font-size:17px;
			font-weight:normal;
			text-transform:none;
			margin-bottom:10px;
			-moz-border-radius: 10px; /* FF1+ */
		  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */
		}
			#content #top6 h5:hover{
				cursor:pointer;
				color:#C2DAEF;
			}	
		#content #top6 .relationshipPoint{			
			display:none;
			width:610px;
			margin:0 0 20px 30px;
			font-size:13px;
		}
		
#content #history h5{
			background-color:#405E78;
			width:630px;
			color:#EDF4FA;
			padding:5px 10px 5px 12px;
			font-size:17px;
			font-weight:normal;
			text-transform:none;
			margin-bottom:10px;
			-moz-border-radius: 10px; /* FF1+ */
		  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */
		}
			#content #history h5:hover{
				cursor:pointer;
				color:#C2DAEF;
			}	
		#content #history .historyPoint{			
			display:none;
			width:610px;
			margin:0 0 20px 30px;
			font-size:13px;
		}
		
	
	 /* tooltip styling for the tooltips Inside the 'Our Process' Modal  */
	#content .tooltip {
		display:none;
		background:transparent url(../img/black_arrow.png);
		font-size:12px;
		height:70px;
		width:160px;
		padding:25px;
		color:#fff;	
		position:relative;
		z-index:100000000;
	}
	
/* Content > SECURE AREA */

#content #accordionClient{
	color:white;
}
	#content #accordionClient h3{
		font-size:18px;
		margin-bottom:5px;
	}
		#content #accordionClient h3:hover{
			cursor:pointer;
		}
	#content #accordionClient table.client{
		border:1px #fff dashed;
		padding:10px;
	}
	
/* Content > ADDONS + EXTRAS */

	#content .addonSidebar{
		float:left;
		width:215px;
		margin:0 30px 15px 0;
		border:4px solid #1D405F;
		-moz-border-radius: 5px; /* FF1+ */
	    -webkit-border-radius: 5px; /* Saf3+, Chrome */
        border-radius: 5px; /* Opera 10.5, IE 9 */
	}
		#content .addonSidebar h3{
			background-color:#13283B;
			color:#EDF4FA;
			padding:5px 10px 5px 12px;
			font-size:22px;
			font-weight:normal;
			text-transform:none;
		}
			#content .addonSidebar h3:hover{
				cursor:pointer;
				color:#C2DAEF;
			}	
		#content .addonSidebar .navSection{			
			display:none;
			width:215px;
		}
		#content .addonSidebar .navSection ul{
			margin:-3px 0 15px 35px;
			color:#EDF4FA;
		}
			#content .addonSidebar .navSection ul li{
				color:#EDF4FA;
			}
				#content .addonSidebar .navSection ul li a{
					color:#EDF4FA;
					font-size:14px;
					text-decoration:none;
					font-weight:bold;
				}
					#content .addonSidebar .navSection ul li a:hover, #content .addonSidebar .navSection ul li.active a{
						color:#C2DAEF;
					}
	
	#content ul.plannerList{
		margin-top:20px;
		width:750px;
	}
		#content ul.plannerList li{
			list-style-type:none;
			background-image: url(../img/checkbox.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			padding:4px 0 0 30px;
			height:26px;
			margin-bottom:15px;
			color:#6FA3CF;
		}
		
			#content ul.plannerList li a{
			color:white;
			border-bottom:1px dotted white;
			text-decoration:none;
			font-size:14px;
			font-weight:bold;
			text-transform:uppercase;
		}
		
		/* * TOOLTIPS (MOST STYLES ARE IN THE JS CALL) * */
	.qtip .qtip-content{
	   padding: 10px;
	   overflow: hidden;
	   font-size:11px;
	   line-height:150%;
	}
		
		
	#content ul.processList{
		margin-top:20px;
		width:750px;
	}
		#content ul.processList li{
			list-style-type:none;
			background-image: url(../img/checkbox-white.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			padding:4px 0 0 30px;
			height:16px;
			margin-bottom:15px;
			color:#000000;
		}
		
	
/* Content > ContentR (Sidebar) */
			
	#portfolio-box{
		width:280px;
		height:304px;
		background:#87a3bb;
		border:5px solid #a7c2d9;
		margin-bottom:34px;
		}
		#portfolio-box ul{
			font-size:24px;
			margin:20px 0 0 30px;
			}
			#portfolio-box ul li{
				list-style-type:none;
				background:url(../img/portfolio-box-bullet.gif) no-repeat 0% 0%;
				margin-bottom:14px;
				border-bottom:2px solid #314d63;
				padding-left:30px;
				padding-bottom:14px;
				width:180px;
				font-size:16px;
				}
				#portfolio-box ul li.last{
					border:none;
					}
				#portfolio-box ul li a{
					color:#FFF;
					text-decoration:none;
					}
					#portfolio-box ul li a:hover{
						color:#13283b;
						}
	
	/* Need a Website? & Design Blog Buttons */
	#need-website{
		background:url(../img/need-website-bg.gif) top right no-repeat #9f1119;
		border:5px solid #c9353d;
		width:280px;
		height:118px;
		margin-top:15px;
		}
	#design-blog{
		background:url(../img/design-blog-bg.gif) top right no-repeat #295c87;
		border:5px solid #4c84b4;
		width:280px;
		height:117px;
		margin-top:15px;
		}
		#need-website h4{
			font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#FFF;
			text-transform:uppercase;
			margin:2px 0 2px 10px;
			}
		#design-blog h4{
			font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
			font-size:28px;
			color:#FFF;
			text-transform:uppercase;
			margin:2px 0 2px 10px;
			}
		#need-website p, #design-blog p{
			font-size:14px;
			color:#FFF;
			margin-left:12px;
			}
			#need-website #quote-button{
				background:url(../img/get-a-quote.gif) top left no-repeat;
				width:109px;
				height:31px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:16px;
				margin:10px
				}
			#design-blog #design-button{
				background:url(../img/design-blog-button.gif) top left no-repeat;
				width:112px;
				height:31px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:16px;
				margin:10px
				}
				#need-website #quote-button a, #design-blog #design-button a{
					color:#000;
					text-decoration:none;
					display:block;
					height:29px;
					padding:5px 0 0 10px;
					
					}
					
	/* REAl-TIME UPDATES BOX */
	#real-time{
		background:url(../img/follow-bg.gif) top left no-repeat;
		border:5px solid #b8c4d1;
		width:280px;
		height:520px;
		margin-top:15px;
		}	
		#real-time h4{
			font-family:"Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:24px;
			color:#FFF;
			text-transform:uppercase;
			margin:2px 0 0 10px;
			}		
		#real-time ul#twitter_update_list{
			background-color:#fff;
			width:230px;
			margin:5px 0 10px 15px;
			padding:3px 12px;
			color:#53606f;
			list-style-type:none;
			}
			#real-time ul#twitter_update_list li{
				list-style-type:none;
				color:#53606f;
				font-size:11px;
				padding-bottom:10px;
				margin-bottom:10px;
				border-bottom:1px solid #cfd7e1;
				}
					#real-time ul#twitter_update_list li a{
						color:#9eacbd;
						text-decoration:none;
						display:block;
						text-align:right;
					}
					#real-time ul#twitter_update_list li span a{
						display:inline;		
					}
			#real-time #follow-button{
				background:url(../img/follow-button.gif) top left no-repeat;
				width:109px;
				height:31px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:16px;
				margin:11px 0 0 10px;
				}			
				#real-time #follow-button a{
					color:#000;
					text-decoration:none;
					display:block;
					height:29px;
					padding:5px 0 0 10px;
					
					}
					
		#view-portfolio-button{
			background-color:#b11d22;
			border:4px solid #cd080c;
			width:280px;
			font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
			font-size:24px;
			color:white;
			text-align:center;
			padding:4px 0 5px;	
		}
		#view-portfolio-button a{
			color:white;
			text-decoration:none;
		}

		#contentR p{
			width:auto;
		}
		
		/* * FREE SITE ANALYSIS / QUESTIONS FORM * */
		h2.questions{
			margin:20px 0 0 0;
			text-align:center;
		}
		h2.site-analysis{
			margin:10px 0 0 0;
		}
		#site-analysis{
		width:260px;
		padding:10px;
		background:#87a3bb;
		border:5px solid #405e78;
		margin-bottom:34px;
		}
			#site-analysis p{
				color:#405e78;
				margin-bottom:10px;
			}
			#site-analysis p.big{
				font-size:22px;
				color:#405e78;
				margin-bottom:7px;
			}
			#site-analysis form label{
				display:block;
				color:#405e78;
				font-weight:bold;
				font-size:14px;
				margin-bottom:2px;
			}
			#site-analysis form span{
				color:#cd080c;
				font-weight:bold;
				display:inline-block;
				margin-right:3px;
			}
			#site-analysis form input.text{
				padding:4px;
				width:240px;
				height:18px;
				font-size:14px;
				border:1px solid #cfdce7;
				margin-bottom:7px;
				color:#13283B;
			}
			#site-analysis form textarea{
				padding:4px;
				width:240px;
				height:100px;
				font-size:14px;
				border:1px solid #cfdce7;
				color:#13283B;
				margin-bottom:11px;
			}
			#site-analysis form input.submit{
				border:none;
				width:109px;
				height:31px;
				background:url(../img/submit.png) no-repeat top left;
				cursor:pointer;
			}					
			
			/*** PORTFOLIO HIGHLIGHTS ON DESIGN PAGE ***/
			#contentR h2.line{
				border-bottom:1px solid #7293b0;
			}
			#contentR .scrollable {	
				/* required settings */
				position:relative;
				overflow:hidden;
				width: 290px;
				height:149px;
			}
			
			#contentR .scrollable .items {
				/* this cannot be too large */
				width:20000em;
				position:absolute;
			}
			
			/* single scrollable item */
			#contentR .scrollable .items img {
				float:left;
				margin:0 12px 10px 0;
				background-color:#fff;
				border:2px solid #b11d22;
				cursor:pointer;
				width:286px;
				height:145px;		
			}
					#contentR .scrollable .items img:hover {
						border:2px solid #87A3BC;
					}
			
			#contentR .prevPage{
				background:url(../img/larrow.gif) top left no-repeat;
				float:left;
				width:30px;
				height:23px;
				margin:8px 0 10px 0;
			}
				#contentR .prevPage:hover{
					cursor:pointer;
				}
			#contentR .nextPage{
				background:url(../img/rarrow.gif) top left no-repeat;
				float:right;
				width:30px;
				height:23px;
				margin:8px 0 10px 0;
			}
				#contentR .nextPage:hover{
					cursor:pointer;
				}	
				
			/*** CONTACT PAGE STUFF ***/			
			#directions{
			width:260px;
			padding:10px;
			background:#87a3bb;
			border:5px solid #405e78;
			margin-bottom:34px;
			}
				#directions p{
					color:#1c3447;
					margin-bottom:15px;
				}
				#directions iframe{
					border:2px solid #cfdce7;
				}
				#directions img{
					margin:10px 0 0 68px;				
				}
			#social-badges{
				display:block;
				clear:both;
				margin:0 0 30px 8px;
			}
				#social-badges .social{
					float:left;
					margin-right:7px;
				}
				
				
	/* * Testimonials * */
	
	#content .testimonialBox{
		width:550px;
		padding:10px;
		margin:15px 0 20px 0;
		background-image:url(../img/testimonial.gif);
		background-color:#193853;
		background-position:top right;
		background-repeat:no-repeat;
		border:4px solid #87A3BB;
	}
		#content .testimonialBox img{
			float:left;
			margin:0 12px 5px 0;
			border:2px solid #142B3F;
		}
		#content .testimonialBox p{
			color:#BFE4FF;
		}
		#content .testimonialBox a{
			color:#BFE4FF;
		}
		#content .testimonialBox p.quoteInfo{
			margin:9px 0 2px 0;
			display:block;
			clear:both;
			text-align:center;
			font-style:normal;
		}
		#content .testimonialBox p.quoteInfo span{
			font-size:18px;
			color:white;
		}
		
		/* * BLOG SIDEBAR * */
		
		.blogPics{
			margin:10px 0 60px 0;
			display:block;
			clear:both;
		}		
			.blogPics img{
				margin:0 4px 0 0;
				float:left;
			}
				.blogPics img:hover{
					cusor:pointer;
				}
		.badges img{
			float:left;
			margin-right:9px;
		}

/* * Support * */

#supportContainer{
	margin:0 auto 0 auto;
	*margin-bottom:0;
	width:900px;
}

#support{
	background:#cd080c;
	width:147px;
	height:29px;
	float:right;
	overflow:hidden;
	}
	#support a{
		color:#FFF;
		text-decoration:none;
		font-family:"Century Gothic", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px;
		color:#FFF;
		display:block;
		line-height:29px;
			}
	#support img{
		float:left;
		margin-right:18px;
		}	

/* * Footer * */

#footer{
	background:url(../img/footer-bg.jpg) 100% 50% no-repeat;
	padding-bottom:15px
	}
	#footerInner{
		width:900px;
		margin:0 auto;
		padding-top:25px;
		}
	#footer p{
		text-align:center;
		color:#8ca7be;
		font-size:12px;
		margin:10px 0;
		display:block;
		}
	#footer a{
		color:#8ca7be;
		}
	#footer ul{
		width:auto;
		display:block;
		margin:0 auto 12px auto;
		*margin-bottom:0;
		text-align:center;
		font-size:12px;
		}
		#footer ul li{
			color:#FFF;
			display:inline;
			text-align:center;
			}
			#footer ul li a{
				color:#FFF;
				}
			#footer ul li.separator{
				margin:0 9px;
				}
	#footer #badges{
		background:#203546;
		width:734px;
		height:51px;
		margin:15px auto 20px auto;
		}
		#footer #badges img{
			float:left;
			}
			#footer #badges img.accredited{
				margin:10px 12px}
			#footer #badges img.chamber{
				margin:11px 12px}
			#footer #badges img.facebook{
				margin:11px 0 11px 12px}
			#footer #badges img.twitter{
				margin:12px 12px}
			#footer #badges img.townsync{
				margin:12px 12px}

#footer .uptime{
	display:block;
	margin:10px auto 0 auto;
	text-align:center;
}

.special { display: none; }

 /* Typekit Fonts on Extras Addons Page */

#addons h4{
	font-family: "edding-780-1","edding-780-2";
	color: white;
	font-size: 25px;
}

#addons h5{
	font-family: "good-kitty-1","good-kitty-2";
        color: white;
        font-size: 25px;
}

/* added by indapoint */
#content h1.pricelist {
    color: #FFFFFF;
    font-family: "Century Gothic","Tahoma",Verdana,Arial,Helvetica,sans-serif;
    font-size: 50px;
    padding-bottom: 30px;
    text-transform: uppercase;
	letter-spacing:-2px;
}
#content h1.pricelist span { font-size:37px;}
.listRow_top { width:100%; height:286px;}
.listOfFeatures { float:left; width:299px; height:253px; background:url(../img/feature_heading.png) no-repeat bottom; padding-top:33px;}
.listOfFeatures h2 { font-size: 30px !important; margin-bottom: 22px !important; text-transform: uppercase; font-weight:bold;}
.listOfFeatures p span { font-size:17px;}
.listOfFeatures a,.listOfFeatures a:active,.listOfFeatures a:visited,#pricelist_bottom a,#pricelist_bottom a:active,#pricelist_bottom a:visited { color:#FFFFFF; text-decoration:underline;}
.listOfFeatures a:hover,#pricelist_bottom a:hover { color:#ddecfa;}
.shieldRow_top { float:left; width:145px; height:266px; padding-top:20px; background:url(../img/priceTopRow_bg.png) repeat-x bottom;}
.shieldRow_topPlus { float:left; width:145px; height:286px; background:url(../img/priceTopRow_bg.png) repeat-x bottom;}
.shieldRow_topPlusBg { float:left; width:145px; height:266px; padding-top:20px; background:url(../img/plus_bg.png) repeat;}
.shield_image { float:left; width:100px; height:132px; font-size:54px; font-family:"Century Gothic","Tahoma",Verdana,Arial,Helvetica,sans-serif; color:#FFFFFF; padding-top:13px; padding-left:45px; letter-spacing:-8px;}
.sheild_lite { background:url(../img/shield_lite.png) no-repeat;}
.sheild_plus { background:url(../img/shield_plus.png) no-repeat;}
.sheild_premium { background:url(../img/shield_premium.png) no-repeat;}
.sheild_max { background:url(../img/shield_max.png) no-repeat;}
.shield_title { float:left; width:100%; padding-top:14px; text-align:center; font-family:"Century Gothic","Tahoma",Verdana,Arial,Helvetica,sans-serif; color:#FFFFFF; font-size:27px; font-weight:bold;}
.shield_text { float:left; width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:16px; color:#FFFFFF;}
.priceList_rowArea { float:left; width:878px; background:url(../img/row_bg.jpg) repeat; line-height:46px; font-size:14px; color:#FFFFFF; border:1px solid #7b7b7b; border-width:0px 1px; font-family:Arial, Helvetica, sans-serif;}
.priceList_featuresHeading { float:left; width:279px; background:url(../img/heading_arrow.png) no-repeat left top; padding-left:18px; font-weight: bold;font-size: 15px;}
.pf_subHeading {float:left; width:263px; background:url(../img/Subheading_arrow.png) no-repeat left top; padding-left:34px;font-size: 13px;}
.priceList_plansHeading { float:left; width:145px; text-align:center; background:url(../img/divider_vrt.png) repeat-y left top; font-weight:bold;}
.priceList_plansHeading p { background:url(../img/plus_bg.png) repeat; width:145px; height:46px; line-height:46px !important; color:#FFFFFF !important; margin-bottom:0px !important;}
.priceList_plansIcons { float:left; width:145px; text-align:center; background:url(../img/divider_vrt.png) repeat-y left top; padding-top:16px; height:30px;}
.priceList_plansIconsPlus { float:left; width:145px; text-align:center; background:url(../img/divider_vrt.png) repeat-y left top; height:46px;}
.priceList_plansIconsPlus p { background:url(../img/plus_bg.png) repeat; width:145px; padding-top:16px; height:30px;}
.priceList_plansText { float:left; width:145px; text-align:center; background:url(../img/divider_vrt.png) repeat-y left top;}
.priceList_bottomRow { float:left; width:878px; background:#565656 none; height:58px;  border:1px solid #7b7b7b; border-width:0px 1px;}
.priceList_orderNow { float:left; width:277px; padding-left:20px; font-size:27px; color:#FFFFFF; line-height:58px; font-family:"Century Gothic","Tahoma",Verdana,Arial,Helvetica,sans-serif;}
.priceList_orderBtn { float:left; width:145px; text-align:center; background:url(../img/divider_vrt.png) repeat-y left top; padding-top:12px; height:46px;}
.priceList_orderBtnPlus { float:left; width:145px; text-align:center; background:url(../img/divider_vrt.png) repeat-y left top; height:58px;}
.priceList_orderBtnPlus p { width:145px; text-align:center; padding-top:12px; height:46px;background:url(../img/plus_bg.png) repeat;}
.priceList_shadow { float:left; width:880px; height:50px; background:url(../img/shadow.png) no-repeat center top;}
.pl_bottomHeading { float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#6fa3cf; font-weight:bold; padding-bottom:30px;}
#pricelist_bottom { margin: 0 auto;  width: 900px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6fa3cf; line-height:21px; overflow:hidden;}