body{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	padding:0px;
	margin:0px;
	background:#FFFFFF url(images/pageBgr.png) repeat-x left top;
}
form, input, select{
padding:0px;
margin:0px;
}
h1{
margin:0px;
margin-bottom:4px;
font-size:24px;
}
h2{
color:#73b82a;
margin:0px;
margin-bottom:4px;
font-size:14px;
}
h3{
margin:0px;
margin-bottom:4px;
font-size:24px;
color:#73b82a;
}
h4{
margin:0px;
margin-bottom:4px;
font-size:30px;
}
h5{
margin:0px;
margin-bottom:4px;
font-size:9px;
}
p{
margin:0px;
margin-bottom:10px;
}
.fontNormal{
font-weight:normal
}
.clear{
clear:both;
padding-top:10px
}
.clearMini{
clear:both;
height:0px;
font-size:1px;
line-height:0px;
}
.container{
text-align:left;
margin:0px auto;
width:982px;
}
.header{
float:left;
width:982px
}
.logo{
float:left;
width:214px;
padding:12px 0px 5px 28px
}
.logo img{
border-style: solid; 
border-width: 0
}
.menu{
float:left;
width:440px;
padding-left:300px;
margin-top:17px
}
.menu dt{
float:left;
margin:0px 1px;
cursor:pointer
}
.menu a{
float:left;
color:#FFFFFF;
text-decoration:none;
font-size:13px;
}
.menu a b{
float:left;
padding:4px 8px 6px 8px;
cursor:pointer
}
.menu a:hover{
float:left;
background:url(images/hover.gif) no-repeat left top;
color:#FFFFFF;
text-decoration:none;
font-size:13px;
}
.menu a:hover b{
float:left;
background:url(images/hoverRight.gif) no-repeat right top;
cursor:pointer
}
.menu a.select{
float:left;
background:url(images/hover.gif) no-repeat left top;
color:#FFFFFF;
text-decoration:none;
font-size:13px;
}
.menu a.select b{
float:left;
background:url(images/hoverRight.gif) no-repeat right top;
cursor:pointer
}
.content{
background:#ffffff url(images/bodyBgr.gif) no-repeat left top;
float:left;
width:970px;
padding:7px 6px
}

.content p{
text-align: justify
}

/* 
Scroll css BEGIN
*/
.scrollContent{
overflow: hidden; 
visibility: visible; 
position: relative; 
z-index: 2; 
left: 0px; 
width: 970px;
}
.scrollBody{
margin: 0pt; 
padding: 0pt; 
position: relative; 
list-style-type: none; 
z-index: 1; 
width: 1950px; 
left: -150px;
}
/******************/
.scrolPortCol{
float:left;
width:921px;
overflow: hidden; 
z-index: 4; 
}
.scrollContentPort{
overflow: hidden; 
visibility: visible; 
position: relative;
z-index: 2; 
left: 0px; 
width: 921px;
}
.scrollBodyPort{
margin: 0pt; 
padding: 0pt; 
position: relative; 
list-style-type: none; 
z-index: 1; 
width: 1950px; 
left: -150px;
}
/******************/
.items{
overflow: hidden; 
float: left; 
width: 970px;
height: 269px;
}
.portItem{
overflow: hidden; 
float: left; 
width: 921px;
height:380px;
}
.item1{
background:url(images/home_web_dev.jpg) no-repeat left top;
}
.item2{
background:url(images/home_web_design.jpg) no-repeat left top;
}
.item3{
background:url(images/home_web_xhtml.jpg) no-repeat left top;
}
.item4{
background:url(images/mainImg.jpg) no-repeat left top;
}
.itemContent{
padding:60px 20px;
width:485px;
height:195px;
float:left
}
.itemContent h1, .itemContent h2, .itemContent h3, .itemContent h4, .itemContent h5, .itemContent h6{
color:#333333;
font-size:3em;
}
.itemContent h2{
color:#333333;
font-size:2em;
}
.scrollContentBtnLeft{
background:url(images/arrLeft.gif) no-repeat center top;
border:1px none #000000;
width:12px;
height:20px;
cursor:pointer
}
.scrollContentBtnRight{
background:url(images/arrRight.gif) no-repeat center top;
border:1px none #000000;
width:12px;
height:20px;
cursor:pointer
}
/*
Scroll css  END
*/
.colMain{
float:left;
width:600px;
padding:2px 20px 18px 14px;
}
.colRight{
float:left;
width:302px;
padding:20px 14px 18px 19px;
border-left:1px dotted #cccccc
}

.colEdno{
float:left;
width:299px;
padding:28px 20px 18px 20px;
background:url(images/colBgr.gif) repeat-x left top;
}
.colDve{
float:left;
width:260px;
padding:28px 20px 18px 20px;
}
.colTri{
float:left;
width:290px;
padding:28px 20px 18px 20px;
border-left:1px dotted #cccccc
}
.news{
padding:0px;
margin:0px;
list-style-type:none
}
.news li{
background:url(images/arr.gif) no-repeat 2px 4px;
padding-left:24px;
margin-bottom:12px
}
.inputs{
font-size:12px;
border:1px solid #cccccc;
height:21px;
width:198px;
}
.areas{
border:1px solid #cccccc;
height:65px;
width:400px;
}
.footer{
float:left;
width:962px;
background:url(images/footerBgr.gif) repeat-x left top;
padding:10px
}
.connectUs{
float:left;
width:100px;
text-align:right;
}
.copy{
float:left;
width:862px;
text-align:right;
padding-top:20px
}
.subTitle{
background:url(images/subpageTitle.gif) repeat-x left top;
float:left;
width:922px;
padding:12px 24px
}
.rightMenu{
float:right;
width:300px;
text-align:right;
padding-top:4px
}
.rightMenu a{
text-decoration:none;
color:#333333;
padding:2px 6px;
}
.rightMenu a.last{
padding-right:0px;
}
.rightMenu a:hover{
text-decoration:underline;
}
td{
font-size:11px;
color:#666666;
padding:3px 0px
}
th{
font-size:10px;
color:#000000;
font-weight:normal;
padding:10px;
background-color:#cccccc
}
/*portfolio*/
.portTitle{
padding:10px 26px;
float:left;
width:922px
}
.arrLeft{
float:left;
width:18px;
padding-left:7px;
padding-top:140px;
border-right:1px dotted #cccccc
}
.arrRight{
float:left;
width:23px;
padding-top:140px;
}
.portDiv{
border-right:1px dotted #cccccc;
width:280px;
padding:0px 13px;
float:left;
background:url(images/portbgr.gif) repeat-x left bottom;
}
.portBtnLeft{
background:url(images/leftArr.gif) no-repeat center top;
border:1px none #000000;
width:18px;
height:37px;
cursor:pointer
}
.portBtnRight{
background:url(images/rightArr.gif) no-repeat center top;
border:1px none #000000;
width:18px;
height:37px;
cursor:pointer
}
.indexNavBar{
clear:both;
padding:4px 0px;
text-align:center
}

.portImg{
border:2px solid #73b82a;
}