body {
background:url("images/background.gif") repeat-x scroll center top #EEECDE;
font:14px/18px "arial",lucida grande,helvetica,sans-serif;
}


* {
margin:0;
padding:0;
}

#wrap{

background:url("images/body-bg.gif") repeat-y scroll 0 0 transparent;
margin:0 auto;
padding-bottom:0.1em;
width:860px;
}

#wrapp{

background:url("images/portfoliobg.gif") repeat-y scroll 0 0 transparent;
margin:0 auto;
padding-bottom:0.1em;
width:860px;
}

#top {
background:url("images/top.gif") no-repeat scroll 0 0 transparent;
height:73px;
width:860px;
margin-top: -5px;
}

#topp {
background:url("images/top.gif") no-repeat scroll 0 0 transparent;
height:73px;
width:860px;
margin-top: -5px;
}

/* nav
 * ------------------------------------------------------------------------- */

#nav {
	height: 91px;
	margin-bottom: 0;
background: #f0efe0;
}
#nav, #nav a {
	
}
#nav li {
	float: left;
	list-style-type: none;
	display:inline;
}
#nav a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 91px;
}
#nav li#nav-01 {
	margin-left: 143px;
}
#nav li#nav-01 a {
	background-image: url("images/home.gif");
	width: 116px;

}
#nav li#nav-02 a {
	background-image: url("images/portfolio.gif");
	width: 110px;

}
#nav li#nav-03 a {
	background-image: url("images/skins.gif");
	width: 110px;

}
#nav li#nav-04 a {
	background-image: url("images/contact.gif");
	width: 109px;

}
#nav li#nav-01 a:hover {
	background-image: url("images/homehov.gif");
}
#nav li#nav-02 a:hover {
	background-image: url("images/portfoliohov.gif");
}
#nav li#nav-03 a:hover {
	background-image: url("images/skinshov.gif");
}
#nav li#nav-04 a:hover {
	background-image: url("images/contacthov.gif");
}
body#index #nav li#nav-01 a {
	background-position:  -210px -162px;
}
body#portfolio #nav li#nav-02 a {
	background-position: -320px -162px;
}
body#blog #nav li#nav-03 a {
	background-position: -430px -162px;
}
body#contact #nav li#nav-04 a {
	background-position: -540px -162px;
}

#column-left {
float:left;
width:366px;

}

#logo {
background:url("images/logo.gif") no-repeat scroll 0 0 transparent;
height:0;
padding-top:104px;
}

#header {
background:url("images/left.gif") no-repeat scroll 0 0 transparent;
height:163px;
}

#hire {
background:url("images/bottomleft.gif") no-repeat scroll 0 0 transparent;
height:107px;
padding-left:100px;
padding-top:15px;
}

#column-right {
background:url("images/right.gif") no-repeat scroll 0 0 transparent;
float:left;
height:369px;
width:419px;

}

#column-rightp {
background:url("images/portfolioright.gif") no-repeat scroll 0 0 transparent;
float:left;
height:169px;
width:382px;

}




#column-leftp {
background:url("images/portfolioleft.gif") no-repeat scroll 0 0 transparent;
height:169px;
float:left;
width:379px;

}

#column-lefts {
background:url("images/skinsheader.gif") no-repeat scroll 0 0 transparent;
height:169px;
float:left;
width:379px;

}

#column-leftss {
background:url("images/servicesleft.gif") no-repeat scroll 0 0 transparent;
height:169px;
float:left;
width:379px;

}

#column-leftsss {
background:url("images/contactleft.gif") no-repeat scroll 0 0 transparent;
height:169px;
float:left;
width:379px;

}



.ir {
height:0;
overflow:hidden;
}

.btn-hire {
background-image:url("images/hire-button.gif");
display:block;
margin-top:0;
padding-top:70px;
width:224px;
}

.btn-hire:hover {
	background-position: 0 -70px;
}


#bodytext {
margin:195px 170px 57px 59px;
padding-top:200px;
}

#bodytextpp {
margin:160px 170px 57px 141px;

}

#bodytextp {
margin:160px 170px 57px 65px;

}

#footer {
background:url("images/footer2.gif") no-repeat scroll center top transparent;
margin-right:121px;
padding-top:17px;
}

#footerpp {
background:url("images/footer2.gif") no-repeat scroll center top transparent;
margin-right:109px;
padding-top:17px;
}


#footerp {
background:url("images/footer2.gif") no-repeat scroll center top transparent;
margin-right:108px;
padding-top:17px;
margin-top:1336px;


}

.gallery_con {
background:url("images/custombg2.gif") no-repeat scroll 0 116px transparent;
float:left;
font-family:Arial,Helvetica,sans-serif;
height:170px;
padding:0 20px 0 0;
width:208px;
}

/* Sidenav  */

#sidebar {

float:right;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
margin-left:716px;
margin-top:5px;
position:absolute;
top:177px;
width:208px;}
@media screen and (max-height: 594px) and (max-width: 990px) {
	#sidebar{
		position: relative;
		margin-left: 0;
	}
}

#sidebar h3{
	/*color: #444430;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;*/
	display: none !important;
	padding: 10px 0px 5px 20px;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	color: #2c5674;
}

#sidebar h3 span{
	
}

#sidebar img{ vertical-align: middle; }



#sidebar a{
	display: block;
	
	height: 91px; /* 103 */
	color: #444430;
	outline: none;
	margin-bottom: -4px;
	text-decoration: none;
	padding: 12px 12px 0px 5px;
}

#sidebar a:hover{
	background-position: 0 -103px;
}

#sidebar strong{
	display: block;
	font-size: 14px;
	margin-bottom: 2px;
}

#sidebar a:hover{
	color: #b0b08a;
}

#sidebar a span{
	color: #8e8e6f;
	display: block;
	padding-left: 21px;
	font-size: 11px;
}

#sidebar a.active:link,
#sidebar a.active:visited,
#sidebar a.active:hover,
#sidebar a.active:active{
	background-position: 0px -206px;
	color: #444430;
}

#sidebar a.active:hover{
	color: #b0b08a;
}

#sidebar a.active span{
	color: #8e8e6f;
}

input, textarea {
background-color:#D6D6B7;
border:medium none;
color:#444334;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
height:22px;
line-height:22px;
margin-bottom:8px;
margin-left:50px;
padding-left:5px;
padding-top:5px;
vertical-align:middle;
width:237px;
}

textarea {
height:70px;
overflow:auto;
}

form{
margin-left:140px;
margin-top:20px;
}

.gallery_con {
background:url("http://www.ipbskinning.com/images/custombg2.gif") no-repeat scroll 0 116px transparent;
float:left;
font-family:Arial,Helvetica,sans-serif;
height:170px;
padding:0 20px 0 0;
width:208px;
}

a img, :link img, :visited img, fieldset {
border:1px solid #5E6B78;
}

input.submit, input.submit-contact-main {
background:url("images/formsubmit.gif") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:35px;
padding-top:35px;
width:72px;
}



.rollover a {
background-image:url("images/request.gif");
color:black;
height:96px;
padding-bottom:82px;
padding-right:397px;
text-decoration:none;
width:393px;
}
.rollover a:hover {
color: white;
background-image: url(images/requesthover.gif);
}

#boxtop2 ul, li{
margin-left:15px;
padding:0px;
}



#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:384px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  
#button{  
text-align:center;  
margin:100px;  
}  
.buttons{
padding-right:5px;
}

#downloadbox{
padding-top:12px;
{