/* CSS Document */
body{margin:0px; padding:0px; background:url(images/mainbg.jpg) 0 0 repeat-x #272626; color:#ffffff; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}

ul{list-style-type:none;}



/*----MAIN POST----*/
#mainPost{width:691px; 
position:relative; 
margin:0 auto; 
padding:0px;}



/*----Left Post----*/
#leftPost{width:240px; 
float:left;}

#leftTopPost{width:240px; 
height:125px; 
position:relative; 
margin:0 auto; padding:0; 
background:url(images/left-top.jpg) 0 0 no-repeat;
}

#leftTopPost img{width:180px;  
margin:30px 0 0 27px;}

#leftPost ul{width:240px; height:231px; 
display:block; 
background:url(images/menu-bg.jpg) 0 0 no-repeat; 
padding:28px 0 0;}

#leftPost ul li{width:118px; 
height:30px; 
position:relative; 
margin:0 auto; 
background:url(images/dot.gif) 0 100% repeat-x;}

#leftPost ul li a{width:96px; height:30px; 
display:block; 
background:url(images/arrow-normal.gif) 0 50% no-repeat #transparent; 
color:#ffffff; 
font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold; 
padding:0 0 0 22px; 
text-decoration:none;}

#leftPost ul li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #333334; 
color:#00aeef; 
text-decoration:none;}

#leftPost ul li.home{width:96px; height:27px; 
display:block; 
background: url(images/homebg.gif) 0 0 no-repeat #transparent; 
color:#00aeef; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-decoration:none; 
padding:0 0 0 22px;}

#leftPost ul li a.current{
color:#00aeef;
}

#leftPost ul li.contact{background:none;}

#leftPost ul.linkone{width:240px; height:259px; 
padding:0; 
background:none;}

#leftPost ul.linkone li{width:118px; 
height:26px; 
position:relative; 
margin:0 auto; 
background:none; 
padding:0px;}

#leftPost ul.linkone li a{width:96px; height:26px; 
display:block; 
background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; 
color:#8F8C73; 
font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:normal; 
padding:0 0 0 22px; 
text-decoration:underline;}

#leftPost ul.linkone li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; 
color:#25241E; 
text-decoration:underline;}

#leftPost h2{width:90px; height:63px; 
background:#191919; 
color:#191919; 
font-size:24px; 
line-height:63px; 
padding:0 0 0 63px; 
font-weight:normal;}

/* top, right, bottom, left */


#leftPostbox{width:222px; height:120px; 
position:relative; 
margin:0 0 0 8px; 
padding:0;
background:#1f1e1e;
color:#ffffff;}

#leftPostbox h2{width:222px; height:47px; 
display:block; 
background:url(images/smallboxtop.gif) 0 0 no-repeat #1f1e1e; 
color:#fff; 
font-size:18px; 
padding:0 0 0 0px;
}

#leftPostbox img {
	padding:0;
	margin:0;
	}


#leftdesignbox {
	position:absolute;
	top:180px;
	left:5px;
	width: 100px;
	height:250px;
	background-color:#272626;
	}

#leftdesignbox p {
	font:10px/10px Verdana, Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	color:#272626;
	}

#leftPostbox p {
display:block;
vertical-align:top;
width:190px; height:47px;  
color:#ffffff;
background:#1f1e1e; 
font-size:13px;  
padding: 0 0px 0 17px;
margin: 0px 0px 0 0px;}

#leftPostbox a {width:222px; height:47px;
display:block;
background:url(images/smallboxbottom.gif) 0 0 no-repeat ;
color:#fffbcc; 
font-size:14px; 
margin: 0 0px 0 -17px;
padding: 8px 0 0 17px;
text-decoration:none;
}

#leftPostbox a.image {
	display:inline;
	padding: 0 25px 0 0px;
	width:60px;
	border:none;
	margin:0;
	float:left;
	background:#1f1e1e; 
	}


#leftPostbox a:hover{text-decoration:underline;
color: #00aeef;}

#leftPostbox img {
	display:inline;
	padding: 0 6px 0 17px;
	width:60px;
	}

/*----/Left Post----*/



/*----Right Post----*/
#rightPost{width:451px; float:left;}

#rightPost h1{width:438px; height:124px; 
background:url(images/header.jpg) 0 0 no-repeat #000000; 
color:#fff; 
font:22px/13px Georgia, "Times New Roman", Times, serif; 
padding:37px 0 0 13px;
line-height: 22px}

#rightPost h1 span{font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#rightPost h1 span a {
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:3px 0 0 0;
	}
#rightPost h1 span a:hover {
	color:#CCCCCC;
	}


#rightPost h2{width:240px; height:36px; 
display:block; 
color:#b1b3b6; 
font-size:24px; 
line-height:36px; 
padding:0 0 0 0px; 
margin:22px 0 0 20px;}

	
	
	/*----design icons----*/


#design a{
	color:#ffffff;
	display:block;
	width:135px; height:122px;
	background: url(images/print_icon.png) no-repeat -20px -30px;
	margin:22px 0 0 20px;
	text-decoration:none;
	
	}

#design a:hover {
	display:block;
	background: url(images/print_icon2.png) no-repeat -20px -25px;
	margin:22px 0 0 20px;
	color:#ffffff;
	}
	



	
	
#rightpost .web h2 {
	background: url(images/web_icon.jpg);
	}

#rightPost h4{width:240px; height:50px; 
display:block; 
background:url(images/icon2.jpg) 0 0 no-repeat #F6F4E4; 
color:#8F146E; 
font-size:24px; 
line-height:22px; 
padding:0 0 0 75px; 
margin:0 0 0 9px; clear:both;}

#rightPost h4 span{color:#9F9D81; 
background:#F6F4E4; 
font-size:16px; 
font-weight:bold; 
line-height:18px;}

/* top, right, bottom, left */

#resume {
	padding:15px 0 0 20px;
	}
	
#resume h6{
	font-weight:bold; font-size:16px; color:#fffbcc; 
	margin:30px 0 8px 0;
	}
	
#resume ul {
	color:#777777;
	padding-bottom:25px;	
		}
		
#resume ul a{
	font-weight:bold;
	font-size:16px;
	color:#777777;
	}
	
#resume ul a.current{
	color:#fffbcc;
	}
	
		


#rightPost a{
font-size:15px;
color: #fffbcc;}

#rightPost a:hover{
color: #00aeef;}

#rightPost p{padding:10px 0 0 0px;
margin:0 0 0 20px;}

#rightPost p.bottompadding{padding:22px 0 0 9px; 
margin:0 0 15px 0;}

#rightPost p.portfoliopadding{padding:22px 0 0 9px; 
margin:0 0 350px 0;}

#rightPost p span.boldtext{font-weight:bold; font-size:16px; color:#fffbcc;}

#rightPost p span.magedacolortext{background:#F6F4E4; 
color:#8F146E;}

#rightPost form{
padding: 20px;}

#rightPost h5 {
	font-size:9px; color: #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
	padding:0 0 0 50px; margin-top:0px;
	}

#rightmorePost{width:420px; height:28px; 
display:block; 
background:url(images/pattern.gif) 0 0 repeat; 
border:1px solid #fff; 
line-height:28px; 
padding:0 0 0 20px;
margin:0 0 0 9px;}

#rightmorePost p.textposition{float:left; 
padding:0 0 0 18px; 
margin:0px;}

#rightmorePost a{float:left; width:36px; 
height:28px; 
display:block; 
background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; 
color:#1F1E15; 
text-decoration:none; 
padding:0 15px 0 45px; 
margin:0 0 0 135px;}

#rightmorePost a:hover{text-decoration:underline;}

#rightmorenextPost{width:411px; height:27px;
position: relative;
float:right; 
display:block; 
background:url(images/pattern.jpg) 0 0 repeat; 
border: 1px solid #464749; 
line-height:28px; 
padding:0 0 0 20px; 
margin:0 0 10px 9px;}

#rightmorenextPost p.textposition{float:left; font-size:13px;
padding:0 0 0 8px; margin:0px;}

#rightmorenextPost a{
color:#fffbcc; 
text-decoration:none; 
padding:0 15px 0 45px;
margin:0 0 0 265px;}

#rightmorenextPost a:hover{text-decoration:underline;
color: #00aeef;}


#rightaddPost{width:442px; height:170px; 
position:relative; 
margin:0 auto; 
padding:50px 0 0 9px;}

#rightaddonePost{width:218px; height:110px; 
float:left; 
background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; 
color:#fff; }

#rightaddonePost p.whitetext{font-size:22px; padding:16px 0 0 16px;}

#rightaddonePost p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}

#rightaddonePost a{width:97px; height:33px; 
display:block; 
background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; 
color:#fff; 
font-size:16px; 
line-height:30px; 
text-decoration:none; 
margin:15px 0 0; 
padding:0 0 0 55px;}

#rightaddonePost a:hover{text-decoration:underline;}

#rightaddtwoPost{width:218px; height:110px; 
float:left; 
background:url(images/image2.jpg) 100% 0 no-repeat #CBC8B2; 
color:#fff; 
margin:0 0 0 6px;}

#rightaddtwoPost p.whitetext{font-size:22px; 
padding:16px 0 0 16px;}

#rightaddtwoPost p.whitetextbig{font-size:28px; 
padding:10px 0 0 16px;}

#rightaddtwoPost a{width:82px; height:33px; 
display:block; 
background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; 
color:#fff; 
font-size:16px; 
line-height:30px; 
text-decoration:none; 
margin:15px 0 0; 
padding:0 0 0 55px;}

#rightaddtwoPost a:hover{text-decoration:underline;}

/*----/Right Post----*/



/*----Footer Post----*/
#footermainPost{background:url(images/footerbg.jpg) 0 0 repeat-x #000000;
color:#ffffff; 
position:relative; 
margin:0 auto; 
height:140px; 
clear:both;}

#footerPost{width:691px; 
position:relative; 
margin:0 auto; 
font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal;}



#footerPost ul{width:546px; 
position:absolute; 
top:70px; 
left:100px;}

#footerPost li{float:left; }

#footerPost ul li a{padding:0 10px 0; 
color:#999999; 
background:#000000; 
text-decoration:none;}

#footerPost ul li a:hover{text-decoration:underline;}

#footerPost p.copyright{
font-size:10px;
width:204px; 
background:#000000; 
color: #666666; 
position:absolute; 
top:60px; 
left:283px;}

#footerPosthtml{width:64px; height:19px; 
display:block; 
position:absolute; 
top:132px; 
left:240px;}

#footerPosthtml a{width:59px; height:18px; 
background:url(images/arrow2.gif) no-repeat 45px 0px #D0CEB8; 
display:block; 
position:absolute; 
top:0px; 
left:0px; 
line-height:19px; 
padding:1px 0 0 5px; 
border:1px solid #FFFFFA; 
color:#353427; 
text-transform:uppercase; 
text-decoration:none;}

#footerPosthtml a:hover{background:url(images/arrow3.gif) no-repeat 45px 0px #B0AD93; 
color:#353427; 
text-decoration:none;}

#footerPostcss{width:64px; height:19px; 
display:block; 
position:absolute; 
top:132px; 
left:320px;}

#footerPostcss a{width:49px; height:18px; 
background:url(images/arrow3.gif) no-repeat 45px 0px #D0CEB8; 
display:block; 
position:absolute; 
top:0px; 
left:0px;
line-height:19px; 
padding:1px 0 0 15px; 
border:1px solid #FFFFFA; 
color:#353427; 
text-transform:uppercase; 
text-decoration:none;}

#footerPostcss a:hover{background:url(images/arrow2.gif) no-repeat 45px 0px #B0AD93; 
color:#353427; 
text-decoration:none;}

/* begin gallery styling */
#jgal { list-style: none; width: 120px; margin:20px 0 0 20px;}
#jgal li { opacity: .5; float: left; display: block; width: 19px; height: 19px; background-position: 50% 50%; cursor: pointer; border: 1px solid #fff; outline: 1px solid #ddd; margin-right: 16px; margin-bottom: 16px; }
#jgal li img { width:375px; position: absolute; top: 238px; left: 380px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; 
	display: block;
}


#gallery li { float: left; margin: 10px 10px 10px 0; }

#bottomlink {
	float:right;
	padding:50px 0 0 0;
	font-size:12px;
	}
	
#bottomlink p {
	display:inline;
	}
	
#bottomlink a {
	text-decoration: none;
	font-size:12px;
	color:#ffffff;

	}