/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
* { behavior: url("iepngfix.htc") }
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;font-family: Trebuchet MS, Helvetica, sans-serif; font-size:14px;color:#4f4f4f;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;}  /* must be same height as the footer */

.footer
{
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 240px;
clear:both;
font-size:12px;
width:100%;
background:#2e383d url(images/pattern3.jpg) repeat-x;
color:#fff;
} 
.footer a
{
color:#c3c3c3;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.none {color:#4f4f4f;}
a:hover .none {color:#4f4f4f;}
a{color:#4e97cf;text-decoration:none;}
a:hover{color:#ff7c00;}
h1,h2 {color: #4e97cf; padding:10px 0px; padding-left:0px; }
h1{font-size:24px;;}
h2{font-size:18px;color: #ff7c00;padding-left:10px; padding-top:10px;}
h3{font-size:15px;color: #707070;padding-left:20px;}
label{font-size:14px;display:block;}
p{display:block;margin-bottom:10px;text-align: justify;}
img a{border:0px;}
strong{font-weight:normal;}
a img, img a{	border:0px;}
.b{font-weight:bold;}
.i{font-style:italic ;}
.textCenter {text-align:center;}
.submit
{
cursor:pointer; 
border:0px;padding:0px;margin:10px;
background:url(images/button.png) no-repeat;
width:123px;height:31px;
color:#fff;
font-weight:bold;
}
.banner
{
overflow:hidden;	
background:url(images/patterHeader.png) repeat-x;
width:100%;
height:160px;
}
.innerbanner
{
height:160px;
width:872px;
margin:0 auto;
background:url(images/banner.jpg) no-repeat;
}
.nav,.content,.navul
{
margin:0 auto;
}
.nav
{
height:42px;
background:url(images/nav2.jpg) repeat-x;
}
.nav ul {
list-style-type: none;
margin: 0 auto;
width:870px;
}
.nav li {
float: left;
padding-left:13px;
background:url(images/navDivider2.png) right no-repeat;
}



.nav  .last{
background:none;
}
.nav ul a {
font-size:17px;
color:#dddee2;
line-height:35px;
height:35px;
display:table-cell;
}
.nav ul a:hover {
color:#4e97cf;
}
.home,.web,.desktop,.mobile,.software,.blog,.contact,
.homecur,.webcur,.desktopcur,.mobilecur,.softwarecur,.blogcur,.contactcur
{padding:0 10px;
}
.home{width:61px;background:url(images/home.png) no-repeat;}
.web{width:45px;background:url(images/web.png) no-repeat;}
.desktop{width:86px;background:url(images/desktop.png) no-repeat;}
.mobile{width:69px;background:url(images/mobile.png) no-repeat;}
.software{width:211px;background:url(images/software.png) no-repeat;}
.blog{width:45px;background:url(images/blog.png) no-repeat;}
.contact{width:113px;background:url(images/contact.png) no-repeat;}

a.home:hover,.homecur{width:61px;background:url(images/home_hover.png) no-repeat;}
a.web:hover,.webcur{width:45px;background:url(images/web_hover.png) no-repeat;}
a.desktop:hover,.desktopcur{width:86px;background:url(images/desktop_hover.png) no-repeat;}
a.mobile:hover,.mobilecur{width:69px;background:url(images/mobile_hover.png) no-repeat;}
a.software:hover,.softwarecur{width:211px;background:url(images/software_hover.png) no-repeat;}
a.blog:hover,.blogcur{width:45px;background:url(images/blog_hover.png) no-repeat;}
a.contact:hover,.contactcur{width:113px;background:url(images/contact_hover.png) no-repeat;}
.content
{
width:950px;
padding-top:3px;
margin:0 auto;
}
.left
{
float:left;
margin-top:30px;
background: url('images/leftColCenter.jpg')right repeat-y;
width:140px;
}
.leftTop
{
background: url('images/leftColTop.jpg') top right no-repeat;
}
.leftBottom
{padding:10px 5px;
background: url('images/leftColBottom.jpg') bottom right no-repeat;
}
.left ul,.right ul{
text-align: left;
margin:0px;
padding:0px;
}
.right ul
{padding-left:20px;
padding-bottom:20px;
}
.left ul li ,.right ul li {
list-style-image: url("images/li/1.gif");
width:80%;
border-bottom:#e1e1e1 1px solid;
}
.left .last, .right .last
{
border-bottom:none;
}
.left  a.cur,.right  a.cur{
color:#ff7c00;
}
.left li a,.right li a{
padding:10px 0px;
width:100%;
display:block;
text-decoration: none;
}
.left li a:hover,.right a:hover
{
color:#ff7c00;
}
.left li:hover, .left li.curli,.right li:hover, .right li.curli
{
list-style-image: url("images/li/1alt.gif");
}
.right
{
margin-top:30px;
width:200px; 
background: url('images/rightColCenter.jpg') repeat-y;
float:right;
margin-bottom:10px;
}
.rightTop
{
background: url('images/rightColtop.jpg')top no-repeat;
}
.rightBottom
{
padding:10px 30px 10px ;
background: url('images/rightColbottomn.jpg')bottom no-repeat;
}
.right h2,.right h3
{
padding:0px;margin:0px;
color:#4e97cf;
border-bottom:#e1e1e1 1px solid;
width:90%;
margin:0 auto;
margin-bottom:5px;
}
.right h3
{
color:#4e97cf;
text-align:center;
}
.right form
{
color:#ff7c00;
}
.right form label
{
padding:2px;
}
.whole{
margin:0 auto;
width:650px;
padding:10px 150px;
}
.whole .box
{
padding:0;margin:0 auto;
width:590px;
height:332px;
}
.box .box1,.box .box2,.box .box3,.box .box4
{
font-size:12px;
margin:0;padding:10px;
padding-top:15px;
height:332px;
display:block;float:left;
}
.box a{color:#ff7c00;}
.box a:hover{color:#6f737c;}
.box1{width:126px;background:url('images/font-page-box_01.jpg') no-repeat;}
.box2{width:125px;background:url('images/font-page-box_02.jpg') no-repeat;}
.box3{width:124px;background:url('images/font-page-box_03.jpg') no-repeat;}
.box4{width:128px;background:url('images/font-page-box_04.jpg') no-repeat;}

.center
{
float:left;
width:560px;
padding:10px 20px;
}
.center ul{
font-style:italic;
padding:10px;
padding-left:25px;
}
.center li
{
list-style:none;
list-style-image: url("images/li/3.jpg");
padding:5px;
}
.center a:hover h3
{
color:#ff7c00;
}
.center .left {
	float: left;
	margin:auto;
	background: none;
	width:auto;
	padding:0 10px;
}
.center .right {
	float:right;
	margin:auto;
	width:auto;
	background: none;
	padding:0 10px;
}

.footerCOntent
{
padding-top:10px;
width:650px;display:block;margin:0 auto;
}
.footerCOntent td
{
vertical-align:top;
padding:10px;
}
.footerCOntent ul
{
list-style:none;display:inline;
}

.portfolio
{

display:block;
padding:10px 5px 15px 5px;
width:100%;
clear:both;
}
.portTitle
{
display:table-cell;
}
.portImg
{
float:left;padding-right:15px;
}
.portDesc
{
}

/*############################### News-Feed #############################*/
#rss{
	margin:0;
	padding:0;			
}
#rss #newsfeed{
	margin:0;		
	width:100%;	
}
#rss #newsfeed a {
	color:#FF9900;
	font-size:12px;
}
#rss #newsfeed .date {
	margin:0;
	color:#999999;
	font-size:x-small;
	letter-spacing:0.2em;
}
#rss #newsfeed .description{
 	margin:0;
 	padding:0;
	font-size:11px;
}
#rss #newsfeed .dscription p{
	font-size:11px;
}
#loading{
	margin:40% 0% 0% 40%;
	float:left;
}

.tableMiddle{
margin:0 auto;
width:75%;
}

/*Paging */
.paging
{
	padding-top:25px;
	margin:0 auto;	
	text-align:center;
}
.paging .disabled
{
display:inline; 
padding:0 10px;
}