/* Fix up IE6 PNG Support */  
#img, #logo { behavior: url(scripts/iepngfix.htc); } 

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* global */

* {padding: 0; margin: 0;}

body{ background:black ;
      margin: 0 auto;
	  color:#f4f4f4;
	  font-family:Arial, Helvetica, sans-serif;
}

#noise{
	background:url(images/bg.jpg) top center no-repeat;
  }

input, textarea {
	
}
p {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	border: none;
}

a {
	color: #f4f4f4;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration:none;
}


em {
	
}
em strong {

}
del {

}
ins {
	text-decoration: none;
}
blockquote {
	padding: 0 10px 5px 20px;
	background: url(images/blockquote.g.gif) no-repeat left 2px;
	font:  Arial, Helvetica, sans-serif;
	color: #666666;
}
blockquote em {
	font:  Arial, Helvetica, sans-serif;
}
blockquote cite {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	text-align: right;
	display: block;
}
#page ul {
	list-style: none;
	font-size:12px;
	padding:15px 0 15px 0 ;
	
}
#page ul li {
	background: url(images/bullet.gif) no-repeat left 2px;
	padding:3px 0 6px 25px;
	margin: 0 0 0 20px;
	
}
ul {
	list-style: none;
	
	
}
ul li {
	list-style: none;
	
}
#star li {
	background: url(images/star_g.gif) no-repeat 0px 0px;
	padding: 0 0 1em 18px;
	line-height: 140%;
}
ol {
	font:  125% Arial, Helvetica, sans-serif;
	color: #CC0000;
	margin: .3em 0 15px;
}
ol li {
	margin: 0 0 0.5em 60px;
	padding: 0;
        height:100%;
}
ol p {
	font: normal 80%/150% Arial, Helvetica, sans-serif;
	color: #333;
}

/* headings and typography
---------------------------------------------------------------------------------*/
	
h1   {
	font: Regular Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	color: #f4f4f4;
	font-size:17px;
    letter-spacing: 0px;
	border-bottom:1px solid #302f2f;
	border-top:1px solid #302f2f;
	padding:11px 0 11px 15px; 
}

h2 {
	font: Regular 0%/100% Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	letter-spacing: -1px;
	color: #000;
	font-size:22px;
}
.title {
	background: url(images/tape.gif) no-repeat ;
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 0 0;
	font-size:16px;
	color:#e71921 ;
	text-transform:uppercase;
	
}
.title a{
	color:#e71921 ;
}
.title a:hover{
	background-color:#e71921;
	color:#f4f4f4;
	
}

.title span {
	color: #666666;
}

h1 a, h2 a {
	
}
h1 a:hover, h2 a:hover {
	
}

h3 {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	padding: 1.2em 0 .3em;
	font-size:16px;
}
h3 em, h4 em {
	color: #CC0000;
	letter-spacing: -1px;
}

h4 {
	font: bold Arial, Helvetica, sans-serif;
	padding: .85em 0 5px;
	color:#e71921 ;
	font-size:14px;
}
/* list
---------------------------------------------------------------------------------*/
#list {
		right: 45px;
		top:-30px;
		list-style: none;
		font: 11px  Arial, sans-serif;
		position: relative;
		float:right;
		letter-spacing:0px;
		height:38px;
		font-weight:bold;
		
		
	
		}
		
#list li {
		text-align: center;
		display:inline;
		width: 96px;
		height: 38px;
		padding:2px;
		color:red;
		
		}		
/* header
---------------------------------------------------------------------------------*/
#header {
	height: 130px;
	width: 880px;
	margin: 0 auto;
	position: relative;


}
#logo {
    background:url(images/logo.png) ;
	background-repeat:no-repeat;
	width:194px;
	height:49px;
	margin-left:23px;
	margin-top:66px;
	position:absolute;
}
#logo h1{ border:none; text-indent:-9999px}
#logo a{ 
		border:none;
		}
#logo a img {
        border: none;
		}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


#nav {
	position: absolute;
	left: 380px;
	bottom: 25px;
	list-style: none;
	font: 14px bold Arial, sans-serif;
	text-transform: uppercase;
	position: absolute;
	letter-spacing:0px;
	height:38px;
}

#nav li {
  	font: 13px bold Arial, Helvetica, sans-serif;
	float: left;
	padding: 6px 0 0 1px ;
	width: 85px;
	text-align: center;
	display:inline;
	width: 96px;
    height: 38px;
  
}
#nav li:hover{
  
      background:url(images/btn_nav.png) no-repeat;
}


     


#nav li.home{
  
    
}


#nav a {
    
	font-weight:bold;
	text-decoration: none;
	color: #f4f4f4;
	width:100%;
	
}	

#nav a:visited {
 	font-weight:bold;
	text-decoration: none;
	color: #f4f4f4;
	
}
#nav a:hover {

}

#nav .current_page_item a {
	color: #f4f4f4 ;
	
}

#nav li a span {
  	width: 96px;
    height: 38px;

}
#nav li a:hover span {
  
    

}


/* featured
---------------------------------------------------------------------------------*/

#featured {
	margin-bottom:0px;
	background: url(images/featured.jpg) no-repeat top;
	height: 263px;
	width: 880px;
	margin: 0;
	padding:0;
	margin-top:19px;
	position: relative;
	border:none;
}

#featured h2 {
    float:left;
	position:relative;
	margin:0 0 0 50px;
	margin-top:79px;
	color: #f4f4f4;
	font-size:17px;
	background-color: #ca0d14;

}

#featured p {
	float:left;
	width:352px;
	position: relative;
	font-size:12px;
	margin-left:-180px;
    margin-top:112px;
	text-align:left;
   

}


#featured a {
	float:left;
	position: relative;
	background:url(images/btn_feature.jpg) no-repeat;
	width:75px;
	height:29px;
	text-indent:-9999px;
    margin-left:-354px;
    margin-top:203px;

}

#slideshow {
    position:relative;
	width:300px;

}

#slideshow IMG {
	z-index:8;
	/*border:1px solid #b5b5b5;
	background-color:#d2d2d2; */
	padding:0 0 0 60px ;
	position: absolute;
	top: -37px;
	
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



/* intro
---------------------------------------------------------------------------------*/
#intro {
	font:Helvetica,Arial sans-serif;
	font-size: 17px;
	color: #f4f4f4;
	padding:25px 20px 20px 20px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	position:relative;
	display:block;
}
#intro1    {

	font:Helvetica,Arial sans-serif;
	font-size: 17px;
	color: #f4f4f4;
	padding:25px 20px 0px 20px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	position:relative;
	display:block;
	}

/* content wrap
---------------------------------------------------------------------------------*/
#container {
	width: 880px;
	margin: 0 auto;
	background: url(images/wrap-bg.jpg) repeat-y right top;
	position: relative;
	padding: 0 0 0px;
}
#top {
	background: url(images/top-bg.jpg) repeat-y right top;
	height: 100%;
	width:auto;
	
}
#content {
	width: 490px;
	float: left;
	position: relative;
	padding: 35px 0 20px 98px;
	z-index: 5;
}
#bottom-bg {
	background: url(images/bottom-bg.jpg) no-repeat right bottom;
}
#backtotop {
	padding: 25px 0 0 548px;
	margin: 0;
	height: 26px;
	clear: both;

}
#backtotop a {
	color: #000;
	font-size: 95%;
	background: url(images/top-bg.gif) no-repeat right center;
	padding-right: 14px;
}


/* lastest projects
---------------------------------------------------------------------------------*/
#col1 img, #col2 img, #col3 img{ width:280px;}
#col1 {
	float:left;
	padding:25px 0 20px 0;
	margin:0;
}

#col2  {
	float:left;
	padding:25px 0 20px 18px;
	margin:0;

}
#col3 {
	float:right;
	padding:25px 2px 0 5px;;
	margin:0;
	
}

#col1 h4, #col2 h4, #col3 h4{padding: 20px 0 20px 10px;} 

/* left blog
---------------------------------------------------------------------------------*/


span.text h3,span.text h6,span.text h5,span.text h4{ margin:20px 0 20px 15px;}
span.text h4 {padding:0 0 5px 0; border-bottom:1px dashed #333333;}
.post {
	background: none;
	padding: 25px 0 0px 40px;
	width: 580px;
	position:relative;
        color:#f1f1f1;
        line-height:1.4;        
 text-align:justify;} 

/* clearfix for recent comments */
.post h2 {width: 480px; line-height:110%;}
.post:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.post {display: inline-block;}
* html .post {height: 1%;}
.post {display: block;}
.text{width:520px;}
.text a {color:#e31820;}
.post p a {
	text-decoration: none;
	background: url(images/link-bg.gif) repeat-x;
	padding: 1px 0;
}
.post p a:visited {
	text-decoration: none;
}
.post p a:hover {
	text-decoration: none;
}

.page {
	padding-top: 15px;
}

.single h2 {
	background: url(images/subhead-bg.gif) no-repeat;
	padding: 10px 0 5px 12px;
	margin-left: -12px;
	font: bold 145% Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	clear: left;
}

.tags {
	padding: 0 0 0 16px;
	background: url(images/tags-bg.gif) no-repeat left center;
	text-transform: capitalize;
}
.tags span {
	display: none;
}
.tags a {
	background: none !important;
	padding: 0 !important;
	border: none !important;
}
.tags a:hover {
	text-decoration: underline !important;
}
a.comments {
	position: absolute;site
	right: 0;
	width: 40px;
	height: 28px;
	font: 150%/100% Times New Roman, Times, serif;
	background: url(images/comments-bg.png) no-repeat !important;
	text-align: center;
	padding: 5px 0 0 3px !important;
	letter-spacing: -1px;
	display: block;
	margin-top: -8px;
}
a.write {
	background: url(images/comments-jump-bg.gif) no-repeat !important;
	font-size: 125%;
}
.date {
	position: absolute;
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding: 2px 0 8px 0;
	text-align: center;
	color:#FFFFFF;
	width:48px;
	height:49px;
	left: 14px;
	background-image: url(images/date.jpg);
	background-repeat: no-repeat;
	
	
}
.date span {
	display: block;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -1px;
	color:#000;
	padding:4px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

.tag{ padding:4px 0 10px 0;}
.tag span{
    color:#565656;
	font-size:11px;
}
.tag a{
    color:#565656;
	font-size:11px;
	background-color:transparent;
}
/* site wrap
---------------------------------------------------------------------------------*/




/* content wrap


---------------------------------------------------------------------------------*/
#container {
	width: 880px;
	margin: 0 auto;
	background: url(images/wrap-bg.jpg) repeat-y right top;
	position: relative;
	padding: 0 0 0px;
}
#top {
	background: url(images/top-bg.jpg) repeat-y right top;
	height: 100%;
	width:auto;
	
}
#content {
	width: 490px;
	float: left;
	position: relative;
	padding: 35px 0 20px 98px;
	z-index: 5;
}
#bottom-bg {
	background: url(images/bottom-bg.jpg) no-repeat right bottom;
}
#backtotop {
	padding: 25px 0 0 548px;
	margin: 0;
	height: 26px;
	clear: both;

}
#backtotop a {
	color: #000;
	font-size: 95%;
	background: url(images/top-bg.gif) no-repeat right center;
	padding-right: 14px;
}


/* lastest projects
---------------------------------------------------------------------------------*/

/* big blog
---------------------------------------------------------------------------------*/
#blogleft {padding:20px 0 0 0;}
#blogleft .post {
	background: none;
	padding: 0 0 30px 0;
	position:relative;
	float:left;

}
#blogleft .post .img{ padding: 15px 0 20px 15px;  }
#blogleft .post img{ border:1px solid #999999;}
#blogleft .post img:hover{ border:1px solid #666666;}
#blogleft .title {
	background: none;
	padding: 0px 0 10px 80px;
	width: 490px;
}
#blogleft .post .blinks { float:right;
						 padding:0; 
						 margin:0; 
						 position:relative; 
						 top:-35px; 
						 color:#e31820; 
						 right:-40px;}
#blogleft .post .blinks a{ color:#e31820; }						 
#blogleft .post .social strong {color:#e31820;}
#blogleft .post .social {	
						position:relative;
						float:left;
						padding: 15px 0 0 10px; 
						width:545px; 
						height: 35px;
						border-bottom:1px solid #333333; 
						border-top:1px dashed #333333;
						margin:20px 0 0 15px;}
#blogleft .post .social img{border:none; padding:0px 5px 0px 10px ; margin-bottom:-3px;}
#blogleft .tag {
	background: none;
	padding: 0px 0 20px 80px;
	width: 490px;
}

#blogleft span.text p { width:540px; padding:0 0 10px 15px; float:left; display:block;}

#blogleft span.textfull p {width:860px; padding:0 0 0px 15px; float:left; display:block;}
span.text ul {
	list-style: none;
	font-size:12px;
	padding: 10px 0 0 20px;
       
	
}
span.text ul li {
	 background: url(images/bullet.gif) no-repeat left 2px;
	 padding:3px 0 6px 25px;
	 margin: 0 0 0 30px;
	
}
span.text blockquote { 
 
    height:100%;
    position:relative;
    padding:0 0 0 15px;
    
   
}
span.text blockquote p{
background:#33333 url(images/blockquote.gif) no-repeat scroll left top;
border-left:5px solid #FFD02A;

margin:10px 0 25px 0px;

}


.text a {color:#e31820; }
.post p a {
	text-decoration: none;
	background: url(images/link-bg.gif) repeat-x;
	padding: 1px 0;
}
.post p a:visited {
	text-decoration: none;
}
.post p a:hover {
	text-decoration: none;
}

  #sitebar{ float:right;
			padding:0 0 60px 10px;
			width: 285px;
			position: relative;
			background: transparent url(images/bg_pageWrap.jpg) no-repeat top left;	}
		
  #sitebar strong {padding:0 0 0 10px;}	
  #sitebar form {height:40px; padding:10px 0 10px 0;}
  #sitebar form .text,
  #sitebar form .textfocus{
   color:#fff;
   width:220px;
   height:15px;
   font-size:11px;
   line-height:14px;
   margin:0 5px 5px 10px;
   padding:4px 0 0 4px;
   border:1px solid #444;
   font-family:Tahoma,Arial,sans-serif;
   background:#292929 url(images/text.png) 0 0 repeat-x;
  }
  #sitebar form .textfocus{
   border:1px solid #6b6a6a;
   background:#404040 url(images/textfocus.png) 0 0 repeat-x;
  }
  #sitebar form .button{
   background:transparent url(images/text.jpg) no-repeat 0 0;
   border:0;
   padding:0;
   width:21px;
   height:20px;
   line-height:20px;
   margin:0px 0 -5px 0;
   text-indent:-9999px;
   
  }
 
#ads a { padding:0 0 0 5px ;}

/* left blog
---------------------------------------------------------------------------------*/
#blogleft ,#blogsmallleft{ 
	width:575px; 
	position:relative; 
	float:left;
	padding-bottom:10px;

}


.post {
	background: none;
	padding: 25px 0 10px 80px;
	width: 490px;
}

/* clearfix for recent comments */
.post h2 {width: 480px; line-height:110%;}
.post:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.post {display: inline-block;}
* html .post {}
.post {display: block;}
.text{width:490px;}
.text a {color:#e31820; }
.post p a {
	text-decoration: none;
	background: url(images/link-bg.gif) repeat-x;
	padding: 1px 0;
}
.post p a:visited {
	text-decoration: none;
}
.post p a:hover {
	text-decoration: none;
}

.page {
	padding-top: 15px;
}

.single h2 {
	background: url(images/subhead-bg.gif) no-repeat;
	padding: 10px 0 5px 12px;
	margin-left: -12px;
	font: bold 145% Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	clear: left;
}

.tags {
	padding: 0 0 0 16px;
	background: url(images/tags-bg.gif) no-repeat left center;
	text-transform: capitalize;
}
.tags span {
	display: none;
}
.tags a {
	background: none !important;
	padding: 0 !important;
	border: none !important;
}
.tags a:hover {
	text-decoration: underline !important;
}
a.comments {
	position: absolute;
	right: 0;
	width: 40px;
	height: 28px;
	font: 150%/100% Times New Roman, Times, serif;
	background: url(images/comments-bg.png) no-repeat !important;
	text-align: center;
	padding: 5px 0 0 3px !important;
	letter-spacing: -1px;
	display: block;
	margin-top: -8px;
}
a.write {
	background: url(images/comments-jump-bg.gif) no-repeat !important;
	font-size: 125%;
}
.date {
	position: absolute;
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding: 2px 0 8px 0;
	text-align: center;
	color:#FFFFFF;
	width:48px;
	height:49px;
	left: 14px;
	background-image: url(images/date.jpg);
	background-repeat: no-repeat;
	
	
}
.date span {
	display: block;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -1px;
	color:#000;
	padding:2px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
.more-link {
	color:red;
        font-weight:bold;
}
.tag{ padding:4px 0 10px 0;}
.tag span{
    color:#565656;
	font-size:11px;
}
.tag a{
    color:#565656;
	font-size:11px;
	background-color:transparent;
}

/* Comment template */

#comments_template {
	
	padding:0 0 0 20px;
	margin-bottom:60px;	
        position:relative;	
}

#respond h2 {color:#E31820;
            padding:20px 0 10px 0;
			border-bottom: 1px dashed #333333 ;
			position:relative;
			width:545px;
			float:left;
}
 .suggest ,.suggest1 {
            padding:20px 0 10px 40px;
			position:relative;
			width:540px;
			float:left;
}
#comments_template  p,#commentform  p{ 
                                position:relative;
				float:left;
				padding:10px 10px 5px 0 ;
				}
#commentform  p  a	{ color:#E31820;}
ol#comments {
	margin:0px;
	padding:0px;
	margin-top:20px;
}
ol#comments li {
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:60px;
	list-style:none;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
ol#comments .avatar {
	position:absolute;
	top:0px;
	left:0px;
}
ol#comments small a {
	font-weight:normal;
	color:#999999;
	
}

ul.commentlist {
	margin:0px 0px 20px 0px;
	padding:0px;
	width:540px;
	float:left;
	overflow:hidden;
	
}
ul.commentlist li {
	margin:0px;
	padding:10px 0px 20px 60px;
	position:relative;
	list-style:none;
	border-bottom:0px;
	background:transparent url(images/background_block_slice.jpg) repeat-x;
	background-position:1px 1px;
	border-bottom:1px dashed #333333;
	overflow:hidden;
}
ul.commentlist .reply{
	
        font-size:12px;
        font-weight:bold;
        color:red;
}
ul.commentlist .reply a{
	
        color:red;
}

        
ul.commentlist .avatar {
	position:absolute;
	margin:8px 0 0 0;
	top:5px;
	left:10px;
	border:1px solid #dedede;
}
ul.commentlist .commentmetadata {
	display:none;

}
ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	border:0px;
	background-color:#141414;
	overflow:auto;
	background-image:none;
	padding-bottom:15px;
	overflow:hidden;
}

.comment-author vcard {padding:5px;}
#commentform input {color:#fff;

     width:240px;
     height:20px;
     font-size:11px;
     line-height:14px;
     margin:0 0 15px 0;
     padding:4px 0 0 4px;
     border:1px solid #444;
     font-family:Tahoma,Arial,sans-serif;
     background:#292929 url(images/text.png) 0 0 repeat-x;}
	 

#commentform textarea{color:#fff;
 
     width:540px;
     font-size:11px;
     line-height:14px;
     margin:10px 0 15px 0;
     padding:4px 0 0 4px;
     border:1px solid #444;
     font-family:Tahoma,Arial,sans-serif;
     background:#292929 url(images/text.png) 0 0 repeat-x;
}

#commentform input#submit { width:100px;
     height:30px; padding-bottom:3px;
     background:#000 url(images/contact-submit.jpg) 0 0 no-repeat; 
     font-size: 12px; font-weight:bold;
	 text-indent:-9999px;
	 border:none;
	 

}
#commentform small{ font-size: 12px; font-weight:bold; padding: 0 0 0 10px;}

div.comment-author cite{ 
						font-size: 16px; 
						font-weight:bold;
						
					}
div.comment-author cite a.url{ 
						color:red;
					}
					
div.comment-author cite span {font-size: 12px;}

/* site wrap
---------------------------------------------------------------------------------*/

	#siteWrap { /* The wrapper for my page icons and bubbles */
		float:right;
		padding:0 0 0 10px;
		width: 285px;
		height: 345px;
		position: relative;
		background: transparent url(images/bg_pageWrap.jpg) no-repeat top left;
	}
	#pageWrap { /* Wrapper for my page icons */
		float:right;
		position:relative;
		z-index: 5;
		top: 0px;
		left: 0px;

	}
	/* Page specific styles */
	#psdPage {
		margin-right: 0px;
		float: left;
		cursor: pointer;
                margin-top:180px;
	}
	#netPage {
		margin-right: 0px;
		float: left;
		cursor: pointer;
        margin-top:180px;
	}	
	#audioPage {
		float: left;
		cursor: pointer;
         margin-top:180px;
	}
	#bubbleWrap { /* Wrapper for my bubbles */
		position: absolute;
		z-index: 10;
		left: 25px;
		top: 80px;
	}
	.bubble {
		position: absolute;
	}
#catelogue {padding: 0  0 20px 0 ; border-bottom:1px solid #333333;}

#sitebar ul{
   font-size:12px;
   margin:5px 0 0 10px;
   list-style-type:none;
   font-family:Tahoma,Arial,sans-serif;
  }
  #sitebar ul li { padding:0 20px 0 0px; }
    #sitebar ul li a{
	
     color:#fff;
     display:block;
     line-height:25px;
     padding:0 15px 0 15px;
	 margin:0 0 0 25px;
     background:url(images/ula.gif) 0 0 no-repeat;
    }
    #sitebar ul li a:hover{
     text-decoration:none;
     background: #0B0B0B url(images/ula.gif) 0 0 no-repeat;;
    }
	
  #sitebar a.rssnews{
   width:260px;
   height:58px;
   display:block;
   padding:0 0 0 25px;
   margin:10px 0 0 10px;
   text-indent:-9999px;
   background:url(images/rss.jpg) 0 0 no-repeat;
 
   
  }
  #TwitterCounter  { float:right;position:relative; }
  .counter { padding:20px 0 10px 20px;   border-top:1px solid #333333; }
  .counter a {padding:0 20px 0 0 ; float:left;}
	
	/* ---------- gallery styles start here ----------------------- */

.gallery {
	list-style: none;
	margin: 0;

}
.gallery li {
	margin-left: -25px;
	padding-right:10px;
	float: left;
	position: relative;
	width: 523px;
	height: 179px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;

}
.gallery span {
	width: 159px;
	height: 48px;
	display: block;
	position: absolute;
	top: -20px;
	left: 180px;
	background: url(images/tape.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}

/* clearfix for gallery */
.gallery:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.gallery {display: inline-block;}
* html .gallery {height: 1%;}
.gallery {display: block;}


/* sliding banners */
.banslide {
	list-style: none;
	margin: 5px 0 15px;
	padding: 0;
}
.banslide li {
	overflow: hidden;
	padding: 4px 4px 0 4px;
	margin: 0;
	background: #fff url(images/banslide-bg.gif) no-repeat;
	position: relative;
}
.banslide img {
	border: solid 1px #e4e4e4;
	border-bottom: none;
}
.banslide small {
	position: absolute;
	top: 1px;
	left: 1px;
	font-size: 100%;
	line-height: 100%;
}
.banslide a, .banslide a:visited {
	color: #000;
	text-decoration: none;
}
.banslide a small {
	background: #fff url(images/banslide-title-bg.gif) no-repeat right bottom;
	padding: 5px 7px 6px 5px;
}




/* project
---------------------------------------------------------------------------------*/
p#viewgrid,
p#viewlist{
  float:right;
  width:210px;
  margin:-30px 0 0 0;
 }
p#viewgrid a,
p#viewlist a{
   float:left;
   text-transform:uppercase;
   font-family: 16px bold Arial, Helvetica, sans-serif;
   padding:0 10px 0 10px;
   margin:0 10px 0 0 ;
   background-color:#ca0d14;
   font-weight:bold;
  
  /*  height:25px;
   text-indent:-9999px;
   background:url(images/portfolio-view.png) 0 0 no-repeat;*/
  }

p#viewlist a:hover{
   /* background-position:0 -31px; */
    color:#000;
	text-decoration:none;
  }
p#viewgrid a.list{
    background-position:-102px 0;
   }
p#viewlist a.list{
    background-position:-102px -31px;
   }
  #project{padding-bottom:40px;}
 

 .hr{
 	background:transparent url(images/hr.png) repeat-x scroll 0 1px;
	border:0 none;
	clear:both;
	height:2px;
	margin:20px 0;}
 .listproject p.img{
   float:left;
   padding:10px;
   background:url(images/portfolio-list-bg.png) 0 0 no-repeat  ;
  }
   .listproject p.img img{
    width:611px;
    height:470px;
    border:1px solid #fff;
   }
  
  .listproject p.name {
   float:right;
   width:230px;	
   font-size:17px;
   font-family:Arial,sans-serif;
   position:relative;
   padding:0 0 20px 0;
   text-transform: uppercase;
  }
 .listproject span.description p {
   float:right;
   width:230px; 
   position:relative;
   font-size:11px;
   font-family:Tahoma,Arial,sans-serif;
  }
  .listproject p.links{
   float:right;
   width:230px;
   margin:15px 0 10px 0;
  }
   .listproject p.links a{
    border:0;
    float:left;
    width:100px;
    height:29px;
    margin:0 5px 0 0px;
    text-indent:-9999px;
   }
   .listproject p.links a.launch{
    background:url(images/coming-soon.png) 0 0 no-repeat;
   }
   .listproject p.links a.visit{
    background:url(images/visit-website.png) 0 0px no-repeat;
 
   }
   .listproject p.links a.offline{
    background:url(images/website-offline.png) 0 0 no-repeat;
   }
   .listproject p.links a.soon{
    display:none;
   }
  .listproject p.next{
   float:right;
   width:230px;
   height:50px;
   text-align:center;
   background-position:0 0;
   background-repeat:no-repeat;
   background: url(images/next.png) 0 0 no-repeat;
  }
   .listproject p.next a{
    width:30px;
    height:30px;
    display:block;
    background:none;
    line-height:20px;
    text-indent:-9999px;
    margin:10px auto 0 auto;
    background-position:0 0;
    background-repeat:no-repeat;
   }
p.name{font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color:#ca0d14;
		font-size:22px;}
.portfolio_thumbs {  float:left;
					position:relative;
					margin-right:5px;
					width:230px;
					margin-left:10px;
				 }
.portfolio_thumbs img{   
						margin:5px;
						height:60px;
						width:60px;
						position: relative;
						border:1px solid #333333;
					}
span.description ul {
	list-style: none;
	font-size:12px;
	padding: 15px 0 0px 0px ;        
        float:right;        
margin-right:55px;
}
span.description ul li {
	background: url(images/bullet.gif) no-repeat left 2px;
	padding:3px 0 6px 20px;
			}
span.description a {
        color:red;
        font-weight:bold;
}
/* postnav */
.navigation {
	clear: both;
	padding: 10px 0px;
	color:white;
}
.navigation a, .navigation a:visited {
	
	font: bold 140%/100% Tahoma;
	padding:0 10px 0 10px;
	
}
.previous-entries {
	float: left;
	padding: 0px 0 10px 30px;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}


.postnav {
	clear: both;
	padding: 15px 0 30px;
	display: block;
}
.postnav a {
	border: none !important;
	color: #362f2d !important;
	font: bold 140%/100% Tahoma;
	width: 200px;
}
.postnav a:visited {
	border: none !important;
	color: #362f2d !important;
}
.postnav a:hover {
	border: none;
	text-decoration: underline !important;
}
.postnav .previous a {
	padding: 0px 0 10px 30px;
	float: left;
}
.postnav .next a {
	background: url(images/next-post.gif) no-repeat right top;
	padding: 12px 30px 10px 0;
	float: right;
	text-align: right;
}

/* sidebar
---------------------------------------------------------------------------------*/
#sidebar {
	width: 267px;
	float: right;
	padding-right: 10px;
	position: relative;
	z-index: 4;
	overflow: hidden;
}

/* nav category */
#category {
	display: none
}
#nav-cat {
	padding: 45px 10px 50px 20px;
	margin: 0;
	display:none;
}
#nav-cat li {
	background: none;
	padding: 0;
	margin: 0 0 5px;
}
#nav-cat a {
	width: 225px;
	height: 46px;
	text-indent: -900em;
	display: block;
}
#nav-cat .tutorials {
	background: url(images/cat-tutorials.gif) no-repeat left top;
}
#nav-cat .trends {
	background: url(images/cat-trends.gif) no-repeat left top;
}
#nav-cat .general {
	background: url(images/cat-general.gif) no-repeat left top;
}
#nav-cat .current, #nav-cat a:hover {
	background-position: left bottom;
}

/* tag cloud */
#tag-cloud {
	font: normal 170%/60% Times New Roman, Times, serif;
	background: url(images/sidebar-title.png) no-repeat left center;
	height:100%;
	text-transform: uppercase;
	margin-left:3px;
	padding: 23px 0px 23px 0px;
	padding-left:10px;
	text-align: left;
	color:#fdf3db;
	
}
.tagcloud { 
	margin: 0;
	padding: 0 0 10px;
	font-family: Times New Roman, Times, serif;
	text-align: center;
	width: 250px;
	
	
}
.tagcloud a {
	margin: 0 5px;
	line-height: 125%;
	white-space: nowrap;
	text-transform: capitalize;
	color:#362f2d;
}


/* archives list */
.archives {
	list-style: none;
	margin: 30px 0 10px;
}
.archives h3 {
	margin: 0;
	padding: 0;
	clear: none;
}
.archives li {
	background: none;
	margin: 0;
	padding: 0 0 15px;
}
.archives .post-date {
	float: left;
	text-align: right; 
	text-transform: uppercase;
	color: #666666;
	width: 90px;
	border-right: dashed 1px #ddd; 
	padding-right: 20px; 
	margin-right: 20px;
}
.archives .tags {
	background: none;
	padding: 0;
	font-size: 95%;
}


/* footer
---------------------------------------------------------------------------------*/
	
#footer {
        background: #0f0f0f url(images/footer_rep.jpg) repeat-x 0 0 ;
		border-top:1px solid #3c3c3c;
	    padding:36px 0 0 46px;
        position:relative;
        clear: both;
		min-width: 1002px;
		height:65px;
		display: block;

}
#footer h4 {
	/*text-indent: -900em;*/
	margin: 0;
	padding: 0;
	padding-left:8px;
	height: 25px;
	color:#ca2e20;
	font: Times New Roman, Times, serif;
	font-size:18px;
}
#footer-wrap {
	width: 960px;
	height: 460px;
	margin: 0 auto;
}

#fcpy{ 

float: left;
padding:0 0 0 150px;
}
#fval{ 

float: right;
padding-right:200px;
font-weight:bold;
color:#e71921;
}

#about-sticky {
	width: 180px;
	float: left;
	padding: 70px 0 0 0;
	padding-left: 50px;
	
	
}
#about-sticky h4 {
	background: url(images/about.gif) no-repeat;
	text-indent:-900em;
	padding: 10px 0 0 0px;
	
}

#about-sticky p {

	padding: 0 0 1.1em;
}


/* credits */
#credits {
	font-size: 90%;
	color: #999999;
	clear: both;
	margin: 0;
	padding: 110px 0 0 100px;
	
}
#credits a {
	color: #999999;
}

/* intouch
------------------------------------------------------------ */
.intouch {
	position: relative;
	clear: both;
}
#intouchform {
	margin-bottom: 15px;
	width: 280px;
}
#intouchform p {
	padding: 0 0 10px 0px;
}
#intouchform label {
	color: #666;
	width: 80px;
	font-size: 95%;
	text-transform: uppercase;
}
#intouchform input {
	width: 230px;
	background: #fdfbca;
	padding: 5px;
	border: none;
	border-bottom: 1px dashed #ccc;
}
#intouchform textarea {
	width: 470px;
	height: 160px;
	background: #fdfbca;
	border: 1px dashed #ccc;
	padding: 2px 0 2px 7px;
}
#intouchform .submitbutton {
	width: 138px;
	height: 34px;
	padding: 0;
	border: none;
	margin-left: 0px;
	background: url(images/submit-btn-bg.gif) no-repeat;
	color: #333;
	margin-left: 330px;
}
#intouchform .submitbutton:hover {
	color: #000000;
}
#intouchform #usermessage {
	font-size: 110%;
	margin: 0px 0px 5px 0px;
	color: #FF9900;
}
#intouchform .error {
	border: 1px solid #FF9900;
}
#intouchform .failure {
	color:#FF9900;
}
#intouchform .success {
	color:#669900;
}
#intouchform .required {
	color: #999999;
	padding-left: 5px;
}
#intouchform textarea:focus, #intouchform input[type="text"]:focus {
	border-color: #999;
}
.say-hello {
	width: 166px;
	height: 90px;
	background: url(images/hello.gif) no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	font: italic 120%/130% Georgia, "Times New Roman", Times, serif;
	color: #666666;
	padding: 45px 8px 0 12px;
	text-align: center;
}
/* cformform
---------------------------------------------------------------------------------*/

p .linklove{
	display: none;
}
#sendbutton {
	width: 100px;
	height: 28px;
	padding: 0;
	border: none;
	margin-right: 70px;
	background:#cc0000 url(images/sidebar-title.png) no-repeat left center;
	color: #333;
	margin-left: 330px;
	font: bold 130%/20% Times New Roman, Times, serif;
	text-transform: uppercase;
	color:#fdf3db;	
}

/* code
---------------------------------------------------------------------------------*/
.jobboard {
	background: #e5eff1 url(images/joblister-bg.gif);
	width: 259px;
	border-left: solid 1px #ebebeb;
	border-right: solid 1px #ebebeb;
	border-bottom: solid 1px #e0e0e0;
	margin: 10px 0 15px 2px;
	padding-bottom: 16px;
	display:none;
}
.jobboard h4 {
	margin: 0;
	padding: 0;
}
.jobboard h4 a {
	background: url(images/design-jobs-top.gif) no-repeat;
	height: 55px;
	text-indent: -9000em;
	overflow: hidden;
	display: block;
}
.joblister {
	margin: 0;
	padding: 10px 11px 15px;
}
.joblister li {
	margin: 0;
	padding: 5px 0 5px 18px;
	background: url(images/joblister-star.gif) left 6px no-repeat;
	line-height: 120%;
	border-bottom: solid 1px #d8d8d8;
}
.joblister .jobtitle {
	font-size: 110%;
	color: #000;
}
.joblister .company {
	font-size: 90%;
	color: #999;
}
.jobboard .seealljobs {
	text-align: right;
	background: url(images/joblister-arrow.gif) no-repeat right center;
	padding: 2px 16px 2px 0;
	margin-right: 16px;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	color: #999;
}
.jobboard .seealljobs a {
	color: #666;
}

/* code
---------------------------------------------------------------------------------*/
code {
	color: #000099;
	font: normal 115% "Courier New", Courier, monospace;
	white-space: nowrap;
	padding: 0 2px;
}
pre code {
	display: block;
	clear: both;
	background: url(images/code-bg.gif);
	padding: 10px;
	color: #333;
	border: solid 1px #ccc;
	overflow: auto;
	line-height: 140%;
	margin: 5px 0 15px;
	white-space: pre;
	width: 470px;
}
code .comment {
	color: #888;
}
code .class, code .rules {
	color: #ff00ff;
	font-size: 100%;
}
code .value,  code .title, code .string {
	color: #0000FF;
}
code .tag {
	color: #000099;
}
code .keyword {
	color: #000099;
}
.html .attribute {
	color: #006600;
}

/* alignments etc (content elements)
---------------------------------------------------------------------------------*/
.border-top {
	background: url(images/border-top.gif) no-repeat;
	margin: 20px 0 5px;
	padding: 15px 0 0;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
	margin: auto;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
/* image */
img.image {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
p.image {
	margin-top: 4px;
}
p.image em {
	display: block;
	text-align: center;
	font-size: 95%;
	color: #666;
	padding-bottom: 5px;
	line-height: 140%;
}
p.image img {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
p.image a:hover img {
	border: 1px solid #666;
	background: #fff;
}
p.image a, p.image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
p.image a:hover {
	text-decoration: none;
}
p.image small {
	color: #999999;
	display: block;
	font-size: 95%;
	line-height: 100%;
}
p.left {
	float: left;
	margin-right: 15px;
}
p.right {
	float: right;
	margin-left: 15px;
}
img.left {
	float: left;
	margin-right: 5px;
}
img.right {
	float: right;
	margin-left: 5px;
}

/* download */
.btn {
	font: bold 110%/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.btn a {	
	color: #598527 !important;
	border: none !important;
	margin-right: 5px;
}
.btn a:hover {
	text-decoration: underline !important;	
}
.btn a span {
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	text-decoration: none;
	color: #666666;
	text-indent: 44px;
	display: block;
	padding-top: 2px;
}
.btn a:hover span  {
	text-decoration: none !important;
}
.download a {
	background: url(images/download-icon.gif) no-repeat !important;
	padding: 0 0 20px 44px !important;
}
.preview a {
	background: url(images/preview-icon.gif) no-repeat !important;
	padding: 0 0 20px 44px !important;
}

/* thickbox */
.thickbox {
	position: relative;
}
.thickbox .zoom {
}
a.thickbox:hover .zoom {
	width: 35px;
	height: 35px;
	position: absolute;
	margin: 15px 0 0 15px;
	background: url(images/zoom.png) no-repeat;
	display: block;
}
	
/* digg it */
.digg-it {
	background: url(images/digg-it.gif) no-repeat 53px 0;
	margin-top: 15px;
}

/* bookmark-tools */
.bookmark-single {
	border-top: dashed 1px #ededed;
	padding-top: 18px;
	margin-top: 15px;

}
p.bookmark-tools {
	background: #f7f7f7 url(images/add-to.gif) no-repeat left 6px;
	padding: 4px 0 4px 95px;
	clear: both;
}
p.bookmark-tools a {
	padding: 2px 0 2px 10px;
	margin-right: 6px;
	border: none;
	color: #666666 !important;
}
p.bookmark-tools a:hover {
	text-decoration: none;
	border: none;
	color: #000 !important;
	background-position: 0 -29px;
}
p.bookmark-tools .digg {
	background: url(images/digg.gif) no-repeat 0 2px;
	padding-left: 19px;
}
p.bookmark-tools .delicious {
	background: url(images/delicious.gif) no-repeat 0 2px;
	padding-left: 17px;
}
p.bookmark-tools .stumbleupon {
	background: url(images/stumbleupon.gif) no-repeat 0 2px;
	padding-left: 18px;
}

/* bookmark-tools */
.bookmark-single {
	border-top: dashed 1px #ededed;
	padding-top: 18px;
	margin-top: 15px;
}
p.feedburnerFlareBlock {
	background: url(images/add-to.gif) no-repeat left 6px;
	padding: 3px 0 10px 65px;
	font-size: 95%;
	clear: both;
}
p.feedburnerFlareBlock a {
	color: #666666 !important;
	background: none;
}
p.feedburnerFlareBlock a:hover {
	text-decoration: none;
	border: none;
	color: #000 !important;
	background-position: 0 -29px;
}


/* ads */
.rect {
	background: url(images/ad-rect-bg.gif) no-repeat;
	padding: 5px;
	width: 250px;
	height: 250px;
}
.single-rect {
	float: right; 
	margin: -5px -10px 0 10px;
	width: 200px;
	height: 210px;
}
.banner {
	margin: 5px 0 0;
}
.custom-banner {
	cursor: pointer;
	background: url(images/custom-banner.gif) no-repeat left top;
	width: 435px;
	height: 51px;
	padding: 8px 30px 8px 10px;
	overflow: hidden;
	margin: 10px 0 20px;
	font-size: 12px;
	line-height: 16px;
	clear: both;
}
.custom-banner img {
	float: left;
	padding-right: 10px;
	border: none;
}
.custom-banner a {
	font-size: 110%;
	line-height: 18px;
	font-weight: bold;
}

.custom-square {
	background: url(images/custom-banner2.gif) no-repeat;
	height: 166px;
	width: 186px;
	float: right;
	text-align: center;
	padding: 10px 1px 10px 0;
	line-height: 16px;
	margin: 5px 0 10px 20px;
	cursor: pointer;
}
.custom-square img {
	padding-bottom: 5px;
}
.custom-square a {
	font-weight: bold;
}

.horizontal-banner {
	background: url(images/horizontal-banner-bg.gif) no-repeat;
	padding: 20px 2px 3px 5px;
	margin: 10px 0 20px;
}

.ad-btn-heading {
	background: url(images/sidebar-title.png) no-repeat left center;
	font: normal 170%/60% Times New Roman, Times, serif;
	height:100%;
	text-transform: uppercase;
	margin-left:3px;
	padding: 23px 0px 23px 0px;
	padding-left:10px;
	text-align: left;
	color:#fdf3db;
	
}
.ad-btn-heading-chat {
	background: url(images/sidebar-title.png) no-repeat left center;
	font: normal 170%/60% Times New Roman, Times, serif;
	height:100%;
	text-transform: uppercase;
	margin-left:3px;
	padding: 5px 0px 23px 10px;
	padding-left:10px;
	text-align: left;
	color:#fdf3db;
	
}
.ad-btn {
	margin: 0 0 5px;
	padding: 0;
	clear: both;
}
.ad-btn img {
	padding: 2px 3px;
}
/* show 125 */
#sidebar ul#Show125{
	padding :0 10px 0 10px  ;
	margin:0 ;
}
/* ads */
#ads{

	padding:0 0 0 5px;
}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* gioi thieu */
#page  { padding:0;margin:0; float:left; width:100%;}
#page .post  { padding:0;margin:0 0 20px 0 ; float:left; width:880px;}
#page .post h1{padding-left: 0}
#colum1{ width:280px; 
		float:left;  
		position:relative;
		}
		
#colum2{ width:280px; 
		float:left;  
		position:relative;
		  padding:0 0 0 20px;
		  }
		  
 #colum3 { width:280px; 
			float:left;  
			position:relative;
		   padding:0 0 0 20px;
		 }
#colum1 h1, #colum2 h1, #colum3 h1{ margin: 0 0 20px 0;}
/* package */

.package{font-family:Tahoma,sans-serif;}
.package{position:relative;float:left;width:460px;margin-right:1%;padding:25px 10px 15px 10px;line-height:1.5em; font-weight:normal; margin-bottom: 20px;}
.g{background-color:#7f8212; border:solid 2px #99CC66; color:#fff;}
.b{background-color:#2c85a4; border:2px solid #6699CC; } .b,.b a{color:#fff;}
.r{background-color:#a40000; border:solid 2px #CC3333; margin-right:0;} .r,.r a{color:#fff;}
.gb,.rb,.bb{height:61px;padding:0 92px 0 8px;font-size:22px;color:#000; line-height:29px; margin-bottom:15px; }
.gb{background:#fff url(/images/packages/curve_g.gif) no-repeat; font:"Times New Roman", Times, serif;}
.rb{background:#fff url(/images/packages/curve_r.gif) no-repeat; font:"Times New Roman", Times, serif;}
.bb{background:#fff; url(/images/packages/curve_b.gif) no-repeat;font:"Times New Roman", Times, serif;}
.ptxt{margin-left:3px; display:block;}

.b ul {background-color:#379abc;}
.g ul {background-color:#a9ac1a;}
.r ul {background-color:#cc0000;}

.ptxt #para {
	padding: 0.5em 0 0;
      }
.price {position:absolute;float:right;top:10px;right:10px;margin-left:10px;height:95px;width:95px;}
.g ul li {background: url(images/star_g.png) no-repeat 0px 0px;
	  padding:0 0 5px 15px;
	  line-height: 140%;}
.r ul li {background: url(images/star_g.png) no-repeat 0px 0px;
	   padding:0 0 5px 15px;
	  line-height: 140%;}
.b ul li {background: url(images/star_g.png) no-repeat 0px 0px;
	  padding:0 0 5px 15px;
	  line-height: 140%;}
.package ul{margin-top:8px;margin-bottom:15px;}
.g ul li, .r ul li, .b ul li{margin-left:10px;margin-top:1px;padding-left:20px;}

/* snap */
img#snap_com_shot_link_icon .snap_preview_icon { border:solid 1px red:}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div#container div#contact{

  display:none;
  height:370px;
 }

 div#container div.contactleft{
  float:left;
  width:580px;
  margin:0 0 30px 0;
 }

  div#container div.contactleft form{
   margin:25px 15px;
   font-size:11px;
   font-family:Tahoma,Arial,sans-serif;
  }

  
   div#container div.contactleft div.left{
    float:left;
    width:260px;
   }
  
   div#container div.contactleft div.right{
    float:right;
    width:260px;
   }
   div#container div.contactleft p.left{
    float:left;
    width:400px;
    line-height:30px;
   }
    div#container div.contactleft p.left label{
     color:#fff;
     float:none;
    }
    div#container div.contactleft p.left input{
     line-height:30px;
     margin:-2px 10px 0 0;
     vertical-align:middle;
    }
 
   div#container div.contactleft form label{
    clear:both;
    float:left;
    line-height:24px;
    font-weight:bold;
    margin:0 0 15px 0;
   }
   
    div#container div.contactleft form label span{
     color:#fff;
    }
   
    div#container div.contactleft form .text{
     color:#fff;
     float:right;
     width:170px;
     height:20px;
     font-size:11px;
     line-height:14px;
     margin:0 0 15px 0;
     padding:4px 0 0 4px;
     border:1px solid #444;
     font-family:Tahoma,Arial,sans-serif;
     background:#292929 url(images/text.png) 0 0 repeat-x;
    }
  
    div#container div.contactleft form .textfocus{
     border:1px solid #6b6a6a;
     background:#404040 url(images/textfocus.png) 0 0 repeat-x;
    }
   
    div#container div.contactleft form textarea.text{
     width:460px;
     height:111px;
     overflow:auto;
     background-image:url(images/textarea.png);
    }
   
    div#container div.contactleft form textarea.textfocus{
     border:1px solid #6b6a6a;
     background:#404040 url(images/textareafocus-contact.png) 0 0 repeat-x;
    }
    div#container div.contactleft form .button{
     float:right;
     cursor:pointer;
    }
	
	
div#container div.detailsright{
  float:right;
  width:280px;
  font-size:11px;
  font-family:Tahoma,Arial,sans-serif;
 }
  div#container div.detailsright h1 span{
   float:left;
  }
   div#container div.detailsright h1{
   padding-top:10px;
   margin-bottom:10px;
   }
  div#container div.detailsright h1 a{
   position:absolute;
   right:10px;
   width:29px;
   height:27px;
   display:inline;
   margin:-2px 0 0 0 ;
   text-indent:-9999px;
   background:url(images/contact-close.png) 0 0 no-repeat;
  }
  div#container div.detailsright h1 a:hover{
   background-position:0 -27px;
  }
  div#container div.detailsright p{
   color:#ccc;
   line-height:14px;
   margin:25px 25px 15px 10px;
  }
  div#container div.detailsright p.address{
   color:#fff;
   
  }
  div#container div.detailsright ul{
   margin:0 0 0 10px;
   list-style-type:none;
  }
   div#container div.detailsright ul li.mail{
    line-height:10px;
    padding:10px 0 15px 25px;
    background:url(images/mail.png) 0 10px no-repeat;
    margin:0 0 0 20px;
   }
   div#container div.detailsright ul li.phone{
    line-height:15px;
    padding:0 0 0 25px;
    background:url(images/phone.png) 0 0 no-repeat;   
    margin:0 0 0 20px;  
 }
   
   div .hr{border-bottom:1px solid #333333;}