body {
color: #F2F2F2;
background: #F2F2F2;
}
* {
margin: 0;
padding: 0;
border: 0;
}
/***** Define layout *****
------------------------------------------------------------------*/
#mwcol {
	width: 1000px;
	float: none;
	margin: 0 0px 0 0;
	padding: 0px 0 0 0;
        background: #F2F2F2;


}
#left-mcol {
        background: #F2F2F2;
	float: left;
        width: 687px;
	margin: 0 10px 0 0;
	padding: 0 0 0px 0
}
#righ-mtcol { 
        float: right;
        width: 293px;
	margin: 0 0px 0 0;
	padding: 0 0 0px 0;

}
#headerbg{
	height: 130px;
	padding: 0px 0 0 0px;
	background: #020202 url(xtre_mww_files/bg841.gif) repeat center;
	clear: both;
	width: 1005px;
}
#header-bar{
	height: 20px;
	padding: 0px 0 0 0px;
	background: #020202 url(xtre_mww_files/header-bar.gif) no-repeat;
	width: 60px;
}
#bodymbg {
	height: 75px;
	padding: 0px 0 0 0px;
	background: transparent url(xtre_mww_files/up-lde.gif) no-repeat;
	clear: both;
	width: 1005px;
}
#fol-bgru {
	background: transparent url(xtre_mww_files/grung-foo.gif) repeat center;
	height: 60px;
	clear: both;
	width: 1005px;
}
#fol-bgdw {
	background: transparent url(xtre_mww_files/footer-bg.gif) repeat center;
	height: 257px;
	clear: both;
	width: 1005px;
}
/***** Fonts and bars *****
------------------------------------------------------------------*/
h1 {
	float: left;
	text-indent: -9999px;
	width: 390px;
	height: 80px;
	background: transparent url(xtre_mww_files/logo-mw2.gif) no-repeat;
	font-weight: normal;
	margin: 50px 0 0 60px;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h3 {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	}
h4 {
	
	color: #fff;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;

}

h5 {
	font: normal 10px Tahoma, Arial, Verdana;
	color: #CCCCCC;
	line-height: 9px;
	padding: 2px 0 0 0;
		clear: both;
}
h5 a {
    font: 10px Tahoma, Arial, Verdana;
    color: #CCCCCC;
    text-decoration: none;
}
h5 a:hover {
    font: 10px Tahoma, Arial, Verdana;
    color: #FFFFFF;
    text-decoration: underline;
}
h6 {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 9px;
	padding: 2px 0 0 0;
		clear: both;
}
h6 a {
    font: 12px Geneva, Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
}
h6 a:hover {
    font: 12px Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: underline;
}

p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
    padding: 0 5px 0 18px;

}
p a {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
p a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #22B32D;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/* --------------------------------------------------------------------------------------
	bars define
-------------------------------------------------------------------------------------- */
#text-bar {
    padding: 0;
}
#text-bar ul
{
    padding: 0 0px 0 18px;

}
#text-bar ul li#phome  a
{
text-decoration: none;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-home.gif) no-repeat ;
    float: left;
    color: #000000;
}
#text-bar ul li#phome  a:hover
{
   float: left;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-homehov.gif) no-repeat ;
    color: #FFFFFF;
}
#text-bar ul li#pfolio  a
{
text-decoration: none;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-port.gif) no-repeat ;
    float: left;
    color: #000000;
}
#text-bar ul li#pfolio  a:hover
{
   float: left;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-porthov.gif) no-repeat ;
    color: #FFFFFF;
}
#text-bar ul li#pseo  a
{
text-decoration: none;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-seo.gif) no-repeat ;
    float: left;
    color: #000000;
}
#text-bar ul li#pseo  a:hover
{
   float: left;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-seohov.gif) no-repeat ;
    color: #FFFFFF;
}
#text-bar ul li#pbuy  a
{
text-decoration: none;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-buy.gif) no-repeat ;
    float: left;
    color: #000000;
}
#text-bar ul li#pbuy  a:hover
{
   float: left;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-buyhov.gif) no-repeat ;
    color: #FFFFFF;
}
#text-bar ul li#ptut  a
{
text-decoration: none;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-tut.gif) no-repeat ;
    float: left;
    color: #000000;
}
#text-bar ul li#ptut  a:hover
{
   float: left;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-tuthov.gif) no-repeat ;
    color: #FFFFFF;
}
#text-bar ul li#pmisc  a
{
text-decoration: none;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-misc.gif) no-repeat ;
    float: left;
    color: #000000;
}
#text-bar ul li#pmisc  a:hover
{
   float: left;
	width: 550px;
	height: 35px;
	background: transparent url(xtre_mww_files/stories-lines-mischov.gif) no-repeat ;
    color: #FFFFFF;
}

#text-bar ul li h2 a {
	color: #000000;
	font: bolder 18px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	padding: 7px 0 0 45px;
	margin: 0 0 5px 0;
	text-align: left;
}
#text-bar ul li h2 a:hover {
	color: #FFFFFF;
	font: bolder 18px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	text-align: left;
}

#bar-page
{
    margin: 0px;
    padding: 0px;
}

#bar-page ul
{
    margin: 0px;
    padding: 0 0px 0 18px;
    list-style-type: none;
    text-align: left;
}

#bar-page ul li { 
    float: left;
}
#bar-page ul li  a
{
text-decoration: none;
	width: 180px;
	height: 50px;
	background: transparent url(xtre_mww_files/button-off.gif) no-repeat ;
    float: left;
    color: #000000;
}
#bar-page ul li  a:hover
{
   float: left;
	width: 180px;
	height: 50px;
	background: transparent url(xtre_mww_files/button-on.gif) no-repeat ;
    color: #000000;
}
#bar-page ul li h3 a {
	color: #000000;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	text-align: left;
	padding: 4px 0px 0 8px;
}
#bar-page ul li h3 a:hover {
	color: #FFFFFF;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	text-align: left;

}
#bar2-page
{
    margin: 0px;
    padding: 0px;
}

#bar2-page ul
{
    margin: 0px;
    padding: 0 0px 0 18px;
    list-style-type: none;
    text-align: left;
}

#bar2-page ul li { 
    float: left;
}
#bar2-page ul li  a
{
text-decoration: none;
	width: 180px;
	height: 50px;
	background: transparent url(xtre_mww_files/button-off2.gif) no-repeat ;
    float: left;
    color: #000000;
}
#bar2-page ul li  a:hover
{
   float: left;
	width: 180px;
	height: 50px;
	background: transparent url(xtre_mww_files/button-on2.gif) no-repeat ;
    color: #000000;
}
#bar2-page ul li h3 a {
	color: #000000;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	text-align: left;
	padding: 4px 0px 0 8px;
}
#bar2-page ul li h3 a:hover {
	color: #FFFFFF;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	text-align: left;

}
/* --------------------------------------------------------------------------------------
	menu define
-------------------------------------------------------------------------------------- */
.menubg {
	
	color: #fff;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	width: 293px;
	height: 45px;
	background: transparent url(xtre_mww_files/menubg1.gif) no-repeat ;
	clear: both;



}
.menubg h4 {
        color: #fff;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	text-align: left;
	padding: 12px 0 0 10px;
	margin: 0px 0px 0px 0px;
	clear: both;



}
#barbgu {
	color: #fff;
	height: 36px;
	width: 293px;
	background: transparent url(xtre_mww_files/barbg-slice-1.gif) no-repeat ;
	clear: both;

}
#barbgc {
	color: #fff;
    width: 293px;
	background: transparent url(xtre_mww_files/barbg-slice-2.gif) repeat-y;
	}
#barbgf {
	color: #fff;
	width: 293px;
	height: 84px;
	background: transparent url(xtre_mww_files/barbg-slice-3.gif) no-repeat ;
	clear: both;
	}
#maincon-u {
	color: #fff;
	height: 89px;
	width: 687px;
	background: transparent url(xtre_mww_files/maincon-bg-slice-01.gif) no-repeat ;
	clear: both;

}
#maincon-c {
	color: #fff;
	width: 687px;
	background: transparent url(xtre_mww_files/maincon-bg-slice-02.gif) repeat-y ;

}
#maincon-f {
	color: #fff;
	height: 175px;
	width: 687px;
	background: transparent url(xtre_mww_files/maincon-bg-slice-03.gif) no-repeat ;

}
#con-bg {
	color: #aaa;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-decoration: none;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	clear: both;
}
/* --------------------------------------------------------------------------------------
	show up - portfolio - template define
-------------------------------------------------------------------------------------- */	

#listing-portf {
	width: 670px;
    margin: 0 0 0px 0;
	padding: 0 0 0 0;
    list-style: none;
    overflow: hidden;
}

#listing-portf li {
       width: 50%;
       float: left;
}
#linkbox-portf {
	width: 335px;
	height: 460px;
	float: none;
	padding: 0 0 0 0;
    margin: 0 0 0px 0x;

}
#linkbox-portf a {
	background-image:url(xtre_mww_files/bagets-off.gif);
	width: 335px;
	height: 460px;
	display: block;
}
#linkbox-portf  a:hover {
	background-image:url(xtre_mww_files/bagets-on.gif);
	width: 335px;
	height: 460px;
}
#linkbox-portf h3 a {
   text-decoration: none;
   font: bold 14px bold "Trebuchet MS", Arial, Tahoma, Verdana;
   color: #FFFFFF;
}
#linkbox-portf  h3 a:hover {
   text-decoration: underline;
   font: bold 14px bold "Trebuchet MS", Arial, Tahoma, Verdana;
   color: #FFFFFF;
}
#linkbox-portf .pic-thumb {
    padding: 85px 0 0 3px;
}
#linkbox-portf .pic-thumb img {
    border: 2px solid #99E95E;
}
#linkbox-portf .pic-thumb img:hover {
    border: 2px solid #64C51D;
}
#listing-temp {
	width: 670px;
    margin: 0 0 0px 0;
	padding: 0 0 0 0;
    list-style: none;
    overflow: hidden;
}

#listing-temp li {
       width: 33%;
       float: left;
}
#linkbox-temp {
	width: 166px;
	height: 250px;
	float: none;
	padding: 0 0 0 0;
    margin: 0 0 0px 0x;

}
#linkbox-temp a {
	background-image:url(xtre_mww_files/tempwi-off.gif);
	width: 166px;
	height: 250px;
	display: block;
}
#linkbox-temp  a:hover {
	background-image:url(xtre_mww_files/tempwi-on.gif);
	width: 166px;
	height: 250px;
}
#linkbox-temp h3 a {
	text-decoration: none;
	font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
}
#linkbox-temp  h3 a:hover {
	text-decoration: none;
	font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
}
#linkbox-temp .picts-thumb {
    padding: 15px 0 0 0px;
}
#linkbox-temp .picts-thumb img {
    border: 2px solid #99E95E;
}
#linkbox-temp .picts-thumb img:hover {
    border: 2px solid #64C51D;
}
/* --------------------------------------------------------------------------------------
	ad define
-------------------------------------------------------------------------------------- */	
.ad-block{
	border: 1px solid #575C73;
	background: #020202;
	padding: 10px 0 10px 0px;
    margin: 1px 5px 1px 5px;
	
}
.ad-thumb {
    border: 1px solid #E4E4E4;
    margin: 6px 0px 1px 0px;
}
.ad-thumb:hover {
	border: 1px solid #F7F7F7;
}
/* --------------------------------------------------------------------------------------
	Menu - main
-------------------------------------------------------------------------------------- */

#navcontainer
{
margin: 0px;
padding: 0px;
}

#navcontainer ul
{
margin: 0px;
    padding: 0 0px 0 12px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { 
float: left;
}
#navcontainer ul li#lhome a
{
text-decoration: none;
background: url(xtre_mww_files/linkbgl-home-off.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
}
#navcontainer ul li#lhome a:hover
{
background: url(xtre_mww_files/linkbgl-home-over.gif) no-repeat;
color: #000000;
}
#navcontainer ul li#crohome a
{
float: left;
background: url(xtre_mww_files/linkbgl-home-on.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
}
#navcontainer ul li#crohome a:hover h2
{
text-decoration: none;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
	color: #D9F5D8;
}
#navcontainer ul li#lfolio a
{
text-decoration: none;
background: url(xtre_mww_files/linkbgl-potfolio-off.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
}
#navcontainer ul li#lfolio a:hover
{
background: url(xtre_mww_files/linkbgl-potfolio-over.gif) no-repeat;
color: #000000;
}
#navcontainer ul li#crofolio a
{
float: left;
background: url(xtre_mww_files/linkbgl-potfolio-on.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
}
#navcontainer ul li#crofolio a:hover h2
{
text-decoration: none;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
	color: #D9F5D8;
}
#navcontainer ul li#lseo a
{
text-decoration: none;
background: url(xtre_mww_files/linkbgl-seo-off.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
}
#navcontainer ul li#lseo a:hover
{
background: url(xtre_mww_files/linkbgl-seo-over.gif) no-repeat;
color: #000000;
}
#navcontainer ul li#croseo a
{
	float: left;
	background: url(xtre_mww_files/linkbgl-seo-on.gif) no-repeat;
	float: left;
	height: 130px;
	width: 100px;
}
#navcontainer ul li#croseo a:hover h2
{
text-decoration: none;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
	color: #D9F5D8;
}
#navcontainer ul li#ltut a
{
text-decoration: none;
background: url(xtre_mww_files/linkbgl-tut-off.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
}
#navcontainer ul li#ltut a:hover
{
background: url(xtre_mww_files/linkbgl-tut-over.gif) no-repeat;
color: #000000;
}
#navcontainer ul li#crotut a
{
float: left;
background: url(xtre_mww_files/linkbgl-tut-on.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
}
#navcontainer ul li#crotut a:hover h2
{
text-decoration: none;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
	color: #D9F5D8;
}
#navcontainer ul li#lbuy a
{
text-decoration: none;
background: url(xtre_mww_files/linkbgl-buy-off.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
}
#navcontainer ul li#lbuy a:hover
{
background: url(xtre_mww_files/linkbgl-buy-over.gif) no-repeat;
color: #000000;
}
#navcontainer ul li#crobuy a
{
float: left;
background: url(xtre_mww_files/linkbgl-buy-on.gif) no-repeat;
float: left;
height: 130px;
width: 100px;
}
#navcontainer ul li#crobuy a:hover h2
{
text-decoration: none;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
	color: #D9F5D8;
}

#navcontainer ul li a h2
{
text-decoration: none;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding-top: 100px;
padding-left: 20px;
}
#navcontainer ul li a:hover h2
{
text-decoration: none;
font: bold 11px bold Geneva, Arial, Helvetica, sans-serif;
color: #22B32D;
}
/* --------------------------------------------------------------------------------------
	Box contain
-------------------------------------------------------------------------------------- */

#tbox {
	width: 651px;
	float: none;
	margin: 0 0px 0 0;
	padding: 0px 0 0 0; 


}
#left-tbox {
	float: left;
    width: 75px;
	height: 75px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#righ-tbox { 
    float: right;
    width: 566px;
	height: 75px;
    background: url(xtre_mww_files/blend.gif) no-repeat;
	margin: 0 0px 0 0;
	padding: 0 0 0px 0px;
}
#righ-tbox h3 { 
	color: #333333;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-align: left;
	padding: 5px 0 0px 18px;
}
#righ-tbox h3 a {
	color: #333333;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-align: left;
	text-decoration: none;
}
#righ-tbox h3 a:hover {
	color: #666666;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-align: left;
	text-decoration: none;
}
#boxc {
	width: 651px;
	float: none;
	margin: 0 0px 0 0;
	padding: 0px 0 0 0;

}
#left-boxc {
	float: left;
    width: 210px;
	margin: 0 5px 0 0;
	padding: 0 0 0px 0;
}
#righ-boxc { 
    float: right;
    width: 416px;
	margin: 0 0px 0 0;
	padding: 0 0 0px 20px;
}
#righ-boxc h3 {
	color: #666666;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-align: left;
	padding: 0 0 0px 10px;
}
.features_list ul li {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #3B3B3B;
	padding: 0 0 0px 10px;
}
.features_list {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #3B3B3B;
	padding: 0 0 0px 10px;
}
#seo-tips{
	padding: 0;
    margin: 0px 0px 0px 0px;
}
#seo-tips h3{
	color: #666666;
	font: bolder 15px "Trebuchet MS", Arial, Tahoma, Verdana;
	text-align: left;
	padding: 0 0 0px 10px;
    margin: 25px 0px 5px 0px;
}
/* --------------------------------------------------------------------------------------
	Footer
-------------------------------------------------------------------------------------- */

#footer{
	clear: both;
	margin: 10px 0 40px 0;
}
#footer h2{
	color: #FFF; 
	font-weight: normal; 
	font-size: 160%; 
	border-bottom: 1px solid #0099FF; 
	margin: 0; 
	padding: 7px 0 10px 0;
}
#footer dl{
	float: left;
	width: 190px;
	padding: 0;
	margin: 0 10px 0 0;
}
#footer dl.last{
	width: 200px;
	margin: 0;
}
#footer dl dt{
	margin: 0;
	padding: 5px 0;
	color: #0099FF;
	font-weight: bold;
	font-size: 90%;
}
#footer dl dd{
	margin: 0;
	padding: 3px 0;
	font-size: 85%;
	border-top: 1px solid #5E647B;
	color: #CCCCCC;
}
#footer dl dd a:link, #footer dl dd a:visited{
	text-decoration: none;
	color: #CCCCCC;
}
#footer dl dd a:hover{
	color: #FFF;
}
#footer ul{
	float: left;
	width: 100%;
	margin: 80px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #383c4a;
	clear: left;
	font-size: 90%;
}
#footer ul li{
	list-style: none;
	float: left;
	margin-right: 20px;
}
#footer p{
	font-size: 85%;
	clear: left;
}
/* --------------------------------------------------------------------------------------
	Mediabox
-------------------------------------------------------------------------------------- */
.mediabox {
	padding: 0px 0 0 0px;
	margin: 2px 0 0px 5px;
	text-decoration: none;
}
.smallmedia-pics {
    border: 2px solid #0099FF;
    margin: 0 1px 1px 0;
	padding: 0 0 0px 0px;
}
/* --------------------------------------------------------------------------------------
	Links-topiclist
-------------------------------------------------------------------------------------- */
#topiclist {
	width: 330px;
    margin: 1px 0 4px 0;
	padding: 0 0 0 5px;
	list-style: none;
	overflow: hidden;

}

#topiclist li {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}
#topiclist h3 {
    font: bold 12px "Trebuchet MS", Arial, Tahoma, Verdana;
	color: #0099FF;
	text-decoration: none;
}
#topiclist h3 a:hover {
      font: bold 12px "Trebuchet MS", Arial, Tahoma, Verdana;
      color: #FFFFFF;
	text-decoration: underline;
	}