*{
padding:0;
margin:0;
}
html{
height:100%;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#7a1111;
text-align:center;
height:100%;
}
h1 a{
background:url(../images/memanProductions.gif) no-repeat 0 19px;
text-indent:-9999px;
margin:0 0 0 -38px;
width:323px;
height:38px;
position:relative;
display:block;
}
img{
border:0;
}
a{
text-decoration:none;
outline:none;
cursor:pointer;
font-family:century gothic, verdana, arial, sans serif;
}
a:hover,
a:active{
text-decoration:underline;
}
#container{
width:730px;
margin:0 auto;
text-align:left;
height:100%;
}
#header{
background:#8b0e0e;
border-left:53px solid #7a1111;
height:58px;
margin-right:14px;
}
#content{
float:left;
padding-top:4px;
width:434px;
}
#content li{
list-style:none;
}
#content h2{
margin-left:53px;
width:394px;
padding:0;
display:block;
text-indent:-9999px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
#content h2.h2_webDevelop, 
#content h2.h2_webDevelop a{
height:45px;
background:url(../images/webDevelopment.gif) no-repeat;
width:395px;
cursor:default;
}
#content h2.h2_webDesign,
#content h2.h2_webDesign a{
width:116px;
height:58px;
display:block;
background:url(../images/webDesign_on.gif) no-repeat;
}
#content h2.h2_webDesign a:hover,
#content h2.h2_webDesign a:active{
background:url(../images/webDesign.gif) no-repeat;
cursor:pointer;
}
#content h2.h2_webDevelop a:hover,
#content h2.h2_webDevelop a:active{
background:url(../images/webDevelopment_on.gif) no-repeat;
cursor:pointer;
}
#js #content h2.h2_webDesign a:hover,
#js #content h2.h2_webDesign a:active{
background:url(../images/webDesign_on.gif) no-repeat;
cursor:default;
}
#js #content h2.h2_webDevelop a:hover,
#js #content h2.h2_webDevelop a:active{
background:url(../images/webDevelopment.gif) no-repeat;
cursor:default;
}
a#btn_viewExample{
font-family:Century Gothic, Verdana;
color:#e18256;
}
#nav{
position:relative;
top:0;
left:0;
z-index:20;
}
#nav, #nav ul{
list-style:none;
}
#nav a{
display:block;
cursor:pointer;
}
#nav li{
float:left;
}
#nav li ul{
position:absolute;
width:267px;
left:-999px;
top:-3px;
background:#8b0e0e;
z-index:20;
}
#nav li ul li{
margin-bottom:5px;
}
#portfolio2 li a:hover,
#portfolio2 li a:active{
opacity:0.5;
}
#portfolio2 li p{
padding:0;
margin:0;
clear:both;
font-size:1.1em;
color:#fff;
line-height:1.3em;
}
#portfolio2 li p strong{
display:block;
}
#portfolio2 li p a{
color:#e18256;
font-weight:bold;
float:right;
display:block;
margin-top:1.1em;
}
#portfolio2 li p a:hover,
#portfolio2 li p a:active{
opacity:1;
}
#content p{
font-size:1.1em;
color:#f4dbdb;
padding:0 31px 0 43px;
margin:0 0 11px 53px;
clear:both;
}
#content #portfolio{
position:relative;
left:0;
top:0;
z-index:10;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#content #portfolio ul{
float:left;
padding-left:53px;
}
#content #portfolio li{
float:left;
margin-right:5px;
}
#content #portfolio li a{
cursor:pointer;
}
#content #portfolio li a:hover,
#content #portfolio li a:active{
opacity:0.5;
}
#content #portfolio li p{
display:block;
position:absolute;
top:-147px;
left:449px;
width:237px;
z-index:10;
margin:0;
display:none;
padding:5px 15px;
color:#fff;
background:url(../images/bg_sidebar.jpg) no-repeat bottom #8b0e0e;
min-height:436px;
height:auto !important;
height:436px;
}
#content #portfolio li p strong{
display:block;
}
#content #portfolio li p a{
color:#e18256;
font-weight:bold;
float:right;
display:block;
margin-top:1.1em;
}

#sidebar{
width:267px;
float:right;
background:url(../images/bg_sidebar.jpg) no-repeat bottom #8b0e0e;
min-height:446px;
height:auto !important;
height:446px;
margin-right:14px;
}
#sidebar h2{
color:#0f0e0e;
font-size:1.4em;
font-weight:bold;
margin:4px 15px 0;
}
#sidebar p{
margin:0 15px 10px;
font-size:1.1em;
color:#0f0e0e;
font-wieght:bold;
line-height:1.4em;
}
#sidebar p#resume{
text-align:right;
}
#sidebar p#resume a{
color:#02141a;
font-weight:bold;
}
#img_portfolio{
position:absolute;
left:-9999px;
top:0;
width:344px;
height:296px;
border:1px solid #f4dbdb;
background:#f4dbdb url(../images/ajax-loader.gif) 50% 50% no-repeat;
}
#img_portfolio img{
border:1px solid #3f3838;
display:block;
width:342px;
height:294px;
}
#img_portfolio a#btn_x{
position:absolute;
right:0;
top:0;
display:block;
background:url(../images/btn_x.gif) 50% 50% #fff no-repeat;
width:23px;
height:20px;
text-indent:-9999px;
}
#footer{
clear:both;
}
#portfolio2 li #footerLinks p, #footer p{
color:#999;
font-size:1.4em;
text-align:right;
padding:10px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
#portfolio2 li #footerLinks p{
width:260px;
}
#portfolio2 li #footerLinks a{
display:inline;
}
#portfolio2 li #footerLinks a, #footer a{
color:#fff;
margin:0 7px;

}
#portfolio2 li #footerLinks a span, #footer a span{
font-weight:bold;
}