/*
Theme Name: Pagoda Works Theme
Theme URI: http://pagodaworks.com/
Version: 1.0
Author: Michael Cala
Author URI: http://pagodaworks.com/

*/



body{

	background: #EBE9E2;
	background-image: url("images/pagoda-bg.gif");
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	font-family: Arial, sans-serif;	 
}

.CenterContainer{
	width: 1000px;
	margin: 0 auto;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.clear{
	clear: both;
}

h2{
	font-size: 1.2em;
	margin: 0;
}

h3{
	font-size: .9em;
	margin: 0;
	color: #ffffff;
	background: #000000;
	padding: 3px;
	width: 280px;
	padding-left: 10px;
}
input,textarea{
	border: 1px solid #ccc;
	color: #999;
	font: inherit;
	padding: 3px;
     margin-bottom:3px;
}

/********************************************************
HEADER CSS
*********************************************************/


#Logo{
	height:60px;
	width: 304px;
	background-image: url("images/Logo.gif");
	background-position:bottom;
	background-repeat: no-repeat;

}

#MenuBox{
	height:60px;
	width: 696px;
	background-image: url("images/MenuBox.gif");
	background-position:bottom;
	background-repeat: no-repeat;
}

#BottomCircle{
	height:117px;
	width: 304px;
	background-image: url("images/BottomCircle.gif");
	background-position:bottom;
	background-repeat: no-repeat;
}
#FacebookIcon{
	width: 32px;
	height: 32px;
	background-image: url("images/social/facebook.png");
	float: left;
		margin-left:10px;
}


#RSSIcon{
	width: 32px;
	height: 32px;
	background-image: url("images/social/rss.png");
	float: left;
		margin-left:10px;
}

#TwitterIcon{
	width: 32px;
	height: 32px;
	background-image: url("images/social/twitter.png");
	float: left;
		margin-left:10px;
}
#FeedBurnerIcon{
	width: 32px;
	height: 32px;
	background-image: url("images/social/feedburner.png");
	float: left;
		margin-left:10px;
}

#LinkedInIcon{
	width: 32px;
	height: 32px;
	background-image: url("images/social/linkedin.png");
	float: left;
	margin-left:10px;
}

#Social{
	padding-top:10px;
	padding-left:40px;
}
#FacebookIcon a, #RSSIcon a,#TwitterIcon a,#LinkedInIcon a,#FeedBurnerIcon a{
	width: 32px;
	height: 32px;
	display: block;
}
#ContainerRight{
	width: 668px;
	float: left;
}


#Menu{

}

#Menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	padding-top:20px;
}

#Menu ul li{

	float: left;
	padding-left: 30px;
	
}

#Menu ul li a{
	color: #d57c50;
	text-decoration: none;
	font-weight:bold;
	font-size: .8em;
}

#Menu ul li a:hover{
	color: #C41930;
}

/********************************************************
MAIN BODY CSS
*********************************************************/
#ContentBody{

}
#LeftColumn{
	width: 304px;
}

#Content{
	width: 686px;
	color: #584F4F;
	font-size: .8em;
	min-height: 400px;
	padding: 5px;
}

#HomeImageBox{
	width: 684px;
	height: 210px;
	border: 1px solid #CBCACA;
	background: #ffffff;
	overflow: hidden;
}

#HomeImageBox img{
	margin-top: 5px;
	margin-left: 5px;
}

#Content ul{
	list-style: square;
}

#Content a{
	color: #C41930;
		text-decoration: none;
}
#Content a:hover{
	color:#d57c50;

}
#MainBodyContainer{
	width: 100%;
	background: #EBE9E2;
	color: #584F4F;
	font-size: .8em;
	border-bottom: 2px solid #CBCACA;
}

#PagodaBlogTitle{
	background: url("images/PagodaBlogTitle.gif");
	height: 22px;
	width: 200px;
	margin-left:10px;
	margin-top:130px;
}
#FAQTitle{
	background: url("images/FAQTitle.gif");
	height: 22px;
	width: 200px;
	margin-left:10px;
}
#AboutTitle{
	background: url("images/AboutTitle.gif");
	height: 22px;
	width: 200px;
	margin-left:10px;	
}
#ContactTitle{
	background: url("images/ContactUsTitle.gif");
	height: 22px;
	width: 200px;
	margin-left:10px;	
}

#PagodaSupportTitle{
	background: url("images/PagodaSupportTitle.gif");
	height: 22px;
	width: 200px;
	margin-left:10px;	
}
#PrivacyPolicyTitle{
	background: url("images/PrivacyPolicyTitle.gif");
	height: 22px;
	width: 200px;
	margin-left:10px;	
}

#OurWorkTitle{
	background: url("images/OurWorkTitle.gif");
	height: 22px;
	width: 200px;
	margin-left:10px;	
}

#RegularPage{
	width: 902px;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
}

#RegularPage a,#OurWorkPage a, #HomeLeftContainer a,#HomeRightContainer a{
	color: #C41930;
	text-decoration: none;
}

#RegularPage a:hover,#OurWorkPage a:hover, #HomeLeftContainer a:hover,#HomeRightContainer a:hover{
	color: #CD5210;
	text-decoration: none;
	}

/********************************************************
HOME PAGE CSS
*********************************************************/
#Welcome{
background: url("images/Welcome.gif");
	height: 42px;
	width: 357px;
	margin-left: 5px;
}
#HomeLeftContainer{
	width: 575px;
	float: left;
	padding-left:40px;
	padding-right:10px;
}

#HomeLeftContainer ul{
	list-style-type: square;
}
#HomeRightContainer{
	width: 300px;
	padding-left:5px;
	float: left;
}

#HomeBlogPosts{
	border: 1px solid #CBCACA;
	background: #ffffff;
	width: 280px;
	padding: 3px;

}
#HomeBlogPosts a{
	color: #C41930;
		text-decoration: none;
}
#HomeBlogPosts a:hover{
	color:#d57c50;

}

.post{
	padding: 5px;
}


.HomeNewsItem{
	margin-left:10px;
}
.HomeNewsItemDate{
	float: left;
	width: 30px;
	font-size: .6em;
	padding-top: 1px;
	text-align: right;
	padding-right:2px;

}

.HomeNewsItemTitle{
	width: 235px;
	float: left;
	font-size: .75em;

}

/********************************************************
SERVICES PAGE CSS
*********************************************************/
.ServiceMenu{
	width: 300px;
	padding-top:150px;
}

#tab-container-1-nav{
	list-style: none;
}

.ServiceMenu ul{
	padding: 8px;
	margin: 0px;
}

#ServiceBox{
	width: 590px;
	min-height:400px;
	padding: 5px;
}
#WebDevelopmentTitle{
	display: block;
	background: url("images/WebDevelopmentTitle.gif");
	height: 22px;
	width: 300px;
}
#WebDesignTitle{
	background: url("images/WebDesignTitle.gif");
	display: block;
	height: 22px;
	width: 300px;
}

#FreeQuoteTitle{
	background: url("images/FreeQuoteTitle.gif");
	display: block;
	height: 22px;
	width: 300px;
}

#WordPressIntegrationTitle{
	background: url("images/WordPressTitle.gif");
	display: block;
	height: 22px;
	width: 300px;
}

#E-CommerceTitle{
	background: url("images/E-CommerceTitle.gif");
	display: block;
	height: 22px;
	width: 300px;
}

#PrivacyPolicyTitle{
	background: url("images/PrivacyPolicyTitle.gif");
	display: block;
	height: 22px;
	width: 300px;
}


#SEOTitle{
	background: url("images/SEOTitle.gif");
	display: block;
	height: 22px;
	width: 200px;
}
#SEOTitle:hover,#E-CommerceTitle:hover,#WordPressIntegrationTitle:hover, #WebDesignTitle:hover,#WebDevelopmentTitle:hover{
	
	background-position: 0 -22px;
}

#WebDevelopment{
	background: url("images/WebDevelopment.gif");
	height: 29px;
	width: 360px;
}
#WebDesign{
	background: url("images/WebDesign.gif");
	height: 29px;
	width: 360px;
}

#SEO{
	background: url("images/SEO.gif");
	height: 29px;
	width: 360px;
}

#E-Commerce{
	background: url("images/E-Commerce.gif");
	height: 29px;
	width: 360px;
}

#WordPress{
	background: url("images/WordPress.gif");
	height: 29px;
	width: 360px;
}

/********************************************************
FREE QUOTE PAGE CSS
*********************************************************/
.FreeQuoteMessageBox{
	width:280px;
	padding: 20px;
}

.FreeQuoteBox{
	border: 1px solid #CBCACA;
	background: #ffffff;
	padding: 5px;
	margin-left:5px;
	margin-bottom: 10px;
	font-size: .8em;
	width: 320px;
}

.SupportForm{
	border: 1px solid #CBCACA;
	background: #ffffff;
	padding: 5px;
	margin-bottom: 10px;
	width: 470px;
}

.SupportRightColumn{
	width: 400px;
		padding: 5px;
}	

.SupportForm input[type=text]{
	width: 225px;
}

.SupportForm textarea{
	width: 360px;
	height: 200px;
}

.FreeQuoteBox2{
	margin-left: 5px;
}

.FreeQuoteBox input[type=text]{
	width: 225px;
	text-align: left;
}
.FreeQuoteBox2 p{
	margin-left:40px;
}
/********************************************************
OUR WORK PAGE CSS
*********************************************************/


#OurWorkPage{
	width: 1002px;
	margin: 0 auto;
}

#OurWorkBox{
	width: 240px;
	text-align: center;
	
	float:left;
	margin-bottom: 4px;
	padding-left:40px;

}

#OurWorkBox2{
	width: 660px;

	float:left;
	margin-left: 80px;
}

.ContentPadding{
	padding-top:20px;
}
.ServiceImageFrame{
	border: 1px solid #CBCACA;
	background: #ffffff;
	padding: 5px;
	width: 654px;
}

.ServiceImageFrame2{
	border: 1px solid #CBCACA;
	background: #ffffff;
	padding: 5px;
	float: right;
}

#OurWorkBox ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#OurWorkBox ul li{
	float: left;
	padding: 2px;
}

#OurWorkBox ul li a{
	display: block;
	width: 50px;
	height: 50px;	
	border: 2px solid  #3D3737;
}

#OurWorkBox ul li a:hover {
	border: 2px solid  #FFD957;
}
#VagrantThumb{
	background: #3D3737;
	background-image: url("images/ourwork/vagrantthumb.gif");	
}
#CSMThumb{
	background: #3D3737;
	background-image: url("images/ourwork/calstreetmusicthumb.gif");	
}
#ADMThumb{
	background: #3D3737;
	background-image: url("images/ourwork/admthumb.gif");	
}

#AGThumb{
	background: #3D3737;
	background-image: url("images/ourwork/agthumb.gif");	
}

#FindItThumb{
	background: #3D3737;
	background-image: url("images/ourwork/finditthumb.gif");	
}
#WheyThumb{
	background: #3D3737;
	background-image: url("images/ourwork/wheythumb.gif");	
}

#OssiesThumb{
	background: #3D3737;
	background-image: url("images/ourwork/ossiesthumb.gif");	
}

#WesThumb{
	background: #3D3737;
	background-image: url("images/ourwork/westhumb.gif");	
}

#GibThumb{
	background: #3D3737;
	background-image: url("images/ourwork/gibberonithumb.gif");	
}

#EEThumb{
	background: #3D3737;
	background-image: url("images/ourwork/encompassthumb.gif");	
}
#VGSThumb{
	background: #3D3737;
	background-image: url("images/ourwork/vgsthumb.gif");	
}
#KOThumb{
	background: #3D3737;
	background-image: url("images/ourwork/knockoutthumb.gif");	
}
#SoRealThumb{
	background: #3D3737;
	background-image: url("images/ourwork/sorealthumb.gif");	
}

#JRBThumb{
	background: #3D3737;
	background-image: url("images/ourwork/jacksonthumb.gif");	
}

#TTHCThumb{
	background: #3D3737;
	background-image: url("images/ourwork/tenderthumb.gif");	
}

#DangThumb{
	background: #3D3737;
	background-image: url("images/ourwork/dangthumb.gif");	
}

#PPThumb{
	background: #3D3737;
	background-image: url("images/ourwork/presidiothumb.gif");	
}

#CTHThumb{
	background: #3D3737;
	background-image: url("images/ourwork/customtrimhomesthumb.gif");	
}
#SLThumb{
	background: #3D3737;
	background-image: url("images/ourwork/sobottathumb.gif");	
}

#XAThumb{
	background: #3D3737;
	background-image: url("images/ourwork/xtremethumb.gif");	
}

#OurWorkBox ul li a.active {
	border: 2px solid  #D82231;
	cursor: default;
}

#OurWorkTop{
	width: 670px;
	height:8px;
	background-image: url("images/OurWorkTop.gif");	

}

#OurWorkBody{
	width: 670px;
	background-image: url("images/OurWorkBody.gif");	
}

#OurWorkBottom{
	width: 670px;
	height:14px;
	background-image: url("images/OurWorkBottom.gif");	

}
#OurWorkBox2 .tab{
	width: 672px;
	padding-left:2px;

}

#OurWorkBox2 .tab h2{
	border-bottom: 0;
}
#OurWorkBox2 .tab a{
	font-weight: bold;
	text-decoration: none;
}

#OurWorkBox2 .tab a:hover{
	text-decoration: underline;
}

/********************************************************
CONTACT PAGE CSS
*********************************************************/

.ContactForm{
	border: 1px solid #CBCACA;
	background: #ffffff;
	padding: 5px;

}
/********************************************************
BLOG CSS
*********************************************************/

.PrePostData{
	width: 650px;
}

.PostDate{
	background: #221F1F;	
	border: 1px solid #989898;
	color:#ffffff;
	padding: 1px;
	width:30px;
	text-align: center;

}

.PostTitle h2{
	width: 610px;
	border-bottom: 1px dotted #989898;
	padding-left: 5px;
}

.author{
	font-size: .7em;
	padding-left: 10px;	
}
.day{
	font-size: .9em;
}

.month{
	font-size: .8em;
}
#SinglePage{
	width: 650px;
	margin-top:10px;
}

#RelatedPosts{
	width: 200px;
	padding-left:10px;
	padding-top:10px;
	font-size: .8em;
}

#RelatedPosts a{
	color: #C41930;
		text-decoration: none;
}
#RelatedPosts a:hover{
	color:#d57c50;

}

#RelatedPosts ul{
	list-style-type:square;
		width: 200px;
}
#SinglePage h2{
	font-size: 1.2em;
	margin-left:4px;
}

#comment{
	width: 500px;
	height: 150px;
}
.Content{
	padding:5px;
}

.PostData{
	text-align: right;
	font-weight: bold;
	margin-bottom:40px;
	font-size: .8em;
}

.navigation{
	width: 500px;
}

.commentlist{
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist li{
	border: 1px solid #989898;
	background:#ffffff;
	margin-bottom: 5px;
	margin-top:5px;
}

.commentmetadata{
	font-size:.7em;
	margin-left:2px;
}

.commentlist li p{
	margin: 2px;
}

a img{
	border: 4px solid #221F1F;
}
/********************************************************
ABOUT CSS
*********************************************************/
#AboutText{
	width: 902px;
	height: 89px;
	background: url("images/AboutText.gif");
margin-left: 30px;
}

#AboutContent{
width: 890px;
padding-left: 40px;
}

.AboutHalfContent{
	width: 430px;
	float: left;
	padding-right: 10px;
}

.AboutHalfContentBlack{
	width: 445px;
	float: left;
	height:230px;
	background: url("images/AboutGraph.gif");
	margin-top: 6px;
}
/********************************************************
FOOTER CSS
*********************************************************/

#Footer{
	color: #584F4F;
	font-size: .6em;
	width: 990px;
	text-align: right;
	border-top: 1px dotted #000000;
	padding: 5px;

}

#Footer a{
	color:#d57c50;
	text-decoration: none;
}

#Footer a:hover{
	color: #C41930;
}


#FooterTitle{
	width: 115px;
	height: 16px;
	background: url("images/FooterTitle.gif");
}
#LeftContent{
	width: 400px;
	text-align: left;
	padding-left: 5px;	
}


#RightContent{
	width: 400px;
	text-align: right;
	padding-right: 5px;	
}