body,div,dl,dt,dd,li,pre,form,fieldset,input,textarea,p,blockquote,th,td,button,select{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}ol,ul{list-style:none;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0} caption,th{text-align:left;font-weight:normal;font-style:normal}acronym,abbr,fieldset,img{border:0}:focus{outline:0}

/* BODY */
body { font-family:Lucida grande, verdana, Arial; font-size:11px; color:#666;}

p{
	float: left;
}
/* HEADER */
#headerWrap{width: 100%; height: 83px; float: left;background: url(bg_body.jpg) repeat-x;}
#header{width: 950px; margin: 0 auto; height: 83px;}
#headerLogo{width: 250px; height: 65px; float: left; background: url(header_logo.jpg) no-repeat; margin: 10px 0;}
#headerTitle{width: 210px;float:left; margin:20px 0 0 62px; color:#252F35;}
#headerTitle h1{font-size: 12px; font-weight: bold;}

/* MENU */
#mainMenu{width: 950px; height: 34px; background:#252E34 url(bg_menu.jpg) no-repeat; margin: 0 0 10px 0;}
#mainMenuStart{width: 15px; height: 32px; float: left; background: url(menu_divider.jpg) no-repeat right;}
#mainMenu ul {margin: 0; padding: 0; list-style: none;}
#mainMenu li {display: inline;}
#mainMenu a {display: block;float: left;height: 32px;margin: 0;padding:8px 15px 0 10px;text-decoration: none;text-transform:capitalize; background: url(menu_divider.jpg) no-repeat top right; font-size: 11px;color: #CCCCCC; }
#mainMenu .last a{background-image: none;}
#mainMenu a:hover {color: #FFF; background: url(a_hover.jpg) no-repeat top right;}
#mainMenu .current a {color: #FFFFFF;}


/* CONTENT */
#contentWrap{width: 100%;  float: left;}
#mainContent{width: 970px; margin: 0 auto; margin-bottom:20px; }

/* COLUMN */
#column{width: 690px; float: left; margin:0 0 20px 0; }
#column h2, h3{font-weight: bold; color: #252E34; margin: 10px 0 2px 0; float:left; width: 99%; }
#column h2{font-size: 12px; float: left; }
.divider{width: 670px; height: 1px; margin: 5px 0; float: left; border-bottom: 1px solid #ccc;}


/* SIDEBAR */
#sidebar{width: 260px;float: left; margin: 10px 0 0 5px; }
#sidebar .box1{width: 240px; background: #D6DDE3 url(border_box_sidebar.gif) repeat-x top; float: left; margin:0 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0}
#sidebar .box1 :hover{color: #252E34;}
#sidebar .box2 :hover{color: #252E34;}
#sidebar .box2{width: 240px; background: #EFEFEF url(border_box_sidebar.gif) repeat-x top; float: left; margin:0 10px; border-left:1px solid #ccc; border-right:1px solid #ccc;padding:10px 0}

#sidebar .boxAdsense{width: 240px; background: #D6DDE3 url(border_box_sidebar.gif) repeat-x top; float: left; margin:0 0 10px 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; text-align: center; border-bottom:1px solid #ccc; }


#sidebar .boxEnd{width: 240px; background: #EFEFEF url(border_box_sidebar.gif) repeat-x top; float: left; margin:0 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#sidebar a{
	color: #666 ; text-decoration: none;
}

/* FLAGS */
.flags{width: 70px; float: right; margin: 15px 0;}
.flags img{border: 1px solid #FFF;}
/* FOOTER */
#footerWrap{width: 100%;height: 280px; margin: 0 auto; clear: both; overflow: hidden; background:#D1D7DD url(bg_footer.jpg) repeat-x;}
#footer{width: 950px;margin: 30px auto;}
#footerIso{width: 140px; height: 70px; float: left; background: url(iso_footer.jpg) no-repeat right;}
#footer .column{width: 280px; height: 120px; float: left; margin: 0 10px;}
#footer h4{color:#252E34; font-weight: bold; width: 100%; float: left;  }

#footer #flags{width: 100%; float: left;  }
#footer .inside{margin:0 10px;}
/* FORM */
#form{
	margin: 8px; float: left; background: url(arroba_bg.jpg) no-repeat right;
}
.form{width: 90%; float: right;}
.form li{width: 90%; float: left; margin: 5px 0;}
.form label{width: 160px; float: left;}
.form input{width: 200px; float: left; }
.form textarea{width: 200px; float: left;}

/* MISC */
.textJustify{text-align: justify;}
.inside{margin: 8px; text-align: justify;}
.insideCenter{margin: 10px; text-align:center;}
#feed li{margin: 5px 0; display: block; border-bottom: 1px solid #FFF; padding-bottom: 2px;}
#feed a{color: #252E34; text-decoration: none; font-weight: bold; font-size: 10px; }

/* PORTFOLIO */
.boxPort{width: 205px; float: left; margin:4px 7px; }
.boxPort .title{width: 205px; float: left; margin: 3px; color:#647B90; font-weight:bold; }
.boxPort .image{width: 202px; height:100px; overflow:hidden; margin:0 3px; border: 2px solid #D6DDE3; float: left; }
.boxPort .image img{margin: 1px; }
.boxPort .url{width: 200px; float: left; margin: 3px;  color: #333; text-align: right; }
.boxPort .url a{color: #333; text-decoration: none; }
.boxPort .description{width: 200px; float: left; margin: 3px;  text-align: justify; }
.avatar{width: 130px; margin: 5px 3px; float: left; border:1px solid #D6DDE3;}
.avatar img{ margin:1px;}
/* ALLIANCES */
.boxAlliance{width: 690px; float: left; margin:5px 0 10px 0; }
.boxAlliance .title{width: 690px; float: left; margin: 3px 0; color:#647B90; font-weight:bold; font-size: 12px; }
.boxAlliance .image{width: 685px; margin:3px 0; border: 2px solid #D6DDE3; float: left; }
.boxAlliance .image img{margin: 1px;  }
.boxAlliance .url{width: 690px; float: left; margin: 3px 0;  color: #333; text-align: right; }
.boxAlliance .url a{color: #333; text-decoration: none; }
.boxAlliance .description{width: 690px; float: left; margin: 3px;  text-align: justify; }

/* CODE (Abmator) */
.code{margin: 10px 0; border: 1px solid #CCC; background: #D6DDE3; padding: 5px; overflow: hidden;}
input{margin: 3px 0;}

/* Portofolio */

.portDetail{
	margin: 7px 0; float: left; text-align: justify;
}
.portUrl a{
	margin: 7px 0; float: left; text-align: justify; font-weight: bold; color: #252E34; text-decoration: none; font-size: 10px;
}

.portUrl{
	width: 640px; float: left;
}