body {
	text-align: center;
	padding: 20px;
	background-color: #4E5D69;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	/*background-image: url(images/bodybackstrip.png);
	background-position: top;
	background-repeat: repeat-x;*/
}


#container {
	position:relative;
	margin-left: auto;
	margin-right:auto;
	width: 660px;
	padding: 10px;
	text-align: left;
	background-color: #000;
	background-image:  url(images/bg.gif);
	background-repeat: repeat-y;
	border: 1px solid #EDEDED;
}

#top {
	width:660px;
	height:110px;
	padding:0px;
	background-color: #fff;
	z-index:5;
	
	
}

#nav {
	width:660px;
	height:30px;
	padding:5px 0 0 0;
	background-color: #fff;
	background-image:  url(images/bar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content{
	width:480px;
	background-color: #fff;
	float:left;
	padding-top:5px;
	margin-right:0px;
	min-height:480px;


}

#title{
	width:480px;
	height:45px;
	padding: 0px;
	margin-bottom:5px;
	z-index:1;
}

.side-col-box{
	border: 1px solid;
	padding: 3px;
	margin-bottom: 10px;
}

.side-col-box h2{
	text-align: center;
}

#live-support-info{
	text-align: center;
	margin: auto;
	display: block;
}

#live-support img{
	width: 150px;
}

.portdetimg{
	width:128px;
	height:156px;
	background-image: url(images/tfttest.jpg);
	background-repeat: no-repeat;
	
	float:right;
}

#portdetList{

	width: 320px;
	float: left:


}
#portdetList li{

	padding-bottom:5px;
	padding-top:5px;
	
	

}


#latestNav{
	
	width:168px;
	background-color:white;
	margin-left:auto;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
	
	position:relative;
	float:right;
	border-style:none;
	border-width:thin;
	border-color:grey;
	
}

html>body #latestNav{
	
	width:160px;
	background-color:white;
	margin-left:auto;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:8px;
	position:relative;
	float:right;
	border-style:none;
	border-width:thin;
	border-color:grey;
	
}

#NewsCell{
	width: 168px;
	
	
	
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	
	



}

	
html>body #NewsCell{
	width: 160px;
	min-width: 145px;
	
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	
	

}

#ProjCell{
	width: 168px;
	
	
	
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	
	
	


}

	
html>body #ProjCell{
	width: 160px;
	min-width: 145px;
	
	
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	
	

}
.CellCtsCtr{
	margin-top:-3px;
	background-image:  url(images/CellCtsCtr.gif);
	background-repeat: repeat-y;
	width: 168px;
	
	
}

.CellCts{
	padding:5px;
	max-width: 150px;
	position:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:-5px;
	border-top: 1px solid #DCDCDC;
}

.CellCts h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #708090;
	margin-top:-1px;
	
	
	
}
.CellCts a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	text-decoration:none;
	
	
}

.CellCts a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#5C94C5;	
	text-decoration:none;
	
}

.CellCts p{
	margin-top:-3px;
	
}

.Celltitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:Black;	
	text-decoration: none;
	
	
}
	


.Celltitle a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5C94C5;	
	text-decoration:none;
	
}
.CellFtr{
	width:168px;
	height:13px;
	border-style:none;
	border-width:thin;
	border-color:black;
	background-image:  url(images/Latestsfooter.gif);
	background-repeat: none;
}


.CellFtr a{
	float:right;
	margin-top:2px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000;	
	text-decoration:none;

}
.CellFtr a:hover {
	float:right;
	margin-top:2px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#5C94C5;	
	text-decoration:none;
}

.our-services {
	list-style: square;
	padding:0px;
	margin:0px 20px;
	margin-left:50px;
}

.prev-projects {
	float: left;
	width:175px;
	padding-left:15px;
	margin:0px 20px;
	list-style: square;
}

#intro{
	width:480px;
	height:75px;
	background-image:  url(images/cogs.jpg);
	background-repeat: no-repeat;
}

#intro #introtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:bold;
	text-align:right;
	padding: 15px 20px 0px 90px;
}



#links{
	width:170px;
	background-color: #fff;
	float:left;
	padding-top:5px;
}

#news{
	width:175px;
	padding: 0;
	text-align:left;
	background-image:  url(images/bitmid.gif);
	background-repeat: repeat-y;
	background-position: bottom;

}

#recent{
	width:175px;
	padding: 0;
	text-align:left;
	background-image:  url(images/bitmid.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	margin: 5px 0 0 0;

}

.recentlink{
	position:relative;
	width:175px;
	padding:5px 0 0 10px;
	
}

.recentpic{
	
	width:85px;
	height:35px;
	margin:5px;
	float:left;
	
}



.recentinfo{
	
	width:155px;
	margin:5px 0 15px 0;
	clear:both;
	
}


#base {
	width:660px;
	height:30px;
	padding:5px 0 0 0;
	background-color: #fff;
	background-image:  url(images/bar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align:center;
	clear:both;
	
}



.copyright {
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	padding:8px;
}

a {
	font-weight: bold;
	text-decoration: underline;
	color: #5C94C5;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #5C94C5;
}




p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#news p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0 10px 0 10px;
	display: block;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}


.portimg {
	margin: 15px 0 10px 5px;

}

.features {
	width:320px;
	margin:0 0 0 0px;
}

.features ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
}

.td {
	position:relative;
}


.moreinfo {
	position:absolute;
	top:130px;
	left:110px;
	font-size:9px;
}

.moreinfo a, #base a {
	font-size:9px;
	color:#000;
	text-decoration:none;
}

.moreinfo a:hover, #base a:hover {
	font-size:9px;
	color:#5C94C5;
	text-decoration:none;
}




.box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position:absolute;
	top:70px;
	left:10px;
	padding-right:10px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
	text-decoration:none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ccc;
	text-decoration:none;
}

.box h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:absolute;
	top:50px;
	left:10px;
}

.moreinfo {
	position:absolute;
	top:129px;
	left:110px;
}

.viewsite{
	
	width:50px;
	height:35px;
	text-align:center;
	font-size:0.7em;
	margin:8px 0 0 10px;
	float:left;
	
	
}

.viewsite a {
	position:absolute;
	top:10px;
	left:105px;
	font-size:10px;
	color:#000;	
	background-color:#eee;
	text-align:center;
	text-decoration:none;
	padding:4px 5px 5px 5px;
}

.viewsite a:hover {
	position:absolute;
	top:10px;
	left:105px;
	font-size:10px;
	color:#000;	
	background-color:#ccc;
	text-align:center;
	padding:4px 5px 5px 5px;
}


.viewsitex{
	
	width:50px;
	height:35px;
	text-align:center;
	font-size:0.7em;
	margin:8px 0 0 10px;
	float:left;
	
	
}

.viewsitex a {
	position:absolute;
	top:10px;
	left:105px;
	font-size:10px;
	color:#000;
	padding:4px 5px 5px 5px;
	background-color:#fff;
	border: 2px solid #999;
	text-align:center;
	text-decoration:none;
}

.viewsitex a:hover {
	position:absolute;
	top:10px;
	left:105px;
	font-size:10px;
	color:#000;
	padding:1px 2px 2px 2px;
	background-color:#ccc;
	border: 5px solid #999;
	text-align:center;
}



.photolink {
	position:absolute;
	top:10px;
	left:10px;
	
}

.box {
	position:relative;
	top:0;
	left:0;
	background-image:  url(images/recentlink.gif);
	height: 139px;
	width: 155px;
}







/* titles */


.custom {
	background-image:  url(images/custom.gif);
	background-repeat: no repeat;
	width:174px;
	height:16px;	
}

.custom span {
	display:none;
}

.browse {
	background-image:  url(images/browse.gif);
	background-repeat: no repeat;
	width:174px;
	height:16px;
	clear:left;	
}

.browse span {
	display:none;
}

.contact {
	background-image:  url(images/contact.gif);
	background-repeat: no repeat;
	width:224px;
	height:16px;	
}

.contact span {
	display:none;
}

.packages {
	background-image:  url(images/pack.gif);
	background-repeat: no repeat;
	width:70px;
	height:16px;	
}

.packages span {
	display:none;
}

.extras {
	background-image:  url(images/extras.gif);
	background-repeat: no repeat;
	width:70px;
	height:16px;	
}

.extras span {
	display:none;
}

.autotraderprojects {
	background-image:  url(images/autoproj.gif);
	background-repeat: no repeat;
	width:142px;
	height:16px;	
}

.autotraderprojects span {
	display:none;
}

.newprojects {
	background-image:  url(images/newproj.gif);
	background-repeat: no repeat;
	width:142px;
	height:16px;	
}

.newprojects span {
	display:none;
}

.PWSBasicprojects {
	background-image:  url(images/basicproj.gif);
	background-repeat: no repeat;
	width:142px;
	height:16px;	
}

.PWSBasicprojects span {
	display:none;
}

.PWSFlashprojects {
	background-image:  url(images/flashproj.gif);
	background-repeat: no repeat;
	width:142px;
	height:16px;	
}

.PWSFlashprojects span {
	display:none;
}

.PWSUpdateprojects {
	background-image:  url(images/updateproj.gif);
	background-repeat: no repeat;
	width:142px;
	height:16px;	
}

.PWSUpdateprojects span {
	display:none;
}

.PWSShopprojects {
	background-image:  url(images/shopproj.gif);
	background-repeat: no repeat;
	width:142px;
	height:16px;	
}

.PWSShopprojects span {
	display:none;
}

.Allprojects {
	background-image:  url(images/allproj.gif);
	background-repeat: no repeat;
	width:142px;
	height:16px;	
}

.Allprojects span {
	display:none;
}

#solutionsContent {
  height: 500px;
}

/* News */
.news-article{
	clear: left;
	padding: 5px;
}

.news-article h4{
	margin: 0px;
	font-size: 1.6em;
}

.news-article p{
	font-size: 1.1em;
}

.news-article a{
	color: #343A3A;
}

.news-article a:hover{
	color: #CCCCCC;
}