/* CSS Document */

body{ 

    margin:0px;

	font-family: "Verdana", "Arial", "Comic Sans MS", "Trebuchet MS";

    line-height: 1em;

	letter-spacing: 0;

	word-spacing: normal;

	text-decoration: none;

	color: #555555;

	background-color: #333333;

	background-image:url(../images/cpbackground.jpg);	

	background-repeat:no-repeat;

	background-position: 0 0;

	background-attachment:fixed;

}

div, p, ul, h1, h2, h4, h5, h6, img, form, label{padding:0px; margin:0px;}

ul{list-style-type:none;}

p{

    font-size:10px;

	font-weight:normal;

	text-align:; 

	text-decoration:none; 

	color:#555555; 

	padding-left:60px;

	padding-right:20px;

}

h1{

    text-align:right;

    text-decoration: none; 

	color:#555555;

    padding-right:20px; 

    padding-top:30px; 

}

h2{

    color: #555555; 

	text-decoration:none; 

	font-size:14px;

	font-weight: bold;

	padding-right:50px;

}

h3{ 

    text-align:right; 

    text-decoration: none;

	color:#555555; 

	padding-right:43px; 

	padding-top:10px; 

}

h4{

    text-align:left; 

	text-decoration:none; 

	color:#555555; 

	padding-right:50px;

}

h5{

    text-align:left; 

	text-decoration:none; 

	color:#555555; 

}

h6{

    text-align:left; 

	text-decoration:none; 

	color:#555555; 

	padding-left:60px;  

}

.style1 {

    color: #555555; 

	text-decoration:none; 

	font-size:14px;

	font-weight: bold;

}

.style2 {

    font-size:10px;

	font-weight: bold;

	color: #555555;

	text-align:right;

}

.style3 {

    color: #555555;

	font-size:9px;

	font-weight:normal;

	padding-right:25px;

	letter-spacing:normal;

	line-height: 1.5em;

}

.style4 {

    color: #ff3300; 

	text-decoration:none;

}

.style5 {

    color: #555555; 

	font-size:9px;

	font-weight:normal;

	padding-right:50px;

	letter-spacing:normal;

	line-height: 1.5em;

}

.style6 {

    color: #555555; 

	text-decoration:none;

	font-size:16px;

	font-weight: bold;

	padding-right:20px;

}

.style8{

	color: #ffffff;

	font-size:10px;

	font-weight:normal;

	padding:20px 0 0 25px; 

}

.style9{

	color: #999999;

	font-size:12px;

	font-weight:normal;

	padding:0 0 15px 15px;

}

.style10 {

    color: #333333; 

	font-size:12px;

	font-weight: bold;

	letter-spacing:normal;

	line-height: 1.0em;

}

.style11 {

    color: #555555; 

	font-size:10px;

	font-weight:normal;

	letter-spacing:normal;

	line-height: 1.5em;

}

.style12{

	color: #ffffff;

	font-size:12px;

	font-weight:normal;

	padding:0 0 0 15px;

}

.style13{

	color: #999999;

	font-size:12px;

	font-weight:normal;

	padding:0 0 0 15px;

}

.style14{

	color: #ff3300;

	font-size:12px;

	font-weight:normal;

	padding:0 0 0 15px;

}

.style15{

	color: #ff3300; 

	background-color:#999999;

	font-size:12px;

	font-weight:normal;

}

.style16{

	color: #ffffff;

	font-size:12px;

	font-weight:normal;

	padding:0 0 0 0;

}

.style17{

	color: #ffffff;

	font-size:10px;

	font-weight:normal;

	padding:0 0 0 0;

}

.style18{

	color: #555555;

	font-size:13px;

	font-weight:normal;

	padding:0 0 0 59px;

}

.style19 {

    color: #555555; 

	text-decoration:none; 

	font-size:14px;

	font-weight: bold;

	padding-right:50px;

}

.style20 {

    font-size:10px;

	font-weight: bold;

	color: #555555;

	text-align:left;

}
.style21 {

    font-size:10px;

	font-weight: normal;

	color: #555555;

	padding:0 0 0 0;
	
	
}
.style22 {

    font-size:10px;

	font-weight:normal;

	text-align:left; 

	text-decoration:none; 

	color:#555555; 

	padding-left:35px;

	padding-right:0;

}

/*----MAIN PANEL----*/

#mainpan{

	width:998px;

	position:relative;

	margin:0 auto;

	padding:0px;

}

/*----HEADER PANEL----*/

#headerpan{ 

	width:689px;

	float:left;

}

#headerlogopan{

    width:689px;

	height:105px;

	position:relative;

	background-image: url(../images/headerlogoslice.png);

	background-repeat: no-repeat;

}

#headerlogopan img{width:375px; height:75px; margin:20px 0 0 20px; float:left;

}

#headernavpan{

	width:309px;

	float:left;

}

#headercontactpan{

    width:135px;

	height:37px;

	position:relative;

	float:left;

	background-image: url(../images/contactslice.png);

	background-repeat: no-repeat;

}

#headerphonepan{

    width:309px;

	height:68px;

	position:relative;

	float:left;

	background-image: url(../images/clearheaderphone.png);

	background-repeat: no-repeat;

}

#headersearchpan{

    width:174px;

	height:37px;

	position:relative;

	float: left;

	background-image: url(../images/searchslice.png);

	background-repeat: no-repeat;

	font: "Verdana", "Arial", "Comic Sans MS", "Trebuchet MS";

	font-size:12px;

}

/*----NAV PANEL----*/

#navpan{

	position:relative;

	margin:0 auto;

	height:109px;

	clear:both;

	background-image: url(../images/navleft.png);

	background-repeat: repeat-x;

}

#navmainpan{

	position: relative;

	height:109px;

	width:998px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#navleftsidepan{

	width:8px;

	height:109px;

	position:relative;

	background-image: url(../images/leftnav.png);

	background-repeat: no-repeat;

	float: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#navhomepan{

	width:124px;

	height:109px;

	position:relative;

	background-image: url(../images/navhomeslice.png);

	background-repeat: no-repeat;

	float:left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#navwebpan{

	width:248px;

	height:109px;

	position:relative;

	background-image: url(../images/navwebsolutionsslice.png);

	background-repeat: no-repeat;

	float:left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	font: "Verdana", "Arial", "Comic Sans MS", "Trebuchet MS";

	font-size:12px;

}

#navonlinepan{

	width:287px;

	height:109px;

	position:relative;

	background-image: url(../images/navonlinesolutionslice.png);

	background-repeat: no-repeat;

	float: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	font: "Verdana", "Arial", "Comic Sans MS", "Trebuchet MS";

	font-size:12px;

}

#navhostingpan{

	width:148px;

	height:109px;

	position:relative;

	background-image: url(../images/navhostingslice.png);

	background-repeat: no-repeat;

	float: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#navportfoliopan{

	width:175px;

	height:109px;

	position:relative;

	background-image: url(../images/navportfolioslice.png);

	background-repeat: no-repeat;

	float: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#navrightsidepan{

	width:8px;

	height:109px;

	position:relative;

	background-image: url(../images/navright.png);

	background-repeat: no-repeat;

	float:left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

/* JavaScript Menu*/

*.menu{ 

    float:left; 

	position: relative; 

	z-index:1; 

	cursor:pointer; 

    white-space: nowrap; 

}

*.menu a{

    text-decoration:none; 

	color:white;

}

*.menu h3{

    float:left; 

	padding:1px 5px;

}

*.menu h4{

    display:inline;

}

*.menu ul{

	position: absolute;

	background: url(../images/submenu.png);

}

*.menu li{ 

    margin:0; 

	padding:2px 25px; 

}

*.menu li img{

    margin-left:-22px; 

	padding-right:5px;

}

*.menu li.separator{ 

    margin-top:0px; 

	padding-top:0px; 

}

*.menu li.hover{ 

    background-color: #FF3300; 

	color:#FFFFFF; 

}

*.menu li hover > a{ 

    color:#FFFFFF;

}

*.menu ul.dropdown{ 

    top:97%; 

	margin:0 0 0 0; 

	float:right; 

}

*.menu ul.submenu{ 

    left:100%; 

	margin-top:-1.5em; 

	margin-left:-0.3em;

}

*.menu *.hidden{ 

    left:-99999px; 

	top:-99999px; 

}

*.menu1{ 

    float:left; 

	position: relative; 

	z-index:1; 

	cursor:pointer; 

    font-size:14px;

	white-space: nowrap;

}

*.menu1 a{ 

    text-decoration:none; 

	color:#ffffff; 

}

*.menu1 h3{

    float:left; 

	margin:0; 

	padding:1px 5px;

}

*.menu1 h4{ 

    display:inline; 

	margin:0;

}

*.menu1 ul{

	position: absolute;

	background: url(../images/submenubg.png); 

}

*.menu1 li{

    padding:2px 25px; 

	color:#000000;

}

*.menu1 li img{

    margin-left:-22px; 

	padding-right:5px;

}

*.menu1 li.hover{

    background-color: #ff3300; 

	color:#ffffff;

}

*.menu1 li hover > a{ 

    color:#ffffff;

}

*.menu1 ul.dropdown1{ 

    top:97%; 

	margin:0 0 0 -154px; 

	clear:right; 

	float:left; 

}

*.menu1 ul.submenu{ 

    left:100%; 

	margin-top:-1.5em; 

	margin-left:-0.3em; 

}

*.menu1 *.hidden{ 

    left:-99999px; 

	top:-99999px; 

}

/*----CONTENT PANEL----*/

#maincontentpan{

	width:998px;

	position:relative;

	margin:0 auto;

}

#content1pan{

	position:relative;

	height:222px;

	background-image: url(../images/websitedesign.png);

	background-repeat: no-repeat;

	width:499px;

	float:left;

}

#content1pan img{ 

    width:133px; 

	height:150px; 

	margin:56px 0 0 43px; 

	float:left;

}

#content2pan{

	position:relative;

	height:222px;

	background-image: url(../images/emailmarketing.png);

	background-repeat: no-repeat;

	width:499px;

	float:left;

}

#content2pan img{ 

    width:170px; 

	height:128px; 

	margin:79px 0 0 17px; 

	float:left;

}

#content3pan{

	position:relative;

	height:226px;

	background-image: url(../images/ecommerce.png);

	background-repeat: no-repeat;

	background-position: 0 0;

	width:499px;

	float:left;

}

#content3pan img{ 

    width:159px; 

	height:119px; 

	margin:70px 0 0 43px; 

	float:left;

}

#content4pan{

	position:relative;

	height:226px;

	background-image: url(../images/seo.png);

	background-repeat: no-repeat;

	width:499px;

	float:left;

}

#content4pan img{

    width:165px;

	height:142px;

	margin:69px 0 0 15px; 

	float:left; 

}

#content4pan h2{

    color: #555555; 

	text-decoration:none; 

	font-size:14px;

	font-weight: bold;

	padding-right:50px; 

	padding-top:30px;

}

#content5pan{

	position:relative;

	height:226px;

	background-image: url(../images/websitemaintenance.png);

	background-repeat: no-repeat;

	width:499px;

	float:left;

}

#content5pan img{ 

    width:149px; 

	height:150px; 

	margin:45px 0 0 42px; 

	float:left; 

}

#content6pan{

	position:relative;

	height:226px;

	background-image: url(../images/hosting.png);

	background-repeat: no-repeat;

	width:499px;

	float:left;

}

#content6pan img{ 

    width:158px; 

	height:129px; 

	margin:60px 0 0 17px; 

	float:left; 

}

#content7pan{

	position:relative;

	height:343px;

	background-image: url(../images/maintopbg.png);

	background-repeat: no-repeat;

	width:659px;

	float:left;

}

#content7pan img{ 

    width:133px; 

	height:150px; 

	margin:56px 0 0 43px; 

	float:left;

}

#content8pan{

	position:relative;

	height:45px;

	background-image: url(../images/sidetopbg.png);

	background-repeat: no-repeat;

	width:339px;

	float:left;

}

#content8pan img{ 

    width:294px; 

	height:35px; 

	margin:9px 0 0 11px; 

	float:left;

}

#content9pan{

	position:relative;

	height:298px;

	background-image: url(../images/sidemidbg.png);

	background-repeat: no-repeat;

	width:339px;

	float:left;

}

#content9pan img{ 

    width:87px; 

	height:87px; 

	margin:10px 0 0 14px; 

	float:left;

}

#content10pan{

	position:relative;

	height:105px;

	background-image: url(../images/mainbotleftbg.png);

	background-repeat: no-repeat;

	width:341px;

	float:left;

}

#content10pan img{ 

    width:307px; 

	height:91px; 

	margin:0 0 0 34px; 

	float:left;

}

#content11pan{

	position:relative;

	height:105px;

	background-image: url(../images/mainbotrightbg.png);

	background-repeat: no-repeat;

	width:318px;

	float:left;

}

#content11pan img{ 

    width:308px; 

	height:91px; 

	margin:0 0 0 1px; 

	float:left;

}

#content12pan{

	position:relative;

	height:105px;

	background-image: url(../images/sidebotbg.png);

	background-repeat: no-repeat;

	width:339px;

	float:left;

}

#content12pan img{ 

    width:296px; 

	height:90px; 

	margin:2px 0 0 10px; 

	float:left;

}

#content12pan ul{

	width:294px;

	height:90px;

	position: absolute;

	color:#ffffff;

	padding:0;

	left: 13px;

	top: -2px;

}

#content12pan li{

    float:left;

}

#content12pan ul li a{

    padding:0 0 0 0; 

	color:#ffffff; 

	text-decoration:none;

	margin-left:2px;

}

#content12pan ul li a:hover{

    text-decoration:none;

	color:#ff3300;

}

#content13pan{

	position:relative;

	height:447px;

	background-image: url(../images/maintopbg2.png);

	background-repeat: no-repeat;

	width:659px;

	float:left;

}

#content13pan img{ 

    width:133px; 

	height:150px; 

	margin:56px 0 0 43px; 

	float:left;

}

#content15pan{

	position:relative;

	height:400px;

	background-image: url(../images/sidemidbg2.png);

	background-repeat: no-repeat;

	width:338px;

	float:left;

}

#content15pan img{ 

    width:87px; 

	height:87px; 

	margin:10px 0 0 14px; 

	float:left;

}

#content14pan{

	position:relative;

	height:47px;

	background-image: url(../images/sidetopbg2.png);

	background-repeat: no-repeat;

	width:338px;

	float:left;

}

#content14pan img{ 

    width:294px; 

	height:35px; 

	margin:9px 0 0 11px; 

	float:left;

}

#content16pan{

	position:relative;

	height:607px;

	background-image: url(../images/maintopbg3.png);

	background-repeat: no-repeat;

	width:659px;

	float:left;

}

#content16pan img{ 

    position: relative; 

    width:276px; 

	height:110px; 

	margin:283px 0 0 360px; 

	float:left;

}

#content17pan{

	position:relative;

	height:560px;

	background-image: url(../images/sidemidbg3.png);

	background-repeat: no-repeat;

	width:338px;

	float:left;

}

#content17pan img{ 

    width:87px; 

	height:87px; 

	margin:10px 0 0 14px; 

	float:left;

}

#testtextpan{

	position: absolute;

	height:220px;

	width:270px;

	left: 23px;

	top: 327px;

}

#content18pan{

	position:relative;

	height:1536px;

	background-image: url(../images/maintopbg4.png);

	background-repeat: no-repeat;

	width:659px;

	float:left;

}

#content18pan img{ 

    position: relative; 

    width:600px; 

	height:100px; 

	margin:0 0 0 43px; 

	float:left;

}

#content23pan{

	position:relative;

	height:607px;

	background-image: url(../images/maintopbg3.png);

	background-repeat: no-repeat;

	width:659px;

	float:left;

}

#content23pan img{ 

    position: relative; 

    width:600px; 

	height:210px; 

	margin:0 0 0 43px; 

	float:left;

}



table{ height:1px; table-layout:auto; border-collapse:collapse; margin-left:53px; 

}

td, th{
	width:20px;
	height:1px;
	overflow:hidden;
	border-bottom: 1px solid #FFF;
	visibility:visible;
	padding:5px;
	background: #444444;
	text-align:left;
	vertical-align:middle;

}

.hosting { background-color: #ffffff; 

}
.input-bg {
	border:1px solid #333333;
    color:#ffffff;
    font-size:12px;
    font-weight:normal;
    background-image: url(../images/form-input-bg.png);
    background-repeat: repeat;
}
.input-text-bg {
	border:1px solid #333333;
    color:#ffffff;
    font-size:12px;
    font-weight:normal;
    background-image: url(../images/form-input-bg.png);
    background-repeat: repeat;
	scrollbar-face-color: #333333;
    scrollbar-highlight-color: #333333;
    scrollbar-3dlight-color: Gray;
    scrollbar-shadow-color: #333333;
    scrollbar-darkshadow-color: silver;
    scrollbar-track-color: silver;
    scrollbar-arrow-color: #ff3300;
    overflow-x: hidden;
    overflow-y: scroll;
}

#content19pan{

	position:relative;

	height:1489px;

	background-image: url(../images/sidemidbg4.png);

	background-repeat: no-repeat;

	width:338px;

	float:left;

}

#content19pan img{ 

    width:250px; 

	height:500px; 

	margin:0 0 0 30px; 

	float:left;

}

#content21pan{

	position:relative;

	height:536px;

	width:585px; 

	margin-left:50px;

}

#content21pan img{ 

    width:134px; 

	height:115px;

	margin:10px 0 0 10px; 

	float:left;

}

#content22pan{

	position:relative;

	height:390px;

	width:585px; 

	margin-left:50px;

}

#content22pan img{ 

    width:134px; 

	height:115px;

	margin:10px 0 0 10px; 

	float:left;

}

/*----Footer Panel----*/

#footerPan{

	position:relative;

	margin:0 auto;

	height:132px;

	clear:both;

	background-image: url(../images/footerrightrepeat.png);

	background-repeat: repeat-x;

}

#footerMainPan{

	position:relative;

	height:132px;

	background-repeat: no-repeat;

	width: 998px;

	float: none;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto; 

	font: "Verdana", "Arial", "Comic Sans MS", "Trebuchet MS";

	font-size:10px;

	font-weight:normal;

}

#footerMainPan ul{

    width:890px; 

	position:absolute;

	color:#ffffff; 

	top:20px; 

	left:25px;

}

#footerMainPan li{

    float:left;

}

#footerMainPan ul li a{

    padding:0 10px 0; 

	color:#ffffff; 

	text-decoration:none;

}

#footerMainPan ul li a:hover{

    text-decoration:underline;

}

#footerMainPan ul.catchypages{

    width:180px; 

	color:#ffffff; 

	position:absolute; 

	top:100px; 

	left:805px; 

}

#footerMainPan ul.catchypages li{

    height:16px;

}

#footerMainPan ul.catchypages li a{

    color:#ffffff; 

	text-decoration:none;

}

#footerMainPan ul.catchypages li a:hover{

    text-decoration:underline;

}

#footerMainPan ul.footermenu{

    width:950px;

    color:#ffffff; 

	position:absolute; 

	top:40px; 

	left:25px; 

}

#footerMainPan ul.footermenu li{

    height:16px;

}

#footerMainPan ul.footermenu li a{

    color:#ffffff; 

	text-decoration:none;

}

#footerMainPan ul.footermenu li a:hover{

    text-decoration:underline;

}

#footerMainPan ul.footermenu1{

    width:550px; 

	position:absolute;

	color:#ffffff; 

	top:60px; 

	left:35px;

}

#footerMainPan li.footermenu1{

    float:left;

}

#footerMainPan ul.footermenu1 li a{

    padding:0 10px 0; 

	color:#ffffff; 

	text-decoration:none;

}

#footerMainPan ul.footermenu1 li a:hover{

    text-decoration:underline;

}

#footerMainPan p.copyright{

    width:290px; 

	color:#ffffff; 

	position:absolute; 

	top:60px; 

	left:616px;

}

*.float-divider{ 

    clear:both; 

	height:1px; 

	font-size:1px; 

	line-height:1px; 

}

#footerlinks1{

    width:950px;

    color:#ffffff; 

	position:absolute; 

	top:20px; 

	left:25px;

	font-size:12px;

	padding-left:10px;

	line-height:20px;

}

#footerlinks2{

    width:550px;

    color:#ffffff; 

	position:absolute; 

	top:97px; 

	left:25px;

	font-size:12px;

	padding-left:10px;

}

#copyright{

    width:310px;

    color:#ffffff; 

	position:absolute; 

	top:110px; 

	left:680px;

}

#catchypages{

    width:260px;

    color:#ffffff; 

	position:absolute; 

	top:85px; 

	left:725px;

	font-size:12px;

	padding-left:10px;

}

.FORMS-button {

background-color:#666666;

border:2px solid #999999;

color:#FFFFFF;

font-size:12px;

font-weight:normal;

}
