﻿body 
{
    background: url(imgs/redheaderbg_homepage.jpg) top center no-repeat;
    background-color:#f4f4f4;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

body_home
{
    background: url(imgs/redheaderbg_homepage.jpg) top center no-repeat;
        background-color:#f4f4f4;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
/*********************************** CUSTOM FONT ******************************/

h2, .museofont {
	font-family: Museo;
}

/************************************ HEADER ********************************/

#header 
{
    height:237px; width: 1000px;
    margin: 0 auto;
}

#minigames 
{
    height: 120px; width: 300px;
    float: right;
    color: #fff;
    text-align: center;
    margin-top: 15px;
}

#logo
{
    /* background: url(imgs/logo.png) top left no-repeat; */
    height: 93px; width: 263px;
    float: left;
    margin-top: 20px;
}

#slogan 
{
    height: 40px;
    position: absolute;
    top: 185px;
    color: #cfcfdb;
    font-size: 24px;
    width: 1000px;
}

#slogan p
{
    margin: 0;
}

#slogan p.left 
{
    float: left;
}

#slogan p.right
{
    float: right;
}

#headericons 
{
    background: url(imgs/headicons.png) top left no-repeat;
    width: 973px; height: 77px;
    position: absolute;
    top: 232px;
	/* display: none; */
}

/******************************** MENU ***************************************/

#mainmenu {
	height: 35px;
	float: left;
	max-width: 990px;
	background: url(http://www.tentaclesolutions.co.uk/imgs/maintopbarb.png) top left repeat-x;
	position: absolute;
	margin-top: 140px;
}

/**************************** MULTI-COLUMN/ROW JS MENU *******************************/

.multicolumn .multimenu{
    float: left;
    width: 260px;
}

.multicolumn .mobiledevmenu{
    float: left;
    width: 190px;
}

.multicolumn .html5menu{
    float: left;
    width: 210px;
}

.multicolumn .fbdevappmenu
{
    float: left;
    width: 200px;
}

.multicolumn .fbappsmenu{
    float: left;
    width: 160px;
}

.multicolumn .corpinfomenu{
    float: left;
    width: 170px;
}

.multicolumn .corpmembersmenu{
    float: left;
    width: 140px;
}

.multicolumn .corppressmenu{
    float: left;
    width: 170px;
}

.multicolumn .corpmediamenu{
    float: left;
    width: 150px;
}

a.menulink, a.menulink:visited
{
    text-decoration: none;
	border-left: solid 2px #684042;
	color: #fff;
	padding: 0px 5px;
	font-weight: bold;
}

a.menulink:hover
{
	color: #ff0;
}

.multicolumn{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
font: normal 10px Verdana;
z-index: 100;
border: 2px solid #d0d0dc;
border-top: 0px;
text-decoration: none;
padding: 0px 0px 5px 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
box-shadow: 5px 5px 5px #ebebeb;
-moz-box-shadow: 5px 5px 5px #ebebeb;
}

.multicolumn .column{
float: left;
width: 230px;
z-index: 1000;
}

.multicolumn .column ul,
.multicolumn .multimenu ul,
.multicolumn .mobiledevmenu ul,
.multicolumn .html5menu ul,
.multicolumn .fbdevappmenu ul,
.multicolumn .fbappsmenu ul,
.multicolumn .corpinfomenu ul,
.multicolumn .corpmembersmenu ul,
.multicolumn .corppressmenu ul,
.multicolumn .corpmediamenu ul {
margin: 0px 0px 10px;
padding: 0;
list-style-type: none;
}

.multicolumn .column ul li,
.multicolumn .multimenu ul li,
.multicolumn .mobiledevmenu ul li,
.multicolumn .html5menu ul li
.multicolumn .fbdevappmenu ul li,
.multicolumn .fbappsmenu ul li,
.multicolumn .corpinfomenu ul li,
.multicolumn .corpmembersmenu ul li,
.multicolumn .corppressmenu ul li,
.multicolumn .corpmediamenu ul li {
padding-bottom: 5px;
}

.multicolumn .column h3,
.multicolumn .multimenu h3,
.multicolumn .mobiledevmenu h3,
.multicolumn .html5menu h3,
.multicolumn .corpinfomenu h3,
.multicolumn .corpmembersmenu h3,
.multicolumn .corppressmenu h3,
.multicolumn .corpmediamenu h3{
background: #f2f2f4;
font: bold 13px Arial;
margin: 2px 0px 5px;
padding: 5px 3px;
color: #000;
}

.multicolumn .fbdevappmenu h3, .multicolumn .fbappsmenu h3{
background: #f2f2f4;
font: bold 13px Arial;
margin: 2px 0px 5px;
padding: 5px 3px;
color: #000;
}

.multicolumn .column ul li a, .multicolumn .column ul li a:visited,
.multicolumn .multimenu ul li a, .multicolumn .multimenu ul li a:visited,
.multicolumn .mobiledevmenu ul li a, .multicolumn .mobiledevmenu ul li a:visited,
.multicolumn .html5menu ul li a, .multicolumn .html5menu ul li a:visited,
.multicolumn .fbdevappmenu ul li a, .multicolumn .fbdevappmenu ul li a:visited,
.multicolumn .fbappsmenu ul li a, .multicolumn .fbappsmenu ul li a:visited,
.multicolumn .corpinfomenu ul li a, .multicolumn .corpinfomenu ul li a:visited,
.multicolumn .corpmembersmenu ul li a, .multicolumn .corpmembersmenu ul li a:visited,
.multicolumn .corppressmenu ul li a, .multicolumn .corppressmenu ul li a:visited,
.multicolumn .corpmediamenu ul li a, .multicolumn .corpmediamenu ul li a:visited{
text-decoration: none;
color: #000;
padding: 10px;
}

.multicolumn .column ul li a:hover,
.multicolumn .multimenu ul li a:hover,
.multicolumn .mobiledevmenu ul li a:hover,
.multicolumn .html5menu ul li a:hover,
.multicolumn .fbdevappmenu ul li a:hover,
.multicolumn .fbappsmenu ul li a:hover,
.multicolumn .corpinfomenu ul li a:hover,
.multicolumn .corpmembersmenu ul li a:hover,
.multicolumn .corppressmenu ul li a:hover,
.multicolumn .corpmediamenu ul li a:hover {
color: #f43d01;
font-weight: bold;
}

/*********************************** MAIN CONTENT ********************************/


#main {
  width: 850px ;
  margin-left: auto ;
  margin-right: auto ;


}


#testimonial {
    background: url('imgs/testimonials_bg.png') 0 0 no-repeat;
    width: 850px;
    height: 230px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Arial Black", Gadget, sans-serif;
    color: darkred;
    text-align: center;
    text-wrap: normal;
    font-size: x-large;
    margin: 0 auto 10px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    
}







#screenshots {
	font-family: 'Franchise2', Helvetica, Arial;
	border:1px solid #DDD;
	margin:0 auto 70px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;


	background-color:#fff;
	
	height:40px;
	text-shadow:0 2px 1px #FFFFFF;
	height:200px;
	width:850px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	
}

#trailinglinks
{
    float: left;
    height: 15px;
    margin: 10px 0 0 10px;
    width: 450px;
    font-size: 12px;
    color: #999;
}

#trailinglinks a, #trailinglinks a:visited
{
    text-decoration: none;
    color: #999;
}

#trailinglinks a:hover
{
    color: #F04E01;
}

#wrapper 
{
    /* min-height: 1200px; */
    width: 1000px;
    margin: 0 auto;
	z-index: -1;
}



#wrapper .column 
{
    width: 335px;
    font-size: 14px;
    float: left;
    padding-right: 20px;
}


#wrapper .column p.h2, #viralcontent p.h2, #norightsidebar p.h2, #blogarticle p.h2
{
    font-size: 24px;
}

#wrapper .column p.h3, #viralcontent p.h3, #norightsidebar p.h3, #blogarticle p.h3
{
    font-size: 19px;
}


#wrapper .maintext 
{
    width: 720px;
    height:265px;
    font-size: 14px;
        padding-left: 10px;
        margin-bottom:40px;
    	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:20px;
    background-color:#fff;
      white-space:normal;
      color:#6d6e70;

}


#wrapper .maintext p.h2
{
    font-size: 24px;
	font-family: Museo;
}

#wrapper .maintext p.h3
{
    font-size: 19px;
    
	font-family: Museo;
}






#wrapper .html_android p.h2, .iphone_kiosk p.h2, #viralcontent p.h2, #norightsidebar p.h2, #blogarticle p.h2
{
    font-size: 24px;
}

#wrapper .html_android p.h3, .iphone_kiosk p.h3, #viralcontent p.h3, #norightsidebar p.h3, #blogarticle p.h3
{
    font-size: 19px;
}

#wrapper .glasgow_image 
{
    background: url(imgs/gradgreybox2.jpg) 0 0 no-repeat;
    background-color:#fff;
    width: 315px;
    height: 245px;
    font-size: 11px;
    
    position: relative;
    
  top: 50%;
  transform: translateY(-50%);
}


#wrapper .html_android 
{
    width: 720px;
    height:470px;
    font-size: 14px;
    white-space:normal;
        padding-left: 10px;
        margin-bottom:50px;
    	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    color:#6d6e70;
 
}

    #wrapper .html5_img {
        background-color:#fff;
        width: 325px;
        height:470px;
        margin: 0;
        float:left;
        
        position:relative;
           -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

    }
    #wrapper .android_img {
        background-color:#fff;
        width: 325px;
        height: 470px;
        margin: 0;
        float:right;
        
        position:relative;
           -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    }


    #wrapper .iphone_kiosk 
{
    width: 720px;
    height:470px;
    font-size: 14px;
    white-space:normal;
    padding-left: 10px;

        margin-bottom:50px;
    	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    color:#6d6e70;
 
}


      #wrapper .iphone_img {
        background-color:#fff;
        width: 325px;
        height:470px;
        margin: 0;
        float:left;
        position:relative;
           -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

    }
    #wrapper .kiosk_img {
        background-color:#fff;
        width: 325px;
        height: 470px;
        margin: 0;
        float:right;
        
        position:relative;
           -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    }


#client_logos {
    background: url('imgs/client_logos_bg.jpg') center bottom;
    /*background-color: #b71427;*/
    height: 250px;
    width: 100%;
    margin: 0px auto 0; 
    font-size: 10px;
   
    border-top: 1px solid #000;
     border-bottom: 1px solid #000;
}

#wrapper p.h2blue 
{
    font-size: 19px;
    color: #0d004c;
    padding: 0; margin: 0;
}

#wrapper .topdiv
{
    background: url(imgs/topshadow.jpg) 0 0 no-repeat;
    width: 646px; height: 32px;
    float: left;
    margin-left: 100px;
}

#wrapper .bottomdiv
{
    background: url(imgs/bottomshadow.jpg) 0 0 no-repeat;
    width: 722px; height: 59px;
    float: left;
}

#wrapper p.indentTcL1
{
    margin-left: 30px;
}

#wrapper p.indentTcL2
{
    margin-left: 60px;
}

/************************************* VIRAL CONTENT PAGES **********************************/

#sidebar .twtr-doc 
{
    margin-left: -25px;
}

#blogarticle
{
   margin: 0px 10px;
    width: 450px;
    float: left;
}

#norightsidebar
{
    margin: 0px 10px;
    width: 700px;
    float: left;
}

#norightsidebar .mediatable img
{
    border: 0;
}

#norightsidebar .mediatable a
{
    border: 0;
}

#viralcontent 
{
    margin: 0px 10px;
    width: 450px;
    float: left;
}

#viralcontent p.orangesubtitle, #norightsidebar p.orangesubtitle
{
    color: #f04e01;
    padding-bottom: 5px; margin: 0;
}

#viralcontent p.orangeanswer, #norightsidebar p.orangeanswer
{
    color: #f04e01;
    margin-top: -10px;
}

#viralcontent blockquote, #norightsidebar blockquote
{
    color: #f00;
    text-align: justify;
}

#viralcontent blockquote p:first-letter, #norightsidebar blockquote p:first-letter
{
    font-size: 18px;
    font-weight: bold;
}

#viralcontent img, #norightsidebar img
{
    padding: 5px;
}

#viralcontent p.smallitalics, #norightsidebar p.smallitalics
{
    font-style: italic;
    font-size: 10px;
}

#viralcontent a, #viralcontent a:visited, #norightsidebar a, #norightsidebar a:visited,
#blogarticle a, #blogarticle a:visited
{
    text-decoration: none;
    border-bottom: dashed 1px #f04e01;
    color: #f04e01;
}

#viralcontent a:hover, #norightsidebar a:hover, #blogarticle a:hover
{
    border: 0px;
}

#viralcontent .vctopdiv
{
    background: url(imgs/vctopdiv.png) 0 0 no-repeat;
    width: 452px; height: 29px;
    margin-bottom: 15px;
    float: left;
}

#viralcontent .vcbottomdiv
{
    background: url(imgs/vcbottomdiv.png) 0 0 no-repeat;
    width: 452px; height: 29px;
    float: left;
    margin: 15px;
}

#norightsidebar .vctopdiv
{
    background: url(imgs/vctopdiv.png) 0 0 no-repeat;
    width: 452px; height: 29px;
    margin-left: 150px;
}

#norightsidebar .vcbottomdiv
{
    background: url(imgs/vcbottomdiv.png) 0 0 no-repeat;
    width: 452px; height: 29px;
    margin-left: 150px;
}

/********************************* WEEKLY GAMES PAGES *************************************/

#weeklygameslist
{
    width: 755px;
    float: left;
}

#weeklygameslist .weeklydivtop
{
    background: url(imgs/weeklydivtop.png) top right no-repeat;
    width: 730px; height: 58px;
    padding-top: 40px;
    float: right;
}

#weeklygameslist .weeklydivtop p.h2
{
    font-size: 24px;
    float: left;
    margin: 10px 0 0;
}

#weeklygameslist .dropdown
{
    float: left;
    font-size: 16px;
    width: 260px; height: 35px;
    margin: 5px 0 0 10px;
    padding: 4px 10px 5px 15px;
    background: url(imgs/weeklydropdown.png) 0 0 no-repeat;
    border: 0;
}

#weeklygameslist .weeklydivtop p.pageindex
{
    color: #e8e9ea;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin: 12px 0 0 10px;
}

#weeklygameslist .weeklydivtop p.pageindex a, #weeklygameslist .weeklydivtop p.pageindex a:visited
{
    color: #6d6e70;
    text-decoration: none;
}

#weeklygameslist .weeklydivtop p.pageindex a:hover
{
    color: #000;
    text-decoration: underline;
}

#weeklygameslist .gameinfobox 
{
    background: url(imgs/gameinfoboxbg.png) 0 0 no-repeat;
    width: 735px; height: 160px;
    padding: 12px;
    float: left;
    margin-left: 5px;
}

#weeklygameslist .gameinfobox img
{
    float: left;
}

#weeklygameslist .gameinfobox p
{
    margin: 5px 0 0 5px;
    width: 415px;
    float: left;
}

#weeklygameslist .gameinfobox p.title
{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

#weeklygameslist .gameinfobox p.date
{
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #f14e01;
}

#weeklygameslist .gameinfobox p.details,
#weeklygameslist .gameinfobox p.tags
{
    font-size: 12px;
	margin: 0 0 0 5px;
	padding: 0;
}

#weeklygameslist p.popularitybar
{
    float: left;
}

#weeklygameslist p.starrating
{
    position: absolute;
	margin: -21px 0 0 70px;
}

#weeklygameslist .weeklydivbottom
{
    background: url(imgs/weeklydivbottom.png) 0 0 no-repeat;
    width: 640px; height: 28px;
    margin: 0 auto;
}

#weeklygameslist .bar
{
    width: 200px; height: 5px;
    background-color: #ccc;
    margin: 10px 0 0 70px;
}

#weeklygameslist .barfill
{
    width: 80px; height: 5px;
    background-color: #f14e01;
    margin: 9px 0 0 70px;
	position: absolute;
}

#weeklygameslist .stars
{
    background: url(imgs/stars.png) 0 0 no-repeat;
    width: 120px; height: 20px;
    margin: 123px 0 0 225px;
    position: absolute;
}

#weeklygameslist .stars4
{
    background-position: -20px 0;
}

#weeklygameslist .stars3
{
    background-position: -46px 0;
}

#weeklygameslist .stars2
{
    background-position: -70px 0;
}

#weeklygameslist .stars1
{
    background-position: -94px 0;
}

#weeklygameslist a.playgamebtn
{
    background: url(imgs/playgamebtn.png) 0 0 no-repeat;
    width: 110px; height: 28px;
    border: 0;
    float: right;
    margin-left: 20px;
    display: block;
}

#weeklygameslist a.playgamebtn:hover
{
    background-position: 0 -27px;
}

/*************************************** SIDEBAR ******************************************/

#sidebar
{
    width: 250px; height: 345px;
    float: right;
    margin-left: 30px;
}

#sidebar p.h2
{
    font-size: 24px;
    color: #0d004c;
    margin: 20px 0 0 0;
}

#sidebar img.sidebarright 
{
    margin: 30px 0 0 -25px;
}

#sidebar img.yellowborder
{
    border: 2px solid #fff22d;
}

#sidebar p.firsttitle
{
    margin-top: 15px;
}

#sidebar p.subtext
{
    color: #999;
}

#sidebar .links 
{
    margin-left: 0px;
}

#sidebar .links a, #sidebar .links a:visited 
{
    text-decoration: none;
    color: #6d6e70;
    font-size: 11px;
}

#sidebar .links a:hover 
{
    color: #0d004c;
}

/*********************************** APP HOLDER, PHONE ************************************/

#phone
{
    background: url(imgs/phone.png) 0px 0px no-repeat;
    width: 275px;
    height: 538px;
    position: absolute;
    top: 215px;
    margin-left: -10px;
}

#phone .heading 
{
    font-size: 20px;
    margin: 120px auto 0;
    width: 200px;
    color: #fff;
}

#phone .subheading
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	margin-left: 35px;
}

#phone .appsholder 
{
    width: 232px; height: 273px;
    background: url(imgs/sampleapps.png) 0 0 no-repeat;
    margin: 0 auto;
}

#phone a.viewmore, #phone a.viewmore:visited 
{
    background: url(imgs/viewmorebtn.png) 0 0 no-repeat;
    width: 204px; height: 33px;
    display: block;
    margin: 0 auto;
}

#phone a.viewmore:hover
{
    background-position: 0 -33px;
}

/*********************************************** FORMS **********************************************/

#gameenquiryform 
{
    height: 295px; width: 729px; float: left;
    background: url(imgs/gameideaform.png) 0 0 no-repeat;
	display: none;
}

#gameenquiryform p.line1
{
    font-size: 24px;
    margin: 20px 0 0 40px;
}

#gameenquiryform p.line2
{
    font-size: 17px;
    margin: 10px 0 0 40px;
}

#gameenquiryform .leftcolumn
{
    width: 300px; height: 140px;
    margin: 0 0 0 50px;
    float: left;
}

#gameenquiryform .leftfields
{
    border: 0;
    background: none;
    height: 20px; width: 250px;
    margin: 28px 0 -5px;
}

#gameenquiryform .rightfield
{
    border: 0;
    background: none;
    height: 68px; width: 340px;
    margin-top: 30px;
}

#gameenquiryform .rightcolumn
{
    width: 350px; height: 150px;
    float: left;
}

#gameenquiryform .submitbtn
{
    height: 26px; width: 79px;
    border: 0;
    background: url(imgs/submitbtn.png) 0 0 no-repeat;
    float: right;
    margin-top: 20px;
}

#gameenquiryform .submitbtn:hover
{
    background-position: 0 -27px;
}

#contactform 
{
    background: url(imgs/sideform.png) 0 0 no-repeat;
    width: 257px; height: 341px;
    float:right;
}

#contactform .gitfield
{
    border: 0;
    background: none;
    height: 25px; width: 225px;
    margin: 9px 0 9px 15px;
}

#contactform .gitfieldb
{
    border: 0;
    background: none;
    height: 25px; width: 225px;
    margin: 11px 0 9px 15px;
}

#contactform .oddgitfield
{
    border: 0;
    background: none;
    height: 25px; width: 225px;
    margin: -5px 0 0 15px;
}

#contactform select.contactdropdown
{
    width: 180px;
    margin: 15px;
    border: 0;
}

#contactform .equirybox
{
    width: 245px;
}

#contactform .submitbtn
{
    height: 26px; width: 79px;
    border: 0;
    background: url(imgs/submitbtn.png) 0 0 no-repeat;
    float: right;
}

#contactform .submitbtn:hover
{
    background-position: 0 -27px;
}

#contactform .disclaimer 
{
    font-size: 10px;
}

/************************************** ORANGE HEADERS ***************************************/

#orangesidebar
{
    width: 230px;
    float: left;
    margin-top: 15px;
}

#orangesidebar .dropdown
{
    font-size: 14px;
    width: 220px; height: 35px;
    padding: 5px 10px 5px 15px;
	margin-top: 10px;
    background: url(imgs/weeklydropdown2.png) 0 0 no-repeat;
    border: 0;
}

#orangesidebar a, #orangesidebar a:visited
{
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

#orangesidebar a:hover
{
    color: #999;
}

#orangesidebar .divider
{
    height: 27px; width: 226px;
    background: url(imgs/orangedivider.png) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding-top: 10px;
}

#orangesidebar ul li
{
    list-style-type: none;
    margin: 15px 0 0 -30px;
}

#orangesidebar a.oviewmorebtn, #orangesidebar a.oviewmorebtn:visited
{
    height: 26px; width: 139px;
    background: url(imgs/oviewmorebtn.png) 0 0 no-repeat;
    display: none;
    float: right;
}

#orangesidebar a.oviewmorebtn:hover 
{
    background-position: 0px -26px;
}

/**************************************** GAME HOLDER *******************************************/

#gameholder 
{
    width: 750px;
    float: left;
    margin-left: 15px;
}

#gameholder .divider
{
    height: 27px; width: 226px;
    background: url(imgs/orangedivider.png) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding-top: 10px;
}

#gameholder .roundedgreybordertop
{
    height: 10px; width: 228px;
    background: url(imgs/roundedgreybordertop.png) 0 0 no-repeat;
    margin-top: 10px;
}

#gameholder .greyborderinfo
{
    width: 200px;
    background: url(imgs/greyborderinfo.png) top center repeat-y;
    padding: 0px 14px;
    font-size: 11px;
}

#gameholder .roundedgreyborderbtm
{
    height: 10px; width: 228px;
    background: url(imgs/roundedgreyborderbtm.png) 0 0 no-repeat;
}

#gametitle 
{
    background: url(imgs/weeklydivtop.png) top right no-repeat;
    width: 750px;
    height: 40px;
    padding: 50px 0 10px 0;
}

#gametitle p 
{
    font-size: 24px;
    float: left;
    margin-top: 5px;
}

#gametitle p.orange 
{
    color: #f14e01;
    margin-left: 5px;
}

#gametitle p.gametitle
{
    color: #6d6e70;
    margin-left: 5px;
}

#gametitle a.playbtn, #gametitle a.playbtn:visited
{
    background: url(imgs/playbtn.png) top left no-repeat;
    width: 205px;
    height: 33px;
    display: block;
    float: right;
}

#gametitle a.playbtn:hover
{
    background-position: 0px -32px;
}

#phoneholder
{
    background: url(imgs/gamephone.png) top center no-repeat;
    width: 756px;
    height: 430px;
    margin: 10px auto;
}

#phoneholder .flashgame
{
    width: 525px;
    height: 295px;
    position: absolute;
    margin: 18px 30px;
}

#embedgame 
{
    width: 225px; float: left;
}

#embedgame .wrapurl 
{
    height: 270px; width:200px;
    border: 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #6D6E70;
}

#linktogame
{
    width: 265px;
    position: absolute;
    margin-left: 265px;
}

#linktogame .wrapurl 
{
    height: 75px; width:200px;
    border: 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #6D6E70;
}

#rating
{
    width: 225px;
    position: absolute;
    margin-left: 530px;
    text-align: center;
}

#rating .stars 
{
/*    background: url(imgs/bigstars.png) top center no-repeat;
    height: 30px; width: 171px; */
    height: 25px; width: 130px;
    margin: 10px 50px;
}

#rating p.message
{
    margin-left: 5px;
}

#shareme
{
    width: 225px;
    position: absolute;
    margin: 160px 0 0 265px;
}

#shareme .facebookbtn
{
    background: url(imgs/socialbtns.png) 0 0 no-repeat;
    height: 40px; width: 40px;
    display: block;
    float: left;
    margin: 20px 10px 10px 50px;
    border: 0;
}

#shareme .facebookbtn:hover 
{
    background-position: 0px -39px;
}

#shareme .rssbtn
{
    background: url(imgs/socialbtns.png) -40px 0 no-repeat;
    height: 40px; width: 40px;
    display: none;
    float: left;
    margin: 20px 10px 10px 0;
    border: 0;
}

#shareme .rssbtn:hover 
{
    background-position: -40px -39px;
}

#shareme .emailbtn
{
    background: url(imgs/socialbtns.png) -80px 0 no-repeat;
    height: 40px; width: 40px;
    display: block;
    float: left;
    margin: 20px 10px 10px 0;
    border: 0;
}

#shareme .emailbtn:hover 
{
    background-position: -80px -39px;
}

#shareme .twitterbtn
{
    background: url(imgs/socialbtns.png) -123px 0 no-repeat;
    height: 40px; width: 40px;
    display: block;
    float: left;
    margin: 20px 10px 10px 0;
    border: 0;
}

#shareme .twitterbtn:hover 
{
    background-position: -123px -39px;
}

#gamead 
{
    background: url(imgs/samplead.png) top center no-repeat;
    width: 471px; height: 78px;
    margin: 10px auto;
}

/************************************ FB PORT FOLIO ********************************************/

#fbportfolio
{
    margin: 0px 10px;
    width: 450px;
    float: left;
}

#fbportfolio blockquote
{
    color: #f00;
    text-align: justify;
}

#fbportfolio blockquote p:first-letter
{
    font-size: 18px;
    font-weight: bold;
}

#fbportfolio img
{
    border: dashed 2px #ffad62;
    color: #f04e01;
    padding: 5px;
}

#fbportfolio img:hover
{
    border: 2px solid;
}

#fbportfolio p.h2 
{
    font-size: 24px;
    margin-bottom: -20px;
}

#fbportfolio p.h3
{
    font-size: 14px;
    color: #f04e01;
    margin: 40px 0 5px 0;
}

#fbportfolio p.smallitalics 
{
    font-style: italic;
    font-size: 10px;
}

#fbportfolio a, #fbportfolio a:visited 
{
    text-decoration: none;
}

#fbportfolio .vctopdiv
{
    background: url(imgs/vctopdiv.png) 0 0 no-repeat;
    width: 452px; height: 29px;
    margin-bottom: 15px;
    float: left;
}

#fbportfolio .vcbottomdiv
{
    background: url(imgs/vcbottomdiv.png) 0 0 no-repeat;
    width: 452px; height: 29px;
    float: left;
    margin: 15px;
}

/****************************************** FOOTER *******************************************/

#footer 
{
    background: url(imgs/redfooterbg.jpg) center bottom;
    height: 30px; 
    width: 100%;
    margin: 0px auto 0; 
    font-size: 10px;
    text-align: left; 
}

#footer p 
{
        color: #b08587;
        float: right;
        margin: 0 10px;
}

#footer .wrapper
{
    width: 100%;
    margin: 0 auto;
}

#footer .linksline1
{
    float: left;
    margin-top: 20px;
    width: 1000px;
}

#footer .linksline1 a, #linksline1 a:visited
{
    font-size: 14px;
    color: #fff;
    float: left;
    margin-right: 10px;
    text-decoration: none;
}

#footer .linksline1 a:hover 
{
    color: #ff0;
}

#footer .logo
{
    background: url(imgs/logo.png) top left no-repeat;
    height: 93px; width: 263px;
    float: left;
    margin: 20px 0px;
}

#footer .linksline2 a, #footer .linksline2 a:visited
{
    font-size: 10px;
    float: right;
    margin-right: 10px;
    text-decoration: none;
    color: #b08587;
}

#footer .linksline2 a:hover
{
    color: #fff;
}

/*************************************/

.blogarticletrails
{
	margin: 16px 0;
	height: 10px;
}

table.blogarticletext
{
	color: #000;
}

#pageindex a, #pageindex a:visited, #pageindex2 a, #pageindex2 a:visited
{
    color: #6d6e70;
    text-decoration: none;
	margin: 0 2px;
}

#pageindex a:hover, #pageindex2 a:hover
{
    color: #000;
    text-decoration: underline;
}

#pageindex, #pageindex2
{
	float: right;
	margin-top: 20px;
}

#gamelist table td
{
	padding-bottom: 8px;
}

