/* <><> VIEWER START <><> */

#ViewerWrapper
{
	height: 275px;
	width: 961px;
	display:table;
	margin: 15px 0 0 0;
	border: solid 1px #999999;
	/* background: #666666 url(../Images/layout/viewer_bg.png) no-repeat; background-color:#4d4d50; */
	background: #666666 url(../Images/layout/viewer_all_bg.png) no-repeat;
}

.ViewerSoft
{
	height:275px; 
	width:961px;
	display:block;
	/* background-image:	url(../Images/layout/viewer_soft_bg.png) */
}

.ViewerVerySoft
{
	height:275px; width:961px;
	/* background-image:	url(../Images/layout/viewer_verysoft_bg.png) */
}

.ViewerContent
{
	/*background-color: #000000; */
	height: 225px;
	border: none;
	width: 660px;
	margin: 0;
	float: left;
}

.ViewerContentSoft
{
	/* background-color: #000000; */
	height: 225px;
	border: none;
	width: 660px;
	margin: 25px 0 0 0px;
	float: left;
}
.ViewerCopy
{
	position: relative;
	/**color: #F0FFFF;**/
	color: #F1F2F3;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
	padding-top: 12px;
	padding-left: 45px;
	text-align: left;
}
.ViewerTest
{
    /* position:relative; */
    color:#FFFFFF;
    font-size: 1.3em;
    font-weight:bold;
    float:left;
    padding-top:20px;
    padding-left: 45px;
    text-align:left;
}
.ViewerContentOrange
{
    /* background-color:#f1960e; */
    height:225px;
    border:none;
    width:250px;
    margin:0;
    float:left;
}


.ViewerContentOrangeSoft
{
    /* background-color:#f1960e; */
    height:225px;
    border:none;
    width:250px;
    margin-top: 25px;
    float:left;
}
.ViewerContentOrangeSoftHome
{
	background-image:url(../Images/promo_home.png);
    height:225px;
    border:none;
    width:270px;
    margin-top: 27px;
    margin-left:17px;
    float:left;
    display:block;
}
.ViewerContentOrangeSoftWeb
{
	background-image:url(../Images/promo_web_design.png);
    height:225px;
    border:none;
    width:270px;
    margin-top: 27px;
    margin-left:17px;
    float:left;
    display:block;
}

.ViewerContentOrangeSoftDatabase
{
	background-image:url(../Images/promo_database.png);
    height:225px;
    border:none;
    width:270px;
    margin-top: 27px;
    margin-left:17px;
    float:left;
}

.ViewerContentOrangeSoftConsulting
{
	background-image:url(../Images/promo_consulting.png);
    height:225px;
    border:none;
    width:270px;
    margin-top: 27px;
    margin-left:17px;
    float:left;
}

.ViewerContentOrangeSoftMarketing
{
	background-image:url(../Images/promo_marketing.png);
    height:225px;
    border:none;
    width:270px;
    margin-top: 27px;
    margin-left:17px;
    float:left;
}

.ViewerTest2
{
    position:relative;
    color:#000000;
    font-size: 1.3em;
    font-weight:bold;
}
/* <><> VIEWER END <><> */

/* <><> VIEWER NAVIGATION START <><> */

#ViewerNavWrapper
{
	text-align:left; width:961px; height:50px; margin:0 auto 0 18px;
}

#viewernav
{
	border: none;
	font-weight: normal;
	font-size: 1.1em;
	vertical-align:top;position:relative; top:-1px;
}
#viewernav .item
{
    /*
	font-weight: normal;
	font-size: 1.1em;
	*/
	text-transform: capitalize;
	color: #99cccc;
	height:40px;
	text-align: left;
	vertical-align:middle;
    border:none;
	padding-left:20px;
	padding-right:20px;
	display:block;
}
#viewernav .item a
{
	color: #99cccc;
	padding-top:5px;
	
}
#viewernav .item a:link
{
	color: #99cccc;
}
#viewernav .item a:hover
{
	color: #99cccc;
}
#viewernav .selected
{
	text-align: left;
	font-weight: normal;
	text-transform: capitalize;
	color: #FFFFFF;
    height: 40px;
    border-top:solid 1px #4d4d50;
	border-left:solid 1px silver;
	border-right:solid 1px silver;
	border-bottom:solid 1px silver;
    margin:0px;
    padding-left:20px;
	padding-right:20px;
    background-color: #4d4d50;
}
#viewernav .selected a
{
	color: #FFFFFF;
	background-image:none;
	background-color: #4d4d50;
}
#viewernav .selected a:link
{
	color: #FFFFFF;
}
#viewernav .hover
{
    font-weight: normal;
    color: #f99c12;
    height: 40px;
    text-align: left;
    vertical-align: middle;
}
#viewernav .hover a
{
	color: #f99c12;
	background-image:none;
	background-color: Transparent;
}
#viewernav .hover a:link
{
	color: #f99c12;
}

.RegularOrange
{
    color:#f99c12;
}
.LightOrange
{
color: #FFCC99;
}
.LightGreen
{
	color: #ccffff;
}

.HeaderLink
{
	text-decoration:underline;
	color:Black;
	font-size:15px;
}
/* <><> VIEWER NAVIGATION END <><> */