.storycontent h1 {padding:17px 0px 9px 0px;
	color:#ff0066;
	font-size:1.70em ;
font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;}


.storycontent h2 {padding:9px 0px 7px 0px;
	font-size:1.30em ;
font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;}


#enquiry {background-color:#f7f7f7; padding: 8px 8px 0px 12px; border: solid 1px #ccc;}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}


	
.LV_invalid {
    color:#ff0066;
}
    

    
.LV_invalid_field {
   
background-color: #FFE8F1;
}


/* ************************ Defaults ************************ */

body{ 
	font:0.78em Tahoma, Helvetica, sans-serif; 
	text-align:center;
	color:#7C7C7C;
	background:url('../images/pagebg.jpg') top center repeat-x;		
}
body, h1, h2, h3, h4, h5, p, table, table th, form, a img {
	border: none;
	margin: 0px;
	padding: 0px;
}
a{
	color:#ff0066;
	text-decoration:none;
}
a:hover{
	color:#ff0066;
	text-decoration:underline;
}
p{
	margin:0px;
	padding:6px 0px 6px 0px;	
}
h1{
	padding:0px 0px 14px 0px;
	color:#ff0066;
	font:1.60em Georgia, "Times New Roman", Times, serif;
	font-weight:bold; 			
}
h2{
	padding:10px 0px 10px 0px;
	font-size:1.10em;
	line-height:1.50em;
}
h3{
	padding:10px 0px 10px 0px;
	font-size:1.00em;
}

/* ************************ structural ************************ */

#page{ 
	margin:0 auto; 
	padding:0px;
	width:878px;
	text-align:left;
	background:url('../images/bg.jpg') top center no-repeat;	
}

/* ************************ header ************************ */

#header{
	height:342px;
}
#nav{
	background:url('../images/navbg.gif') bottom left no-repeat;
	height:98px;
	padding:0px 2px 0px 3px;
}
#nav .logo{
	float:left;
	width:352px;
	padding:54px 0px 0px 0px;
}
#nav ul{
	margin:0px;
	padding:60px 0px 0px 0px;
	list-style:none;
	float:right;
}
#nav ul li{
	display:inline;
	float:left;
	padding:0px 1px 0px 1px;		
}
#nav ul li a{
	display:block;
	color:#4d4d4d;
	text-decoration:none;
	padding:11px 13px 10px 13px;
	border-bottom:solid 2px #ff0066;	
}
#nav ul li a:hover, #nav ul li a.sel{
	color:#fff;
	text-decoration:none;
	background:#ff0066;
}
.caption{
	clear:both;
}
.caption1{
	width:464px;
	float:left;
	padding:22px 0px 0px 0px;
}
.caption2{
	width:187px;
	float:right;
	height:150px;
	padding:95px 0px 0px 0px;
	color:#bdbdbd;
}
.caption1 a, .caption2 a{
	background:#ff0066;
	color:#fff;
	text-decoration:none;
	padding:5px;
}
.caption1 a:hover, .caption2 a:hover{
	color:#fff;
	text-decoration:none;
	background:#000;	
}
.caption1 .caption1text{
	padding:155px 0px 0px 0px;
	color:#bdbdbd;
	line-height:25px;
}
.caption2 .caption2text{
	width:120px;
	height:42px;
	text-align:center;
	padding:26px 0px 38px 0px;
	font:1.20em Georgia, "Times New Roman", Times, serif; 		
	font-weight:bold;
	color:#000;
}
.caption2 .caption2text1 a, .caption2 .caption2text1 span{
	display:block;
	float:left;
}
.caption2 .caption2text1 a{
	margin:-5px 0px 0px 5px;
}

/* ************************ content ************************ */

.content{
	clear:both;
	padding:0px 0px 15px 0px;
}
#homecontent{
	padding:60px 0px 15px 0px;
}
.pagetext{
	background:url('../images/irightbg.gif') top center repeat-y;
	width:878px;		
}
.content .pagetext p{
	line-height:1.80em;
	font-size:1.05em;
}
.iquote{
	margin-top:15px;
	padding:35px 0px 0px 0px;
	background:url('../images/serbg.gif') top left repeat-x;
}
.iquote h1{
	font-weight:normal;
}
.col1{
	width:180px;
	float:left;
}
.col2{
	width:180px;
	float:right;
}
.col1 h1{
	font-size:1.25em;
}
.col2 h1{
	font-size:1.25em;
}
.content .visit a{
	background:#ff0066;
	color:#fff;
	text-decoration:none;
	padding:3px;			
}
.content .visit a:hover{
	background:#000;		
}
.clear{
	clear:both;
}

/* ************************ cookie crumb ************************ */

.pageloc{
	padding:35px 0px 25px 0px;
	color:#848484;
	font:1.00em  Georgia, "Times New Roman", Times, serif;
	text-align:right;
	text-transform:lowercase;
}
.pageloc h1{
	float:left;
	padding:0px;
}
.pageloc a{
	background:#BFBFBF;
	padding:2px 3px 2px 3px;
	color:#fff;
	text-decoration:none;
}
.pageloc a:hover{
	background:#777777;
	color:#fff;
	text-decoration:none;
}
.pageloc h1  a{
	background:none;
	padding:0px;
}
.pageloc h1 a:hover{
	background:none;
	text-decoration:none;
}

/* ************************ page position ************************ */

.ileft{
	float:left;
	width:414px;
	padding-right:16px;
}
.ileft ul{
	float:left;
	margin:0px;
	padding:8px 0px 0px 0px;
}
.ileft ul li{
	list-style:none;
	padding:0px 20px 20px 0px;
}
.ileftt{
	width:400px;
}
.iright{
	float:right;
	width:413px;
	padding:0px 0px 0px 25px;
}
.iright ol{
	padding:15px 0px 0px 25px;
	margin:0px;
}
.iright ol li{
	padding:0px 0px 20px 0px;
}

/* ************************ portfolio and services ************************ */

#portfolio .ileft{
	width:414px;
}
#portfolio .iright{
	margin:0px;
	padding:0px;
	float:right;
	width:410px;
}
#portfolio ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}
#portfolio li{
	width:192px;
	padding:0px 0px 40px 0px;
	line-height:1.50em;
}
#portfolio li img{
	margin:0px 0px 5px 0px;
}
#portfolio .portfolio1{
	padding:0px 26px 0px 0px;
}
#portfolio .pclear{
	border-bottom:solid 1px #eee;
	margin-bottom:25px;
	padding-bottom:25px;
	clear:both;
}
#services .ileft{
	width:414px;
	padding:0px;
}
#services .ileft .service1{
	width:200px;
	float:left;
}
#services .ileft .service2{
	width:200px;
	float:right;
}
#services .ileft ul li{
	list-style:none;
	padding:0px 0px 20px 0px;
	line-height:1.50em;	
}
#services p{
	border-bottom:solid 1px #eee;
	margin-bottom:25px;
	padding-bottom:25px;
}


/* ************************ case studies ************************ */

.pagetext .casestudy1 h1{
	margin:0px;
	padding:0px;
}
.pagetext .casestudy{
	background:url('../images/casebit.gif') top center repeat-y;
	width:878px;
	padding:0px 0px 30px 0px;
}
.casestudy1{
	float:left;
	width:395px;
	padding:0px 50px 0px 0px;
}
.casestudy2{
	float:left;
	width:403px;
	padding:0px 0px 0px 30px;	
}
.casedetails{
	padding:0px 0px 60px 0px;
	background:url('../images/casebit1.gif') bottom left repeat-x;
}
.casedetails h2{
	font-size:1.25em;
	color:#ff0066;	
}
.pagetext .sitemap1, .pagetext .sitemap2{
	list-style:none;
	margin:0px;
	padding:0px;	
}

/* ************************ testimonials ************************ */

#testimonials .ileft{
	width:414px;
}
#testimonials p{
	border-bottom:solid 1px #eee;
	margin-bottom:25px;
	padding-bottom:25px;
}

/* ************************ sitemap ************************ */

.pagetext .sitemap1{
	text-align:right;
	width:415px;
	padding:0px 0px 30px 0px;		
}
.pagetext .sitemap1 ul{
	text-align:right;
	width:415px;
}
.pagetext .sitemap2{
	text-align:left;
	padding:0px 0px 30px 0px;	
}
.pagetext .sitemap1 li, .pagetext .sitemap2 li{
	margin:0px;
	padding:0px 0px 15px 0px;		
}

/* ************************ contact ************************ */

.contactform{
	margin:10px 0px 30px 0px;
}
.contactform td{
	padding:0px 15px 10px 0px;
	vertical-align:top;
}
.contactform .textbox{
	width:200px;
	border:solid 1px #7C7C7C;
	color:#7C7C7C;
	font-size:12px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	height:20px; 	
}
.contactform textarea{
	width:250px;
	height:100px;
	border:solid 1px #7C7C7C;
	color:#7C7C7C;
	font-size:12px;
	font:12px Verdana, Arial, Helvetica, sans-serif;	
}
.contactform .submit{
	border:0px;
	background:#ff0066;
	color:#fff;
	padding:5px;
	font-size:12px;	
}
.skipnav{
	display:none;
}


/* ************************ blogs ************************ */

.bloghead{
	height:55px;
}
#blogs{
	clear:both;
}
#blogs h1{
	font-size:1.30em;
}
#blogs .blog1{
	width:408px;
	float:left;
}
#blogs .blog1 .blogsubhead{
	padding:0px 0px 18px 5px;
}
#blogs .blog1 .blogsubhead h2{
	color:#FF0068;
	font-weight:normal;
	font-size:0.93em;
	float:left;
	margin:0px;
	padding:0px;
}
#blogs .blog1 .blogsubhead ul{
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
}
#blogs .blog1 .blogsubhead ul li{
	float:left;
	padding:0px 7px 0px 0px;
	font-size:0.90em;
}

#blogs .blog1 .recentposts{
	padding:0px 0px 35px 0px;
}
#blogs .blog1 .recentposts ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#blogs .blog1 .recentposts li{
	padding:0px;
	margin:0px;
}
#blogs .blog1 .recentposts li a{
	border-top:solid 1px #EFEFEF;
	color:#7C7C7C;
	text-decoration:none;
	float:left;
	display:block;
	padding:5px;
	width:398px;
}
#blogs .blog1 .recentposts li a:hover{
	color:#FE0065;
	text-decoration:none;
	background:#FEEDF5;
}
#blogs .blog1 .recentposts h3{
	color:#FF0068;
	font-weight:normal;
	font-size:0.93em;
	float:left;
	margin:0px;
	padding:0px 0px 18px 5px;
}


#blogs .listcategories{
	padding:0px 0px 35px 0px;
}
#blogs #ddmcc_container .ddmcc ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}
#blogs #ddmcc_container .ddmcc ul li{
	margin:0px;
	padding:0px;
	float:left;
	border-top:solid 1px #EFEFEF;
	width:204px;
}
#blogs #ddmcc_container .ddmcc li a{
	color:#7C7C7C;
	text-decoration:none;
	width:194px;
	padding:5px;
	display:block;
}
#blogs #ddmcc_container .ddmcc li a:hover{
	color:#FE0065;
	text-decoration:none;
	background:#FEEDF5;
}
.blogsearch{
	margin:0px;
	padding:0px 0px 35px 0px;
}
.blogsearch form{
	margin:0px;
	padding:0px 0px 35px 0px;
}
.blogsearch form p{
	margin:0px;
	padding:0px 0px 0px 5px;
}
.blogsearch form .inputtext{
	width:258px;
	height:24px;
	border:solid 1px #C2C2C2;
	color:#7C7C7C;
	padding:2px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	float:left;	
}
form .inputsub{
	border:0px;
	background:#fff;
	color:#FE0065;
	padding:9px;
	font:12px Verdana, Arial, Helvetica, sans-serif;	
	float:left;
	cursor:pointer;
}



.blog3{
	width:390px;
	padding:0px 20px 100px 0px;
	float:right;
}
.blog3 ul{
	margin:0px;
	padding:5px 0px 5px 0px;
	list-style:none;
}
.blog3 ul li{
	margin:0px;
	padding:0px 0px 10px 15px;
	background:url('../images/blog3li.gif') top left no-repeat;
}
.blog3 h3{
	font-size:1.00em;
	padding:0px 0px 15px 0px;
}
.blog3 .storycontent{
	padding:0px 0px 20px 0px;
}
.blog3 .blogcomments .commentlist1{
	padding:10px 0px 10px 0px;
}
.blog3 .blogcomments .commentlist2 div{
	background:#e8ecd8;
	padding:15px;
	margin:10px 0px 10px 0px;
}
.blog3 .blogcomments .author{
	padding:0px 0px 10px 0px;
	font-weight:bold;
	color:#666666;
}
.blog3 .blogcomments .author a{
	padding:0px 0px 10px 0px;
	font-weight:bold;
}
.blog3 .blogcomments .author span{
	font-size:0.90em;
	font-weight:normal;
}
.blog3 #commentform{
	background:#fcfcfa;
	margin:10px 0px 10px 0px;
}
.blog3 #commentform p{
	padding:4px 0px 4px 0px;
}
.blog3 .blogcomments .inputtext, .blog3 .blogcomments textarea{
	width:173px; 
	border:solid 1px #7C7C7C;
	color:#7C7C7C;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
.blog3 .blogcomments textarea{ 
	width:325px; 
	height:100px; 
	border:solid 1px #7C7C7C;
	color:#7C7C7C;
	font:12px Verdana, Arial, Helvetica, sans-serif;	
}
.blog3 #submit{
	border:0px;
}
.blog3 #commentform #submit{
	padding:3px;
	background:#444444;
	color:#fff;
	font-size:1.00em;
	border:0px;
	width:150px;
}

/* ************************ portfolio ************************ */

.portfolio .clear{
	height:50px;
}
.website1{
	width:430px;
	float:left;
}
.website2{
	float:right;
}
.portfoliohead{
	text-align:right;
	padding:10px;
}
.portfoliohead h2{
	float:left;
	padding:0px;
}
.portfoliotext{
	clear:both;
	padding:0px 10px 0px 10px;
}

/* ************************ services and posts ************************ */

.listing1{
	padding:20px 29px 97px 10px;
	width:400px;
	border-right:solid 1px #efefef;
	float:left;
}
.listing2{
	padding:20px 0px 97px 20px;
	width:413px;
	float:right;
}
.listinghead{
	height:50px;
	background:url('../images/serbg.gif') bottom left repeat-x;
}
.listing1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	width:200px;
}
.listing1 ul li, .listing2 ul li{
	margin:0px;
	padding:11px 0px 11px 0px;
	border-bottom:solid 1px #e0e0e0;
}
.listing1 ul.last{
	width:200px;
}
.listing2 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.listing1 a, .listing2 a{
	color:#676767;
	text-decoration:none;
}
.listing1 a:hover, .listing2 a:hover{
	color:#ff0066;
	text-decoration:underline;
}
.listing2 h1{
	float:left;
}
.listing2 .listinghead{
	text-align:right;
}
.listing2 .listinghead p{
	background:url('../images/rss.gif') top right no-repeat;
	float:right;
	height:35px;
	padding-right:40px;
}
.listing2 .listinghead a{
	color:#ff0066;
	text-decoration:none;
}
.listing2 .listinghead a:hover{
	color:#ff0066;
	text-decoration:underline;
}

/* ************************ footer ************************ */

#footer{
	background:url('../images/footer.jpg') top left repeat-x;
	height:174px;
}
#footertext{
	margin:0 auto; 
	padding:0px 0px 0px 10px;
	width:871px;
	text-align:left;
}
#footertext div{
	float:left;
}
#footer ul{
	margin:0px;
	list-style:none;
}
#footer ul li{
	margin:0px;
	padding:0px 24px 0px 0px;
	float:left;
}
#footer ul.footerlink1{
	padding:125px 0px 0px 0px;	
	float:left;
	width:360px;
}
#footer ul.footerlink2{
	padding:125px 0px 0px 0px;	
	float:right;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}

/* ************************ xmas ************************ */

.xmas{
	width:878px;
}
.xleft{
	float:left;
	width:414px;
	padding-right:16px;
}
.xright{
	float:right;
	width:368px;
	padding:0px 0px 0px 0px;
}
.content .xmas p{
	line-height:1.80em;
	font-size:1.05em;
}
.content .xmas .bold{
	color:#FF0066;
	font-weight:bold;
}
.content .xmas h1{
	color:#2D2D2D;
	line-height:1.50em;
	font-size:1.70em;
	padding:0px 0px 7px 0px;
}
.content .xmas .xright h1{
	padding:30px 0px 24px 0px;
}
.content .xmas h2{
	color:#2D2D2D;
	line-height:1.50em;
	font:1.45em Georgia, "Times New Roman", Times, serif;
	font-weight:bold; 		
}
.content .xmas .xleft h2{
	padding:25px 0px 15px 0px;
}

.content .trygames{
	padding:0px 0px 20px 0px;
}
.content .games1, .content .games2{
	float:left;
}
.content .games1{
	padding-right:20px;
}
.content .trygames1 img{
	display:block;
}
.content .trygames2{
	background:#E0E0E0;
	width:193px;
}
.content .trygames2 p{
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px;
	font-weight:bold;
	color:#2D2D2D;
}
.content .trygames2 .playgame{
	background:#2D2D2D;
	float:right;
}
.content .trygames2 a{
	color:#fff;
	text-decoration:none;
}
.content .trygames2 a:hover{
	color:#fff;
	text-decoration:underline;
}

.content .xmaswhy{
	width:260px;
	padding:18px 22px 18px 22px;
	background:url('../images/xwhy.gif') bottom left repeat-x;
	border:solid 1px #C0C0C0;
	color:#2D2D2D;
	margin-bottom:27px;
}
.content .xmaswhy p{
	padding:0px;
	margin:0px;
	line-height:1.80em;
}
.content .xmaswhy .bold{
	color:#01B21E;
}
.xprice{
	position:absolute;
	margin-left:225px;
}


.content .xmasform{
	width:260px;
	padding:22px;
	background:url('../images/xform.jpg') top left no-repeat;
	border:solid 1px #C0C0C0;
	color:#2D2D2D;
}
.content .xmasform h2{
	padding:0px;
	margin:0px;
	line-height:1.00em;
}
.content .xmasform p{
	padding:3px 0px 3px 0px;
	margin:0px;
}
.content .xmasform form{
	padding:10px 0px 0px 0px;
}
.content .xmasform form .inputtext{
	width:242px;
	height:20px;
	border:solid 1px #7C7C7C;
	font:12px Tahoma, Helvetica, sans-serif;
	color:#222;	
}
.content .xmasform form textarea{
	width:242px;
	height:75px;
	border:solid 1px #7C7C7C;
	font:12px Tahoma, Helvetica, sans-serif; 	
	color:#222;
}
.content .xmasform form .submit{
	background:#FF0066;
	color:#fff;
	width:90px;
	border:0px;
	padding:5px 0px 5px 0px;
	margin:5px 0px 0px 155px;
	text-transform:uppercase;
	font-weight:bold;
}