body {
	font-family: "Times New Roman", Times, serif;
	color: #444;
	line-height: normal;
}
body#main {
background: url(/images/bg2.jpg) repeat;
}
body#about {
background: url(/images/bg1.jpg) repeat;
}
body#ctc {
background: url(/images/bg3.jpg) repeat;
}
body#folio {
background: url(/images/bg1.png) repeat;
}
body#serv {
background: url(/images/bg.jpg) repeat;
}
#bgshadow {
	background-image: url(/images/shadowbg.png);
	height: 262px;
	position: absolute;
	background-repeat: repeat-x;
	top: 0px;
	width: 100%;
	z-index: -99;
	left: 0px;
}
#container {
width:1000px;
margin: 60px auto;
}
#content {
position:relative;
width:100%;
height:600px;
background-image:url(/images/content_bg.png);
background-repeat:repeat-x;
background-position:bottom;
clear: both;
border:1px solid #442;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
-moz-box-shadow:0 0 4px 4px #000;
-webkit-box-shadow:0 0 4px 4px #000;
box-shadow:0 0 4px 4px #000;
}
#content #content_bg {
position:absolute;
top:0px;
right: 0;
z-index:-99;
width:100%;
height:100%;
background-repeat:no-repeat; 
}
#content ul {
list-style-image:url(/images/bullet.png);
margin:20px auto;
font-family: DIN;
font-size: 16px;
color:#000000;
background-color:#FFFFFF;
border:1px solid #000000;
padding-top:15px;
padding-bottom:15px;
width:350px;
-moz-border-radius: 15px;
border-radius: 15px;
}

#main #content_bg {
background:url(/images/content_bg1.jpg); 
}
#about #content_bg {
background:url(/images/content_bg2.jpg); 
}
#ctc #content_bg {
background: #FFFFFF url(/images/content_bg4.jpg) no-repeat; 
background-position:right; 
}
#folio #content_bg {
background: url(/images/bg2.png) repeat;
}
#serv #content_bg {
background: #FFFFFF url(/images/content_bg3.jpg) no-repeat; 
}
#content h2 {
font: 40px Verdana, Arial, Helvetica, sans-serif ;
text-align: center;
margin-top:10px;
color: #222;
text-shadow: 0px 2px 3px #555;
}
#content p {
margin:20px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
line-height:1.7em; 
}
#content p:first-letter {
font-family: Times, Times New Roman, Tahoma;
font-size: 48pt;
float: left;
}
a.btn{
border:#BBB 1px solid; 
color:#5f5e5e; 
display:block; 
font-size:18px; 
position:absolute; top:110px; right:50px; z-index: 122;
padding:12px 15px; 
margin-right:10px; 
text-decoration:none;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-khtml-border-radius: 6px;
-moz-box-shadow: 0px 1px 3px #aaa;
-webkit-box-shadow: 0px 1px 3px #aaa;
box-shadow: 0px 1px 3px #aaa;
background: #FFF; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFF,  #DDD); /* for firefox 3.6+ */
} /* Reverse Grey Gradient */
a:hover.btn{
background: #DDDDDD; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #DDDDDD,  #FFFFFF); /* for firefox 3.6+ */
}
ul#menu {
float:right;
border:1px solid #000000;
background-color:#FFFFFF;
padding:0;
margin-bottom:50px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 0 4px 4px #000;
-webkit-box-shadow:0 0 4px 4px #000;
box-shadow:0 0 4px 4px #000;}
ul#menu li.home  {
-moz-border-top-left-radius:5px;
-moz-border-bottom-left-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
ul#menu li.ctc  {
-moz-border-top-right-radius:5px;
-moz-border-bottom-right-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}
ul#menu li {
list-style:none;
float:left;
line-height: 42px;
text-align:center;
padding:0 15px;
border-right:1px solid #000000
}
ul#menu li a {
color:#000000;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
text-decoration:none

}
ul#menu li:hover {
background: -moz-linear-gradient(bottom, #666, #fff);
background: -webkit-gradient(linear, center bottom, center top, from(#666), to(#fff)); 
}
ul#menu li:hover {
background: -moz-linear-gradient(bottom, #666, #fff);
background: -webkit-gradient(linear, center bottom, center top, from(#666), to(#fff)); 
}
h1.logo {
float:left;
text-indent:-1000px;
background: url(/images/logo.png);
width:348px;
height:65px;
margin:0;
}
#footer {
clear: float;
margin-top:50px;
}
.box {
float:left;
position:relative;
width:275px;
height:207px;
border:1px solid #442;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 4px 4px #000;
-webkit-box-shadow:0 0 4px 4px #000;
box-shadow:0 0 4px 4px #000;
background-image:url(/images/box_bg.png);
background-repeat:repeat-x;
background-position:bottom;
background-color:#ffffff;
margin-right:84px;
margin-bottom:25px;
}
.box .heading {
margin: 20px 25px;
font: bold 20px Georgia, Times, serif; 
padding-bottom: 0; 
color: #333;
}
.box p {
margin-left:15px
}
#footer .community 
{
position:absolute;
top: 0px;
right:0px;
z-index:-99;
width:100%;
height:100%;
}
#footer .blog  
{
position:absolute;
top: 15px;
right:0px;
z-index:99;
}
#footer .contact 
{
position:absolute;
z-index:99;
background-repeat:no-repeat; 
}
#main .community, 
#ctc .community,
#folio .community 
{
background:url(/images/community.jpg);
}
#about .community, 
#serv .community 
{
background:url(/images/community2.jpg)
}
#about .blog, 
#ctc .blog, 
#folio .blog  
{
width:80px;
height:150px;
background:url(/images/blog2.jpg); 
background-repeat:no-repeat; 
}
#main .blog, 
#serv .blog 
{
width:80px;
height:150px;
background:url(/images/blog.jpg); 
background-repeat:no-repeat; 
}
#main .contact, 
#ctc .contact 
{
top: 50px;
right:0px;
width:200px;
height:103px;
background:url(/images/contact.jpg);
}
#about .contact, 
#serv .contact, 
#folio .contact 
{
top:40px;
right:55px;
width:200px;
height:120px;
background:url(/images/contact2.jpg);
}
.social img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.6;
opacity: 0.6;
float:left;
margin:0;
margin-right:20px;
}
.social:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: .9;
opacity: .9;
}