body
{
	background:#000 url(../images/main_bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff; padding:0px; margin:0px auto;
}

img
{
	border:0px;
}


a
{
	text-decoration:underline;
	color:#ff0303;
}

a:hover
{
	text-decoration:underline;
	color:#ff0303;
}

input
{
	background:#1e1e1e;
	border:1px solid #7d7d7d;
	color:#a9a9a9;
}

.clear
{
	clear:both;
	padding:0px;
	margin:0px auto;
}

.heading
{
	font-size:30px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	margin-top:10px;
}

p
{
	padding:5px 0px 2px 0px;
}

.main
{
	width:100%;
	padding:0px;
	margin:0px auto;
}

.center
{
	width:1000px;
	padding:0px 0px 30px 0px;
	margin:0px auto;
}

.header
{
	width:1000px;
	height:296px;
	padding:0px;
	margin:0px auto;
	background:url(../images/header_bg.gif) no-repeat center; 
}

.header_container
{
	width:1000px;
	padding:0px;
	margin:0px auto;
}

.header_left
{
	width:600px;
	float:left;
	padding:0px;
}

.header_right
{
	width:324px;
	float:right;
	padding:0px;
}

.logo
{
	width:257px;
	height:173px;
	padding:0px;
	float:left;
	/*background:url(../images/logo.gif) no-repeat left;*/
}

.login_pan
{
	width:323px;
	padding:0px;
	float:right;

}

.login_bg
{
	width:311px;
	height:81px;
	padding:0px;
	margin:0px auto;
	background:url(../images/login_bg.gif) no-repeat center;
}

.login_inner
{
	width:280px;
	padding:5px 0px 0px 0px;
	margin:0px auto; border:0px solid #fff;
}

.contact_div
{
	width:280px;
	padding:3px 0px 5px 0px;
	margin:0px auto;
	color:#a9a9a9;
}

.contact_div span
{
	float:left;
	width:10px;
	text-align:right;
	padding:0px 15px 0px 44px; border:1px solid #fff;
}

.contact_input1
{
	float:left;
	width:85px;
	padding:3px;
}

.contact_input2
{
	float:left;
	width:65px;
	padding:3px;
	padding-left:30px;
}

.contact_input_login
{
	float:right;
}


.top_container
{
	width:323px;
	height:72px;
	padding:0px 0px 15px 0px;
	margin:0px auto;
	
}

.forgot{
width:100px;
height:21px;
float:left;
margin-left:5px;
}


.forgot1{
width:155px;
height:25px;
float:left;
margin-left:5px;

}

.small_nav
{
	width:203px;
	padding:0px;
	float:left;	
}

.small_nav .navigation
{
	width:206px;
	padding:0px;
	margin:0px auto;
}

.small_nav .navigation ul
{
	width:206px;
	padding:0px;
	margin:0px auto;
	display:inline;
	list-style:none;
	list-style-type:none;
}

.small_nav .navigation li
{
	width:206px;
	padding:0px 5px 0px 5px;
	float:left;
	display:inline;
	list-style:none;
	list-style-type:none;
}

.small_nav .navigation li .home
{
	width:30px;
	height:31px;
	background:
}

.what_new
{
	width:108px;
	height:72px;
	float:right;
	

/*	background:url(../images/whats_new.gif) no-repeat left;*/
}
.icon{
width:175px;
height:43px;
padding-top:45px;
margin-left:8px;

}

.mid_container
{
	width:1000px;
	padding:0px;
	margin:0px auto;
}

.banner
{
	width:1000px;
	height:264px;
	padding:0px;
	margin:0px auto;
	
}
#menu {
	list-style: none;
	padding: 0px;
	margin: 0px auto;
	width: 1000px;
	height: 82px;
	position: relative;  color:#fff;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
/*	text-indent: -900%;*/
	position: absolute;
	outline: none;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	line-height:27px;
	font-family:tahoma;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{

}
#menu .home {
  width: 121px;
  height: 61px;
  background: url(../images/navigation_grey.gif) no-repeat;
  left: 0px;
  top: 20px; 
}
#menu .home span {
  width: 121px;
  height: 61px;
  left: 0px;
  top: 20px; 
}

#menu .selected{
  width: 121px;
  height: 61px;
  background: url(../images/red_nav.jpg) no-repeat;
  left: 0px;
  top: 20px;
}

#menu .about {
	 width: 121px;
	 height: 61px;
	 background: url(../images/navigation_grey.gif) no-repeat;
	 left:175px;
	 top: 20px;
}
#menu .about span {
	 width: 121px;
 	 height: 61px;
	 left: 150px;
  	 top: -120px;
}
#menu .rss {
	 width: 121px;
 	 height: 61px;
	 background: url(../images/navigation_grey.gif) no-repeat;
	 left: 350px;
	 top: 20px;
}
#menu .rss span {
	width: 92px;
	height: 20px;
	left:200px;
  	top: -120px;
}

#menu .projects {
	 width: 121px;
 	 height: 61px;
	 background: url(../images/navigation_grey.gif) no-repeat;
	 left:530px;
	 top: 20px;
}
#menu .projects span {
	width: 92px;
	height: 20px;
	left: 200px;
  	top: -120px;
}

#menu .blog {
	 width: 121px;
 	 height: 61px;
	 background: url(../images/navigation_grey.gif) no-repeat;
	 left:705px;
	 top: 20px;
}
#menu .blog span {
	width: 92px;
	height: 20px;
	left: 400px;
  	top: -120px;
}

#menu .contactus {
	 width: 121px;
 	 height: 61px;
	 background: url(../images/navigation_grey.gif) no-repeat;
	 left:878px;
	 top: 20px;
}
#menu .contactus span {
	width: 92px;
	height: 20px;
	left: 240px;
  	top: -120px;
}


.inner_text_container
{
	width:1000px;
	padding:0px 0px 10px 0px;
	margin:0px auto;
}

.intro_div
{
	width:950px;

	margin-left:40px;
	
	
}

.services
{
	font-size:14px;
	border:1px solid #5c6366;
	padding:10px 0px 10px 0px;
	margin:0px auto; clear:both;
	width:1000px;
}

.first
{
	width:180px;
	margin:0px auto;
	text-align:center;
	letter-spacing:5px;
	padding:90px 20px 100px 20px;
	float:left;
	margin-top:15px;
}

.second
{
	width:255px;
	font-size:18px;
	float:left;
	font-weight:normal;
}

.second a
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.second a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}


.second ul
{
	text-decoration:none;
	padding:0px;
	margin:0px auto;
}

.second li
{
	text-decoration:none;
	list-style:disc;
	list-style-type:disc;
	display:list-item;
	padding:12px 0px 15px 0px;
	background:url(../images/line.gif) no-repeat bottom left;
}

.second .no_border
{
	border:none;
	background:none;
}




/* seconds start here*/

.seconds
{
	width:255px;
	font-size:14px;
	float:left;
	font-weight:normal;
}

.seconds a
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.seconds a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}


.seconds ul
{
	text-decoration:none;
	padding:0px;
	margin:0px auto;
}

.seconds li
{
	text-decoration:none;
	list-style:none;
     list-style-type:none;
	 /*	background:url(../images/line.gif) no-repeat bottom left;*/
	display:list-item;
	padding:12px 0px 15px 0px;

}

.seconds .no_border
{
	border:none;
	background:none;
}
/*second end here*/

.third
{
	width:255px;
	float:left;
	font-size:18px;
}

.third a
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.third a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}


.third ul
{
	text-decoration:none;
	padding:0px;
	margin:0px auto;
}

.third li
{
	text-decoration:none;
	list-style:disc;
	list-style-type:disc;
	display:list-item;
	padding:12px 0px 15px 0px;
	background:url(../images/line.gif) no-repeat bottom left;
}

.third .no_border
{
	border:none;
	background:none;
}

/* thirds start here*/


.thirds
{
	width:255px;font-size:14px;
	float:left;
}

.thirds a
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.thirds a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}


.thirds ul
{
	text-decoration:none;
	padding:0px;
	margin:0px auto;
}

.thirds li
{
	text-decoration:none;
	list-style:none;
    list-style-type:none;
	/*background:url(../images/line.gif) no-repeat bottom left;*/
	display:list-item;
	padding:12px 0px 15px 0px;
}

.thirds .no_border
{
	border:none;
	background:none;
}
/*third end*/
.forth
{
	width:255px;
	font-size:18px;
	float:left;
}

.forth a
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.forth a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}


.forth ul
{
	text-decoration:none;
	padding:0px;
	margin:0px auto;
}

.forth li
{
	text-decoration:none;
	list-style:disc;
	list-style-type:disc;
	display:list-item;
	padding:12px 0px 15px 0px;
	background:url(../images/line.gif) no-repeat bottom left;
}

.forth .no_border
{
	border:none;
	background:none;
}
/*forth start here*/


.forths
{
	width:255px;font-size:14px;
	float:left;
}

.forths a
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.forths a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}


.forths ul
{
	text-decoration:none;
	padding:0px;
	margin:0px auto;
}

.forths li
{
	text-decoration:none;
	list-style:none;
    list-style-type:none;
	 /*	background:url(../images/line.gif) no-repeat bottom left;*/
	display:list-item;
	padding:12px 0px 15px 0px;
}

.forths .no_border
{
	border:none;
	background:none;
}

/*forth end here*/

#right p.rightTxt {
display:block;
font-size:11px;
line-height:20px;
width:1026px;
background-color:#FFFFFF;
border:1px solid #5c6366;
}

.rgt_box
{
	padding:0px;
	margin:0px auto;
	text-align:center;
}


.google_ads_div
{
	font-size:14px;
	padding:10px 0px 10px 0px;
	margin:0px auto; clear:both;
}

.add_bg
{
	width:257px;
	height:39px;
	padding:0px;
}

.footer
{
	width:100%;
        text-align:center;
	height:68px;
	padding:0px;
	margin:0px auto;
	background:url(../images/footer.gif) repeat-x;
}
.fot_text{
width:630px;
height:auto;
margin:0 auto;
padding-top:10px;

}
.fot_text1{
width:450px;
height:auto;
margin:0 auto;
padding-top:10px;

}
.fot_text a{
color:#FFFFFF;
text-decoration:none;
padding-left:6px;
padding-right:6px;
border-right:1px solid #999999 ;
}

.fot_text1 a{
color:#FFFFFF;
text-decoration:none;

}


/* jquery start here */


#photoshow{
	width:1000px;
	height:256px;
}
#photoshow div{
	position:absolute;
	z-index:0;
	margin-left:0px;
	top: 299px;
}
#photoshow div.previous{
	z-index:1;
}
#photoshow div.current{
	z-index:2;
}





/* portfolio menu start here*/

.portmenu{
width:1000px;
height:auto;
float:left;
padding-top:20px;

}

.Websites{
background:url(../images/portbatan.PNG) no-repeat;
float:left;
width:81px;
height:49px;
text-align:center;
line-height:45px;
padding-right:41px;
}

.Websites:hover{
width:81px;
height:49px
}

.Websites a{
text-decoration:none;
color:#000;
}

.Websites a:hover{
font-size:14px;
}




.LandingPages{
background:url(../images/LandingPages.PNG) no-repeat;
float:left;
width:112px;
height:49px;
text-align:center;
line-height:45px;padding-right:41px;
}

.LandingPages:hover{
width:112px;
height:49px
}

.LandingPages a{
text-decoration:none;
color:#000;
}

.LandingPages a:hover{
font-size:14px;
}




.Branding{
background:url(../images/portbatan.PNG) no-repeat;
float:left;
width:81px;
height:49px;
text-align:center;
line-height:45px;padding-right:41px;
}

.Branding:hover{
width:81px;
height:49px
}

.Branding a{
text-decoration:none;
color:#000;
}

.Branding a:hover{
font-size:14px;
}




.Newsletters{
background:url(../images/Newsletters.png) no-repeat;
float:left;
width:102px;
height:49px;
text-align:center;
line-height:45px;padding-right:41px;
}

.Newsletters:hover{
width:102px;
height:49px
}

.Newsletters a{
text-decoration:none;
color:#000;
}

.Newsletters a:hover{
font-size:14px;
}



.BannersAds{
background:url(../images/BannersAds.png) no-repeat;
float:left;
width:102px;
height:49px;
text-align:center;
line-height:45px;padding-right:41px;
}

.BannersAds:hover{
width:102px;
height:49px
}

.BannersAds a{
text-decoration:none;
color:#000;
}

.BannersAds a:hover{
font-size:14px;
}



.Print {
background:url(../images/Print.png) no-repeat;
float:left;
width:57px;
height:49px;
text-align:center;
line-height:45px;padding-right:41px;
}

.Print:hover{
width:57px;
height:49px
}

.Print a{
text-decoration:none;
color:#000;
}

.Print a:hover{
font-size:14px;
}


.Illustrations {
background:url(../images/Illustrations.png) no-repeat;
float:left;
width:100px;
height:49px;
text-align:center;
line-height:45px;padding-right:41px;
}

.Illustrations:hover{
width:100px;
height:49px
}

.Illustrations a{
text-decoration:none;
color:#000;
}

.Illustrations a:hover{
font-size:14px;
}

.iphone{
background:url(../images/iphone.PNG) no-repeat;
float:right;
width:78px;
height:49px;
text-align:center;
line-height:45px;
}

.iphone:hover{

width:78px;
height:49px
}

.iphone a{
text-decoration:none;
color:#000;
}

.iphone a:hover{
font-size:14px;
}




/* portfolio menu end here*/

/* zager start here*/
.zagermain{
width:1000px;
height:auto;
margin-top:20px;
margin-bottom:10px;
}

.zagerimg{
width:227px;
height:223px;
float:left;
padding-top:20px;

}

.zagerimg2{
width:227px;
height:223px;
float:left;
padding:20px 0px 0px 30px;

}

.imgback{
width:227px;
height:143px;
background:#1e2529;
text-align:center;
padding-top:5px;
}


.zagertext{
font-size:12px;
color:#FFFFFF;
padding-top:20px;
}

.zagerbat{
float:left;
padding-top:17px;

}

.imgsback{
	width:227px;
	height:143px;
	background:#1e2529;
	text-align:center;
	padding-top:5px;
}


.zagerstext{
font-size:12px;
color:#FFFFFF;
padding-top:20px;
}

.zagersbat{
float:left;
padding-top:17px;

}



.zager_img{
width:227px;
height:223px;
float:right;
padding-top:20px;


}


.img_back{
width:227px;
height:143px;
background:#1e2529;
text-align:center;
padding-top:5px;

}


.zager_text{
font-size:12px;
color:#FFFFFF;
padding-top:20px;
}

.zager_bat{
float:left;
padding-top:17px;

}

/* contact form css */
dl {
    margin-bottom:50px;
}
 
dl dt {
    
    color:#fff;
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:5px;
    width:100px;
}
 
dl dd {
    margin:2px 0;
    padding:5px 0;
	color:red;
}

/* end of contact form css */

.portdetail{
font-size:14px;
}