/*

POPFOLIO.NET CSS FILE  - STYLE1 : MAINPAGE
DESIGNED BY BRIGHT LIGHTS AT MIDNIGHT (KUALA LUMPUR, MALAYSIA!)
HTTP://WWW.BLAM.COM.MY

*/

/* -== GLOBAL ==- */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(../images/bgfull.gif) repeat-x #d6d6d6 !important;
background:#d6d6d6;
text-align:center;
padding:0;
margin:0;
}

p {
margin:0;
padding:0;
}

#wrap {
padding-left:10px;
margin-right:25px;
}

/* == TOP SECTION EG. LOGO, NAVIGATION ETC == */

#top {
background:none !important;
background:url(../images/bgHead.gif) repeat-x;
height:96px !important;
}

#topContainer {
margin:0 auto;
width:778px !important;
width:768px;
position:relative;
}

#logo {
background:url(../images/logo.gif) no-repeat;
width:90px;
height:79px;
margin-top:-58px !important;
margin-top:-60px;
float:left;
margin-left:10px !important;
margin-left:0px;
}


#menu {
padding-top:15px;
text-align:right;
float:right;
}

#menu table {
text-align:right;
float:right;
color:#FFFFFF;
position:relative;
font-size:11px;
border:0;
}

input, select, textfield {
font-size:10px;
}

#menu input {
font-size:11px;
border:0;
}

#menu ul {
list-style:none;
clear:right;
}

#menu li { 
text-align:right;
display:inline;
margin-right:20px;
}

#menu li a,  li a:hover, li a:visited { 
font-size:14px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

#menu li a {
color:#F68C20;
text-decoration:none;
}

#menu li a:hover { 
color:#58b947;
}

#menu li a:visited { 
text-decoration:none;
}


/* == CONTENT SECTION == */

#container {
background:url(../images/bgContent.png) repeat-y !important;
background:url(../images/bgContent2.gif) repeat-y; 
width:802px;
margin:0 auto;
margin-top:0px;
text-align:left;
padding-left:13px;
padding-top:10px;
}

#mainFeature {
margin-top:-10px;
background:url(../images/blueBg.gif) no-repeat;
width:774px;
height:269px;
}

#contentArea {
margin-top:10px;
padding-left:5px;
padding-right: 30px;
margin-bottom: 30px;
}

#contentArea p {
margin-top:10px;
}

#blackBoxes{
margin:0;
color:#FFFFFF;
font-size:14px;
}

#blackBoxes p{
line-height:1.5em;
}

#blackBoxes h1{
padding-left:8px;
color:#58b947;
font-size:16pt;
margin:0;
padding-top:10px;
}

.wrap {
padding-left:10px;
padding-right:8px;
}

.right {
float:right;
margin-top:50px;
margin-right:15px;
}

.right2 {
float:right;
margin-top:30px;
margin-right:15px;
}

#bbox1Head, #bbox2Head {
background:url(../images/greyHeader.gif) no-repeat;
}

#bbox3Head {
background:url(../images/blackHeader.gif) no-repeat;
}

#bbox1Head, #bbox2Head, #bbox3Head {
width:251px;
height:46px;
}

#bboxHead2{
float:right;
margin-top:-30px;
margin-right:10px !important;
margin-right:5px;
}

#bboxHead2 a {
font-size:x-small;
font-weight:bold;
color:#FFFFFF;
}

#bboxHead2 a:hover {
font-weight:bold;
color:#CCCCCC;
}

#bbox1, #bbox2, #bbox3 {
width:251px;
float:left;
margin-right:6px !important;
margin-right:10px;
}

#bbox1content, #bbox2content {
background:#6e716e;
}

#bbox3content {
background:#1e201e;
} 

#bbox1content, #bbox2content, #bbox3content{
padding-bottom:10px;
padding-left:3px;
height: 390px;
}

#bbox1content a {
font-weight:bold;
color:#FFFFFF;
}

#bbox1content a:hover {
font-weight:bold;
color:#CCCCCC;
}

#bbox2content a {
font-weight:bold;
color:#FFFFFF;
}

#bbox2content a:hover {
font-weight:bold;
color:#CCCCCC;
}

#bbox1 {
margin-left:-4px !important;
margin-left:-2px;
}

#bboxClear {
clear:left;
height:15px !important;
}

/* == 2ND FOLD == */

#2ndFold{
margin:0;
}

#boxA, #boxB {
float:left;
}

#boxA {
width:506px;
margin-left:2px !important;
margin-left:-2px;
padding-right:2px !important;
padding-right:15px;
font-size:11px;
line-height:0.7em;
color:#333333;
}

#boxA h1 {
margin-left:-8px;
}

#boxB-Head {
background:url(../images/blackHeader.gif) no-repeat;
width:251px;
height:46px;
}

#boxB-content {
background:#1E201E;
}

/* == MAIN FEATURE FLOAT == */

#signUpFloat {
width:390px;
height:100px;
float:right;
margin-top:35px;
margin-right:65px !important;
margin-right:28px;
color:#FFFFFF;
}

#signUpFloat a {
color:#FFFFFF;
font-size:12px;
text-decoration: underline;
font-weight:bold;
}

#signUpFloat a:hover {
color:#CCCCCC;
}

#signUpFloat h1 {
color:#FFFFFF;
font-size:24px;
margin-bottom:5px;
}

/* == FOOTER == */

#footer {
margin-top:-10px !important;
margin-top:-12px;
margin-left:-13px;
background:url(../images/footer.gif) no-repeat;
width:802px;
height:85px;
text-align:center;
}

#footerMenu {
font-size:11px;
color:#FFFFFF;
}

.magic {
display:none !important;
visibility:visible;
}

.footerMove {
margin-top: 5px !important;
margin-top: 5px;
}

#footerMenu ul { 
list-style:none;
padding-top:10px;
}

#footerMenu li { 
display:inline;
margin-right:15px;
}

#footerMenu a {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#footerMenu a:hover {
color:#58b947;
}


/* == TEMPLATE COLUMNS AND ROWS == */

/* COLUMNS */
#tempTopLeft, #temTopRight, #tempBtmLeft,#tempBtmRight   { 
float:left;
margin-right:10px;
}

/* ROWS */
#tempTop {
width:768px;
margin:0 auto;
text-align:left;
margin:0;
padding:0;
font-size:11px;
}

#tempBtm { 
margin-left:2px;
padding-top:5px;
padding-bottom:20px;
width:768px;
}

/* COMMENT PAGE */

#topContainerPopup {
margin:0 auto;
width:378px !important;
width:368px;
position:relative;
}

#containerPopup {
background:url(../images/bgContent.png) repeat-y !important;
background:url(../images/bgContent2.gif) repeat-y; 
width:402px;
margin:0 auto;
margin-top:0px;
text-align:left;
padding-left:13px;
padding-top:10px;
}