body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

ul { list-style-type: none }


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	word-spacing:30px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 40px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #aaa;
	text-align: center;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 40px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}

.bio {
	margin: 40px 160px 0px 160px;
	padding: 0;
	font-weight: regular;
	color: #000;
}

.bio p{
	text-align: justify; 
	text-justify: newspaper;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: regular;
	color: #000000;
}

.contactcontent {
	text-align: justify; 
	text-justify: newspaper;
	font-size: 12px;
	margin: 40px 80px 0px 140px;
	padding: 0;
	font-weight: regular;
	color: #000;
}



.contactdetails {
	position: absolute;
	text-decoration: none;
	top: 180px; left: 235px;
	border:none;
	z-index: 60;	
}

.socialnetwork {
	position: absolute;
	text-decoration: none;
	top: 330px; left: 590px;
	border:none;
	z-index: 70;	
}

.loudpixels {
	position: absolute;
	text-decoration: none;
	top: 295px; left: 40px;
	border:none;
	z-index: 70;	
}

.textclients {
	text-decoration: none;
	z-index: 60;	
}

a { 
	color: #fff;
	text-decoration: none;
	border:none;
}
a:hover { 
	color: #000;
}

a:visited { 
	border:none;
}

:link,:visited { 
	text-decoration:none;
	border:none;
 }

.small {
	font-size:10px;
}

img {
border:none;
}

* :focus {
	outline: 0 none;
	-moz-outline: 0 none;
}


/*
new
*********/

.red {
color:#ed1c24;
font-weight: bold;
	font-size: 14px;
}

/*
panel menu
**********/

.panel {
position: absolute;
top: 15%;
left: 0;
display: none;
background: #ffffff;
border:none;
width: 650px;
height: 160px;
padding: 0px 0px 0px 70px;
filter: alpha(opacity=85);
opacity: .85;
z-index: 40;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #ed1c24;
text-decoration: none;

}

.panel a.foo, .panel a.foo:visited{
margin: 0;
padding: 0;
color: #aaaaaa;
text-decoration: none;

}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 15%; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 0px 15px 160px 15px;
font-weight: 700;
background:#333333 url(images/menu.png) 50% 50% no-repeat;
border:none;
display: block;
z-index: 50;
opacity: .80;
}



a.trigger:hover{
position: absolute;
text-decoration: none;
top: 15%; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 0px 15px 160px 15px;
font-weight: 700;
background:#222222 url(images/menu.png) 50% 50% no-repeat;
title:"hello";
border:none;
display: block;
}

a.active.trigger {
background:#ffffff url(images/close.png) 50% 50% no-repeat;
}




/*	logo
*******************************************************************************/
.logo {
	clear: both;
	height: 160px;
	width: 650px;
	margin: 0;
	z-index: 5;
	background: url('images/LPPortfolioMenuBack.png') no-repeat 0 0;
	padding: 0px 0 0 0px;	
}

.logo a{
	color: #000;
	display: block;
	width: 250px;
	height: 80px;
	text-indent: -2000px;
	z-index: 50;
}


/* blog button
*******/

a.menublog {
position: absolute;
text-decoration: none;
top:13px; left: 389px;
width:77px;height:53px;
background: url(images/LPPortfolioMenu_03.png) 50% 50% no-repeat;
border:none;
z-index: 52;
}

a.menublog:hover{
position: absolute;
text-decoration: none;
top: 13px; left: 389px;
width:77px;height:53px;
background: url(images/LPPortfolioMenuActive_03.png) 50% 50% no-repeat;
border:none;

}


/* archive button
*******/

a.menuarchive {
position: absolute;
text-decoration: none;
top:13px; left: 466px;
width:122px;height:53px;
background: url(images/LPPortfolioMenu_04.png) 50% 50% no-repeat;
border:none;
z-index: 52;
}

a.menuarchive:hover{
position: absolute;
text-decoration: none;
top: 13px; left: 466px;
width:122px;height:53px;
background: url(images/LPPortfolioMenuActive_04.png) 50% 50% no-repeat;
border:none;

}



/* contact button
*******/

a.menucontact {
position: absolute;
text-decoration: none;
top:13px; left: 588px;
width:132px;height:53px;
background: url(images/LPPortfolioMenu_05.png) 50% 50% no-repeat;
border:none;
z-index: 52;
}

a.menucontact:hover{
position: absolute;
text-decoration: none;
top: 13px; left: 588px;
width:132px;height:53px;
background: url(images/LPPortfolioMenuActive_05.png) 50% 50% no-repeat;
border:none;

}


/* folio1 button
*******/

a.menufolio1 {
position: absolute;
text-decoration: none;
top:94px; left: 435px;
width:72px;height:51px;
background: url(images/LPPortfolioMenu_08.png) 50% 50% no-repeat;
border:none;
z-index: 52;
}

a.menufolio1:hover{
position: absolute;
text-decoration: none;
top: 94px; left: 435px;
width:72px;height:51px;
background: url(images/LPPortfolioMenuActive_08.png) 50% 50% no-repeat;
border:none;

}

a.menufolio1active{
position: absolute;
text-decoration: none;
top: 94px; left: 435px;
width:72px;height:51px;
background: url(images/LPPortfolioMenuActive_08.png) 50% 50% no-repeat;
border:none;

}

/* folio2 button
*******/

a.menufolio2 {
position: absolute;
text-decoration: none;
top:94px; left: 507px;
width:172px;height:51px;
background: url(images/LPPortfolioMenu_09.png) 50% 50% no-repeat;
border:none;
z-index: 52;
}

a.menufolio2:hover{
position: absolute;
text-decoration: none;
top: 94px; left: 507px;
width:172px;height:51px;
background: url(images/LPPortfolioMenuActive_09.png) 50% 50% no-repeat;
border:none;

}

a.menufolio2active{
position: absolute;
text-decoration: none;
top: 94px; left: 507px;
width:172px;height:51px;
background: url(images/LPPortfolioMenuActive_09.png) 50% 50% no-repeat;
border:none;

}



/* fin panel menu
****************************/


/*
panel thumbs
**********/

.panelthumbs {
position: absolute;
top: 50%;
left: 0;
display: none;
background: #222222;
border:none;
width: 658px;
height: 226px;
padding: 6px 0px 5px 46px;
filter: alpha(opacity=85);
opacity: .80;
z-index: 40;
}

.panelthumbs p{
margin: 0 0 0px 0;
padding: 0;
color: #cccccc;
}

.panelthumbs a, .panelthumbs a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border:none;
}

.panelthumbs a.foo, .panelthumbs a.foo:visited{
margin: 0;
padding: 0;
color: #aaaaaa;
text-decoration: none;
border:none;
}

.panelthumbs a:hover, .panelthumbs a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border:none;
}

.triggerthumbs {
position: absolute;
text-decoration: none;
top: 50%; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 160px 15px;
font-weight: 700;
background:#333333;
border:none;
z-index: 50;
opacity: .80;
}

a.iconthumbs {
position: absolute;
text-decoration: none;
top:15px; left: 0%;
width:30px;height:50px;
background: url(images/thumbnailsicon.png) 50% 50% no-repeat;
border:none;
z-index: 51;
}

a.iconthumbs:hover{
position: absolute;
text-decoration: none;
top: 15px; left: 0;
width:30px;height:50px;
background:#222222 url(images/thumbnailsicon.png) 50% 50% no-repeat;
z-index: 51;
border:none;
}

a.active.iconthumbs {
background:#222222 url(images/thumbnailsicon.png) 50% 50% no-repeat;
}


a.thumbimages {
border:none;
height:50px;
with:75px;
opacity: .60;
}

a.thumbimages:hover {
opacity: 1;
}


a.prev {
position: absolute;
text-decoration: none;
top:65px; left: 0;
width:30px;height:50px;
background: url(images/playback.png) 50% 50% no-repeat;
border:none;
z-index: 51;
}

a.prev:hover{
position: absolute;
text-decoration: none;
top: 65px; left: 0;
width:30px;height:50px;
background:#222222 url(images/playback.png) 50% 50% no-repeat;
border:none;

}

a.active.prev {
background:#222222 url(images/playback.png) 50% 50% no-repeat;
}

a.next {
position: absolute;
text-decoration: none;
top:115px; left: 0;
width:30px;height:50px;
background: url(images/playnext.png) 50% 50% no-repeat;
border:none;
z-index: 51;
}

a.next:hover{
position: absolute;
text-decoration: none;
top: 115px; left: 0;
width:30px;height:50px;
background:#222222 url(images/playnext.png) 50% 50% no-repeat;
border:none;

}

a.active.next {
background:#222222 url(images/playnext.png) 50% 50% no-repeat;
}



/**** fin panel thumbs
*************************/



.columns{
clear: both;
width: 650px;
padding: 0 0 0px 0;
line-height: 22px;
	text-align: center;
}

.colleft{
float: left;
width: 250px;
line-height: 22px;

}

.colright{
float: right;

line-height: 22px;

}









/*
fin panel about
********************************/

/**
columns clients
*********************/

.columnsclients{
	clear: both;
	width: 650px;
	padding: 10px 0px 0px 50px;
	line-height: 22px;
	text-align: center;
}

.colclientsleft{
	float: left;
	width: 270px;
	line-height: 22px;
}

.colclientsright{
	float: left;
	margin: 0px 0px 50px 0;
	width: 200px;
	line-height: 22px;
}

/* fin columnns clients
******************/




/* fin new
******/




fieldset {
	text-align: left;
	margin-bottom: 0px;
	padding: 0px;
	border:none;
}
fieldset * {
	text-align: left;
}
legend {
	color: #fc0;
	cursor: pointer;
	display: block;	
}

#control {
	text-align: center;
}
#control a {

	padding: 5px;
}

#thumbs, #thumbs1, #thumbs2 {
	text-align: center;
}
#thumbs a, #thumbs1 a, #thumbs2 a {
	display: block;
	cursor: pointer;
	float: left;
	padding: 3px 3px 3px 3px;
	border:none;
}

#transition {
	width:100%;
}

#showtitle {
	z-index: 3;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: #000;
	display: none;
	color: #fff;
	padding: 10px;
	width: 275px;
	border-top: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;	
}

a.activeslide { background:#aaa; }

#superbgimage {
	display: none;
	background: #fff url('superbgloading.gif') center center no-repeat;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}


/***
From Weather (footer)
*****************************/
#weather-info-sm {
	background: url(images/transpBlack.png);
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: right;
	bottom: 0px;
	color: white;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
span.grntxt a{
	color: #e81111;
}
span.grntxt {
	color: #e81111;
}
div.row span.left {
  float: left;
  text-align: left;
  color: #fff;
}

div.row span.right {
  float: right;
  text-align: right;
  color: #fff;
}

a.resize:hover{
	  color: #E81111;
	}

span.right {
  	text-align: right;
  	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 0px;
	width: 50%;
	font-family: Arial, sans-serif;
	bottom: 0px;
}