#site_main {text-align:center; }
#site_main2 {text-align:center; margin:0 auto;}
 
#site_holder {	width:80px; 	margin:0 auto;	text-align:left; }

#site_holdertt {	width:1024px; 	margin:0 auto;	text-align:left; padding:0; }

.rdrct {width:1000px; height:45px auto; border: 0px solid #000;}

#redirect-holder {position:absolute; width:250px; top:0px; right:0px; }
#game-holder {}
.twit a:hover {text-decoration:none;}

.tps {padding-top:20px;}

.callbackforminput {width:200px; height:auto; padding:5px 0 5px 5px; font-size:1em; background-color:#fff; border: 1px solid #aaa; color:#555;}
.callbackforminput3 {width:350px; height:auto; margin-top:5px; padding:5px 0 5px 5px; font-size:1em; background-color:#fff; border: 1px solid #aaa; color:#555;}
.callbackforminput2 {width:205px; height:auto;margin:5px 0 5px 2px; font-size:1em; background-color:#fff; border: 1px solid #aaa; color:#555;}
.callbackbutton {font-size:1em; background-color:#000; border: 2px solid #FEC10E; color:#fff; padding:3px;  }
.callbackbutton:hover {text-decoration:underline; font-size:1em; background-color:#000; border: 2px solid #FEC10E; color:#fff; cursor:hand; border}
.contact-form {border:3px solid #f5d85a; width:510px; float:left; padding:5px 0px 20px 20px; background-color:#fff;}
.contact-form-success {border:3px solid #f5d85a; width:510px; float:left; padding:50px 0px 197px 20px; background-color:#fff;}
h4 {font-size:15px; padding:15px 0 15px 0; font-weight:bold;}



.txtbeforeid {width:130px; float:left;}
.thumbnail  {width:120px; height:64px;}
.thumbnail  a {position:relative; left:0px; top:1px; padding:0px 60px 46px 55px; border:1px solid #000;}
.thumbnail  a:hover {text-decoration:none; left:0px; top:1px; padding:0px 60px 46px 55px; border:1px solid #FEA936; }
.game-holder {width:130px; float:left; height:104px;}
.game-link   a {padding-top:0; }

.omgg  a{padding-top:40px;}
.omg a {padding-top:120px; display:inline;}
.omg {width:100%; background:url(inner-bg.png) bottom left repeat-x; color:#eee; position:relative; top:40px; display:inline; padding:0 7px 0 7px;}
.beb a {padding-top:80px;padding-bottom:0px; padding-left:0px;padding-right:0px; width:100%; vertical-align:bottom;   background:url(inner-bg.png) bottom left no-repeat; font-size:10px;}
.beb { display:inline; height:auto;  margin-right:5px; padding:40px 18px 40px 18px; }
.beb2 {display:inline; width:100%; padding:0; margin:0;z-index:200;}
.beb2 a {background:url(inner-bg.png) bottom left repeat-x;padding:0px 0px 0px 0px;position:relative; margin:0;}
.beb-holder { background:url(underlay.png) top center no-repeat; clear:both;display:inline; width:120px;padding-left:8px;z-index:200;}
.description {display:inline; width:120px; margin-left:0px; text-align:center;}
.headerimg {display:inline; margin-top:10px; padding-left:0px; text-align:center; width:120px;}
.beb-holder img {z-index:200;}


html{ font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;text-align:center;}a { color:black; text-decoration:none;}

h1 { font-size:35px; font-weight:bold; }

.description { font-size:16px; color:purple; }

h1 { position:relative;}div.description { position:relative; }

#logo {float:left; font-size:0.7em; color:#ffd667;}

.menu {padding-top:10px; z-index:1000;}
 
 .menu ul li a, .menu ul li a:visited {z-index:1000;
 display:block; text-decoration:none; color:#ffd667;width:104px; height:auto; text-align:center; color:#ffa800; border:0px solid #purple; 
 line-height:auto; overflow:hidden;}

.menu ul {padding:0 ; margin:0; list-style: none; font-size:0.8em;z-index:1000;}

.menu ul li {float:left; position:relative;z-index:1000;}

.menu ul li ul {display: none;}/* 
specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:ffa800; z-index:1000;}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:125px;z-index:1000;}
.menu ul li:hover ul li a.hide 
{background:#ffd667; color:#fff; z-index:1000;}
.menu ul li:hover ul li:hover a.hide {background:#ffa800; color:#000;}.menu ul li:hover ul li ul {display: none;}.menu ul li:hover ul li a {display:block; z-index:1000;
background:#ffd667; 
color:#000;}
.menu ul li:hover ul li a:hover {background:#ffa800; color:#000;z-index:1000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:125px; top:0;z-index:1000;}.menu ul li:hover ul li:hover 
ul.left 
{left:-125px;}.menu li {float:left; padding:0; margin:0; background:none; }
.menu li a { color:#ffa800; text-align:center; padding:4px 0 4px 0; z-index:1000;}
.menu li a:hover {text-decoration:none; color:#000000;  z-index:1000; 
}.no_bg {background:none !important;}
.menu .on  a { font-style:normal;border-bottom:2px solid #ffffff;  z-index:1000;}/* CSS Document */
/*#crm {background-color:#faf5ed; line-height:1.2em;}*/
#crm {background-color:transparent;  font-size:0.85em; 
width:170px;
}



.crmbutton {  border:3px solid #ffd667; background-color:#ffd667;font-size:0.7em;}
.crmbutton:hover  {border:3px solid #ffa800; background-color:#ffd667; font-size:0.7em;cursor:pointer; }

.pga-form {font-size:13px; height:28px; width:175px; border:0; background:url(images/search.png) no-repeat; padding-left:13px; padding-top:4px; color:#ffa800; line-height:auto; vertical-align:middle;}

.page-form-holder {height:28px;}

.crm-box2 {padding:0 ; margin:0; line-height:100%;}


#site_center {text-align:center;
/*background:#abbed3 url(images/snowflakes-header.gif) no-repeat top center;*/
}
/* changed from 780 to 1000 by JM */
#main {	width:1000px;	margin:0 auto;	text-align:left; /*background:url(images/pga_background.png) repeat-x top left ;*/}
#header {height:auto; font-size:1.4em; padding-bottom:10px;}
/* background colour of columns = faf5ed */

.small {font-size:0.8em; line-height:100%;}
.a {font-size:0.9em; padding:5px 5px 2px 20px; background:url(images/qa.jpg) top left no-repeat;}
.q {padding:10px 20px 20px 50px; margin-bottom:20px;font-size:0.85em; color:#777; font-weight:bold;border-bottom:1px dashed #ccc;}
.q2 {padding:0px 20px 0px 50px; font-size:0.85em; color:#777; font-weight:normal;}
.q a {color:#777; text-decoration:none;}
.a strong {color:#777;}





#middle { background:url(images/middle_bg.gif) top repeat-x; height:auto;}

#footer { height:79px;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}
.container {width:100%;}

/* ============================= index ===========================*/
#index .column1 {width:251px;}
#index .column2 {width:253px;}
#index .column3 {width:236px;}
/* ============================= index-1 ===========================*/
#index_1 .column1 {width:412px;}
#index_1 .column2 {width:326px;}
/* ============================= index-2 ===========================*/
#index_2 .column1 {width:200px;}
#index_2 .column2 {	width:540px;}
/* ============================= index-3 ===========================*/
#index_3 .column1 {width:540px;}
#index_3 .column2 {width:200px;}
/* ============================= index-4 ===========================*/
#index_4 .column1 {width:251px; height:100%}
#index_4 .column2 {	width:253px;height:100%;}
#index_4 .column3 {width:236px; height:100%;}
/* ============================= index-6 ===========================*/

* {	margin:0; padding:0;	font-size:1em;}

body{	background:#9900b0;}

img {	vertical-align:middle;}
a img { border:0;}



ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html, input, textarea
	{
	font-family:arial;
	font-size:0.813em;
	line-height:1.231em;
	color:#333333;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {	color:#ffffff; text-decoration:none;}
a:hover{text-decoration:underline;}
strong {	color:#ffffff;}
.red {	color:#487EAD;}
p {padding-top:16px;}
.pb {padding-bottom:14px;}

/* ============================= main layout ====================== */
.round h2 {font-size:1.5em; line-height:1em; font-style:normal; font-weight:normal; padding:20px 10px 20px 2px;}
h1 { text-indent:-10000px; height:36px; line-height:1.25em; font-size:0.75em; margin-bottom:56px;}
h2 {font-size:1.5em; line-height:1em; font-style:normal; font-weight:normal; margin:0 0 11px 12px;}
h2 span { display:block; margin:-2px 5px 0 0; float:left;}
h3 {	font-size:1.385em;
	font-style:italic;
	color:#487EAD;
	font-weight:normal;
	line-height:1em;
	margin:0 0 11px 0;}
.h3 {margin-top:9px; padding-left:10px;}

h4 {padding-bottom:8px;}

li { padding:4px 0 6px 5px ;}
li a {color:#3e3e3e; font-weight:normal; text-decoration:none;}
li a:hover {text-decoration:none; color:#4692e5;}

.imgindent {margin:0 32px 0 0; float:right; height:60px;}
.blog-imgindent {margin:5px 0px 10px 20px; float:right; border:1px solid #ccc;}

.imgindent1 {width:175px; margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 20px 20px 0; float:left;}
.imgindent3 {text-align:center;}
.middlecol{float:left; width:180px; padding-top:10px}
.leftcol {margin:0 20px 0 0; float:left; width:42%;}
.leftcol2 {margin:0 20px 0 0; float:left; width:42%;}
.leftcol3 {margin:0 20px 0 0; float:left; width:69%; text-align:left;}
.rightcol {float:right; width:49%;}
.rightcol3 { text-align:center; float:right; width:20%; padding-right:35px; border:0px solid #ccc;}
.rightcol3 h3 {margin:0; padding-bottom:15px;}
#rapper {width:100%;}
#rapper_2009 {width:100%; height:auto;}
.hiphopper {width:50%; float:left;}
.hiphopper2 {width:75%; float:left; margin-left:5px;}

.blogtitle {padding:0px 0 5px 0;}
.blogdate { text-align:right; padding-right:10px; padding-top:4px; border-bottom:0px dashed #ccc; margin-left:0px; }
.blog {border-top:0px solid #ddd; padding-bottom:30px;  margin-bottom:0px; }
.blogtitle h3 {font-size:1.1em; font-style:italic; border-top:1px solid #ccc; padding-top:10px;}
.blog-side-title h3 {font-size:1em; font-style:italic; ; padding-top:5px;}
.blog-side {font-size:0.9em; font-style:normal; }
.blog-list {font-size:1.3em; line-height:200%;}
/* ============================= header ====================== */
#header .indent {padding:17px 0 50px 30px;}


.installs-list   {line-height:120%; padding:0 15px 15px 15px; }


/* ============================= middle ====================== */
#middle .indent{ padding:30px 20px 57px 20px;}
#index .box {background:#9900b0; height:375px;}
#index .box .bl {background:url(images/box_bl.gif) bottom left no-repeat; height:100%;}
#index_4 .box {background:#9900b0; height:375px;}
#index_4 .box .bl {background:url(images/box_bl.gif) bottom left no-repeat; height:100%;}
#index_4 .box .br {background:url(images/box_br.gif) bottom right no-repeat; height:100%;}
#index_3 .box {background:#faf5ed url(images/box_br.gif) bottom right no-repeat; height:1200px;}
#index_3 .box .bl {background:url(images/box_bl.gif) bottom left no-repeat; height:100%;}



.box {background:#9900b0 url(images/box_br.gif) bottom right no-repeat; height:100%;}
.box .bl {background:url(images/box_bl.gif) bottom left no-repeat; height:100%;}
.box .tr {background:url(images/box_tr.gif) top right no-repeat;}
.box .tl {background:url(images/box_tl.gif) top left no-repeat; width:100%;}
#index_6 .box .padding {padding:27px 20px 32px 18px; height:auto; line-height:150%;}
.box .padding {padding:127px 20px 32px 18px; height:auto; }
.box .padding2 {padding:20px 10px 32px 10px;height:auto;}
.box .padding3 {padding:0 5px 0 5px;height:auto;}
.bot_img {margin-bottom:17px;}*/

/* ============================= footer ====================== */
#footer {width:1000px;}
#footer .container { width:1000px;}
#footer {color:#fff;}
#footer .left {padding:21px 0 0 38px; font-size:0.8em;}
#footer .right {padding:10px 10px 10px 0; font-size:0.8em;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/* ============================= index ============================= */

#index .column_pad1 {padding-right:17px;}
#index .column_pad2 {padding-right:15px;}

.f_list {padding:0; padding-left:20px;}
.f_list li { padding:1px 1px 0px 0px ;}
.f_list li a {display:block; padding:3px 0 11px 55px;}


/*
.f_list .li2 a:hover {background:url(images/pe-on.gif) top left no-repeat;}
.f_list .li3 a:hover {background:url(images/ra-on.gif) top left no-repeat; }
.f_list .li5 a:hover {background:url(images/g-on.gif) top left no-repeat; }
.f_list .li6 a:hover {background:url(images/rb-on.gif) top left no-repeat; }
.f_list .li7 a:hover {background:url(images/internet-on.gif) top left no-repeat; }
.f_list .lix a:hover {background:url(images/job-system-on.gif) top left no-repeat; }
*/





.f_list .lix a  {padding:0px 0px 0px 0px; background:url(images/job-system.gif) top left no-repeat; }
.f_list .li1 {padding:0px 0px 0px 0px ;}
.f_list .li2 a { background:url(images/pe.gif) top left no-repeat;}
.f_list .li3 a { background:url(images/ra.gif) top left no-repeat;}
.f_list .li4 a { background:url(images/f_list4.jpg) top left no-repeat;}
.f_list .li5 a { background:url(images/safesearch.jpg) top left no-repeat;}
.f_list .li6 a { background:url(images/rb.gif) top left no-repeat;}
.f_list .li7 a { background:url(images/internet.gif) top left no-repeat;}
.f_list .li8 a { background:url(images/wb.gif) top left no-repeat;}
.f_list .li9 a { background:url(images/wireless.gif) top left no-repeat;}
.f_list .li11 a { background:url(images/blog.jpg) top left no-repeat;}
.f_list .li12 a { background:url(images/wiki.jpg) top left no-repeat;}

#index .column3 .padding {padding:10px 20px 28px 17px;}

/* ============================= index-1 =========================== */

#index_1 .column_pad1 {padding-right:19px;}
#index_1 .column1 .padding {padding:27px 21px 32px 10px;}
#index_1 .column1 .padding3 {padding:0 0 0 10px;}
#index_1 .column2 .padding3 {padding:0 5px 5px 9px;}

/* ============================= index-2 =========================== */

#index_2 .column1 .padding {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 18px;
}
#index_2 .column1 ul {margin-top:7px;}

#index_2 .column_pad1 {padding-right:18px;}
#index_2 .column2 .padding3 {padding:5px 5px 15px 8px;}



/* ============================= index-3 =========================== */

#index_3 .column_pad1 {padding-right:16px;}
#index_3 .column2 .padding {padding:22px 15px 31px 10px;}



/* ============================= index-4 =========================== */

#index_4 .column_pad1 {padding-right:0px; height:auto;}
#index_4 .column_pad2 {padding-right:0px; height:auto;}


form {margin:18px 0 0 0;}
form .rowi {height:26px;}
form .rowt {height:100px;}
form .taright {text-align:right;}

.input {width:303px; height:18px; padding:0 0 0 5px; font-size:1em; font-size:1em; background-color:#d7ddeb; border: 1px solid #aaa;}
textarea {width:303px; height:100px; padding:0 0 0 5px; overflow:auto; font-size:1em; background-color:#d7ddeb; border: 1px solid #aaa;}
.button {font-size:1em; background-color:#5b7a9e; border: 2px solid #bbb; color:#fff;}
.button:hover {font-size:1em; background-color:#4692e5; border: 2px solid #aaa; color:#ccc; cursor:hand; border}

/* ============================= index-5 =========================== */

#index_5 .box .padding {padding:27px 10px 32px 18px;}
#index_6 .column1  {width:990px;}
#index_6 .box .padding {padding:27px 10px 32px 18px;}



.padding-right {padding-right:25px;}
.box .tr {background:url(images/box_tr.gif) top right no-repeat;}
.box2 .padding {padding:27px 20px 32px 18px; height:auto;}
.box2 .padding2 {padding:20px 10px 32px 10px;height:auto;}
.box2 .padding3 {padding:0 5px 0 5px;height:auto;}
.box3 .padding {padding:27px 20px 32px 18px; height:auto;}
.box3 .padding2 {padding:20px 10px 32px 10px;height:auto;}
.box3 .padding3 {padding:0 5px 0 5px;height:auto;}



h5 {
font-size:1.6em;
font-style:italic;
font-weight:bold;
text-decoration:none;
padding-bottom:18px;
color:#ffffff;
;
letter-spacing: 0.5px;}

h5 a:hover {color:#4692e5; text-decoration:underline;}

h6 {font-size:1.2em;
font-weight:normal;
padding-bottom:10px;
text-decoration:none; color:#ffffff; letter-spacing: 0.5px}

h6 a:hover {color:#4692e5; text-decoration:underline;}


.full {width:99%;
padding-bottom:18px;
line-height:150%;
}


.half-left {float:left; width:50%;padding-bottom:18px;line-height:150%;
 padding-right:15px;
}
.half-left2 {float:left; width:50%;margin-bottom:18px;line-height:150%;
 padding-right:15px;
}
.half-right {line-height:150%; }

.half-right3 {line-height:165%; }

.twothirds-left {float:left; width:63%; padding-bottom:10px;line-height:150%; padding-right:15px;}
.twothirds-right {line-height:150%; font-size:0.85em;}

.full2 {float:left; width: 99%; padding-bottom:10px;line-height:150%;  padding-right:15px;}


.wow {font-size:0.9em;
color:red;
font-style:italic;}

.indentme { padding-left:55px;}



.pe {background:url(images/pe-big.gif) top right no-repeat;}
.ra {background:url(images/ra-big.gif) top right no-repeat;}
.internet {background:url(images/internet-big.gif) top right no-repeat;}
.rb {background:url(images/rb-big.gif) top right no-repeat;}
.ts {background:url(images/ts.gif) top right no-repeat;}
.wb {background:url(images/wb-big.gif) top right no-repeat;}

.services-menu {font-size:1em;}

/* curve height, background image */
.roundedhoney .t, .roundedhoney .b, .roundedhoney .b b, .roundedhoney .t b{
height:10px;
background-image:url(images/boxy.png);
}


/* inner color, border color, border width */
.roundedhoney .c{
background:#ffd667;
border-color:#ff901a;
border-left-width:4px;
border-right-width:4px;
}

/* surrounding margins (optional) */
.round{
margin:0 0 5px 0;padding:0;float:left;
}
.round .c{
/* inner content padding */
padding:0 10px 0 15px;
border-top:0;
border-bottom:0;
border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;
}
.round .t b, .round .b b{
float:right;
width:50%;
}
.round .t .r{
background-position:top right;
}
.round .b .r{
background-position:bottom right;
}
.round .b{
background-position:bottom left;
}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;
}


/* curve height, background image */
.whitey .t, .whitey .b, .whitey .b b, .whitey .t b{
height:10px;
background-image:url(images/whitey.png);
}

/* inner color, border color, border width */
.whitey .c{
background:#ffffff;
border-color:#ff901a;
border-left-width:4px;
border-right-width:4px;
}

/* curve height, background image */
.inboxbox .t, .inboxbox .b, .inboxbox .b b, .inboxbox .t b{
height:10px;
background-image:url(images/inboxbox.png);
}

/* inner color, border color, border width */
.inboxbox .c{
background:#ffd667;
border-color:#ff901a;
border-left-width:4px;
border-right-width:4px;
}


.pga-like {float:left;display:inline; min-height:70px; min-width:155px; margin:10px; padding;5px;}
.pga-dislike {float:left; display:inline; min-width:155px; min-height:70px; margin:10px;  padding:5px;}

.pga-dislike a {background:url(images/pga-dislike.png) 0 0 ;  }
/*.pga-dislike a:hover {background:url(images/pga-dislike.png) 0 40;  }    */

.pga-like a{background:url(images/pga-like.png) 0 0 ;}
/*.pga-like a:hover {background:url(images/pga-like.png) 0 40; }  */


.rating {
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}


ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}