@charset "utf-8";
/*=================================
Change Artist                      
=================================*/
body {
	font-family     : Arial,Verdana,Tahoma,Georgia, Lucida,Helvetica, sans-serif;
	text-align      : center;
	background      : #fff url(../images/bg.gif) repeat-x  top;
}
* {
	margin          : 0;
	padding         : 0;
	outline-style   : none;
	outline-width   : 0;
}
img,fieldset {
	border          : none;
}
ul,ol,li {
	list-style      : none;
}
input, textarea, select {
	font-family     : inherit;
	font-size       : inherit;
	font-weight     : inherit;
}
a {
	text-decoration : none;
}
a:visited {
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}
.hide,a b {
    position        : absolute;
    left            : -9999px;
}
/* Page Structure ==============================================
------------------------- Start wrapper -----------------*/
#wrapper{
	background:url(../images/bg.gif) repeat-x top;
	margin:0 auto;
	width:1056px;
	text-align:left;
}
/*------------------------- Start header --------------------*/
#header {
	height:159px;
}
#header a img{
	margin:58px 0 0 31px;
	float:left;
}
/*------------------------- Start mainBody --------------------*/
  div#jPortfolio h3 {

  top:10px; }

  div#jPortfolio .jPortfolioCell div {

  padding-top:25px; }


#mainBody{
	overflow:hidden;
	width:1024px;
	padding-left:32px;
}
* html #mainBody{
	height:392px;
	overflow:hidden;
}
.navigation{
	float:right;
	clear:both;
	width:1024px;
	height:26px;
	padding:0 46px 4px 0;
}
.navigation ul{
	float:right;
	}
.navigation li{
	float:left;
	margin-left:32px;
	position:relative;
	display:inline;
}

.navigation li a{
	float:left;
	height:12px;
}
.navigation ul dl{
	position:absolute;
	visibility:hidden;
	top:30px; left:0;
	width:120px;	height:auto;
	z-index:9999;
	padding:20px 20px;
	background:#a5a5a5;
	}
.navigation ul dl dd{
	display:block;
	float:none;
	border-bottom:1px solid #999999;
	padding:5px 0; 
	margin:0 0px 0 0;
	}
.navigation ul dl dd a{
	float:none;
	display:block;
	font-size:12px;
	padding:0; 
	margin:0;
	color:#6f6f6f;
	text-decoration:none;
	}
.navigation ul dl dd a:hover{
	text-decoration:none;
	color:#cb006a;
	}
.navigation li .home{
	width:41px;
	background:url(../images/home.gif) no-repeat;
}
.navigation li .about{	
	background:url(../images/about.gif) no-repeat;
	width:42px;
}
.navigation li .portfolio{
	background:url(../images/portfolio.gif) no-repeat;
	width:54px;
}
.navigation li .contact{	
	width:50px;
	background:url(../images/contact.gif) no-repeat;
}
.navigation li a:hover,.navigation  .active a{	
	background-position:0 -36px;
}
.left{
	width:245px;
	float:left;
	height:362px;
	overflow:hidden;
}	
.right{
	width:752px;
	float:right;
	padding-left:27px;
	overflow:hidden;
}
.previous,.next{
	width:25px;
	height:27px;
	float:left;
	margin:169px 0 0;
	background:url(../images/previous.gif) no-repeat;
}
.next{
	float:right;
	margin-right:35px;
	display:inline;
	background:url(../images/next.gif) no-repeat;
}
* html .next{
	margin-right:20px;
}
.scrollable,.jportfolioLogoContainer{
	width:667px;
	height:242px;
	min-height:242px;
	margin:61px 15px 0 0px;
	position:relative;
	overflow:hidden;
}
.jportfolioLogoContainer{
    padding:0;
    margin:0;
	}
.items,.portFolioLogoCell{
	position:absolute;
	left:0;
	top:0;
	}
.portFolioLogoCell{
	width:667px;
	height:242px;
    overflow:hidden;
  }
.items dd{
	width:667px;
	min-height:242px;
	background:url(../images/box-bg.gif) repeat-y;
    overflow:hidden;
}
* html .items dd{	
	height:258px;
	padding-bottom:15px;
}
*+ html .items dd{	
	min-height:258px;
}
.items .jAbout{
	width:667px;
	min-height:242px;
	position:relative;
	overflow:hidden;
}
.jAbout .imgholder{
	width:250px;	height:200px;
	background:none;
	margin:20px 20px 0 0;
	border-left:1px solid #999;
	font:normal 12px/19px Arial;
	padding:10px 0 0 20px;
	display:inline;
	color:#333;
	
	}
.items dd span{
	float:right;
	margin-top:15px;
}
.items dd .rightSide{
    width:40px;
    }
.fL{
	float:left;
	}
.fR{
	float:right;
	}

.content{
	width:600px;
	height:219px;
	float:left;
	margin:15px 0 0 24px;
	position:relative;
	overflow:hidden;
    display:inline;
    background:url(../images/border.gif) no-repeat 335px 0;
}
.jPortfolioCell, .jHomeSlideCell{
	width:315px;
	height:150px;
	position:absolute;
	left:0;
	top:0;
	}
.jHomeSlideCell{
    top:88px;
    }
.jPortfolioCell{
    width:600px;
    height:219px;
    }
.jPortfolioCell div{
	width:333px;
	padding-top:90px;
	}
.content h2{
	font-size:11px;
	font-weight:bold;
    margin-top:55px;
	padding-bottom:22px;
	font-weight:normal;
	color:#666666;
}
.jHomeSlideCell p{
	color:#858685;
	font-size:12px;
	padding:0 15px 6px 0;
	background: url(../images/coma1.png) no-repeat left top;
	text-indent:25px;
}
.content p img{
	margin-left:5px;
	}
.content  p{
	color:#cb006a;
	font-size:12px;
	line-height:20px;
	padding:0 15px 6px 0;
}
.content a{
    color:#CE0074;
    }
.addthis_button{
	margin:10px 0 0 32px;
	float:left;
}
.footer{
	width:1056px;
	overflow:hidden;
}
* html .footer{
	height:80px;
}
.footer p{
	color:#666666;
	font-size:11px;
	float:right;
	padding:16px 42px 0 0;
}
/*------------------------- Start about --------------------*/
p.quote_author {
	margin: 10px 0 0 10px;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}
  
  p.quote_title {
	font-weight: normal;
	margin: 10px 0 0 10px;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}


.items dd .comment{
	width:315px;
	font-size:12px;
	color:#cd1b78;
	line-height:20px;
	background: url(../images/coma1.png) no-repeat left top;
	margin:100px 42px 0 27px;
	padding:0 0 0 29px;
	display:inline;
	position:absolute;
	left:0;
	top:0;
}
 .items dd .comment b {

  font-weight: normal; }
  
* html .items dd .comment{
	padding-right:50px;
}
.content h3{
	color:#666666;
	font-size:12px;
	position:absolute;
	top:40px;
	left:0;
	/* padding:40px 0 16px; */
}
* html .rightSide img,* html .rightSide a{
	margin-left:-4px;
}
.imgholder{
    width:230px;	height:219px;
    display:block;
    padding:0;
    background:url(../images/logo-bg.gif) no-repeat;
    float:right;
   /*  margin-left:70px; */
    
   	}
.bottomLink {
	font-size:12px;
	font-weight:normal;
	color:#8b8a89;
    position:absolute;
    bottom:7px;
    left:0;
    z-index:5;
}
.bottomLink a{
	padding:0 11px;
	color:#8a8988;
	text-align:center;
	height:12px;
	line-height:12px;
	font-size:12px;
	font-weight:normal;
}
.bottomLink a:hover, .bottomLink .active{	
	color:#cd1b78;
	text-decoration:none;
}
.items ul{
	padding:23px 66px 0 15px;
	float:left;
}
.items ul li{
	background:url(../images/bullet.gif) no-repeat left 5px;
	padding-bottom:4px;
	width:227px;
}
.items ul li label{
	font-size:12px;
	padding:0 0 0px 10px;
    margin-bottom:2px;
	display:block;
	color:#666;
}
.items ul li input{
	width:217px;
	height:16px;
	font-size:11px;
	border:0;
	padding:3px 5px 0;
}
.items ul li textarea{
	width:217px;
	font-size:11px;
	height:77px;
	border:none;
	padding:5px;
}
.items ul li strong input{
	width:37px;
	height:13px;
	padding:0;
	background:url(../images/submit.gif) no-repeat;
	margin-left:11px;
	cursor:pointer
}
/*------------------------- Start bottomContent --------------------*/
.items ul .bottomContent{
	width:230px;
	background:url(../images/top-border.gif) no-repeat left top;
	padding-top:6px;
	margin-top:-2px;
}
.bottomContent b{
	font-size:12px;
	color:#fff;
	font-weight:normal;
	display:block;
	width:200px;
	background:url(../images/white-bullet.gif) no-repeat left 3px;
	padding-left:12px;
}
.bottomContent a{
	background:url(../images/red-bullet.gif) no-repeat left 4px;
	font-size:12px;
	color:#cb006a;
	font-weight:normal;
	padding-left:12px;
	display: block;
}
/*------------------------- Start list --------------------*/
.list{
	background:url(../images/top-border.gif) no-repeat 15px bottom;
	padding-bottom:3px;
}
.bottomContent strong{
	background:url(../images/telephone.jpg) no-repeat 162px 19px;
	display:block;
}

.proLogos{
    display:block;
    height:62px; width:16px;
    background:url(../images/pro-logos.gif) no-repeat;
    overflow:hidden;
    margin-bottom:5px;
    }
.items .rightSide .active{
    background:url(../images/pro-logos.gif) no-repeat -16px 0;
	margin-bottom:10px;
    }
.projProfile{
    display:block;
    height:144px; width:16px;
    background:url(../images/project-profiles.gif) no-repeat;
    overflow:hidden;
    }
.items .rightSide .active2{
    background:url(../images/project-profiles.gif) no-repeat -16px 0;
    }

div.form_result {
    padding: 20px;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	
}
p.quote_gray {
	font-weight: normal;
	margin: 10px 0 0 0px;
	font-weight: normal;
	line-height:16px;
	font-size: 12px;
	color: #666666;
}
.comment img {margin-left:6px;}
