*, body, html, form, h1, h2, h3 {
	padding:0;
	margin:0;
}

body {
	background:url(../../images/layout/top-bar.jpg) repeat-x 0 0;
	text-align:center;
	font-size:0.7em;
	line-height:1.5em;
	color:#424242;
}

body, select {
	font-family:Arial, Helvetica, sans-serif;
}

div.center {
	text-align: center;
}
div.center img {
	display: block;
	margin: 0 auto;
}

a {
	outline:0;
	color:#424242;
}

a:hover {
	text-decoration:none;
}

a img {
	border:0;
}

div#mWrapper {
	width:900px;
	margin:0 auto;
	
}

div#cWrapper, div#footer div#block {
	width:761px;
}

div#mWrapper div {
	text-align:left;
}

div#cWrapper {
	margin:0 auto;
}


h1 {
	width:760px;
	height:40px;
	background-image:url(../../images/ditlogo.jpg);
	float:left;
}

h2 {
	width:139px;
	height:38px;
	background-image:url(../../images/layout/call-now.gif);
	float:right;
}

/* Full screen portfolio viewer */
div#streamBG {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	visibility:hidden;
	background-color:#fff;
	filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;
}

div#pointer {
	position:absolute;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B7D10B;
	z-index:1;
}

div#streamContainer {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	width:100%;
}

div#objectCont {
	position:absolute;
	border:15px solid #333;
	z-index:20;
}

div#footer {
	padding-bottom:2em;
}

div#footer div {
	float:right;
}

/* Site Tabs */

div#tabs {
	padding:0;
	width:70px;
	height:10px;
}

div#tabs ul {
	list-style:none;
}

div#tabs ul li {
	background-repeat:no-repeat;
	height: 21px;
}

div#tabs ul li a {
	width:70px;
	height:21px;
	display:block;
	text-decoration:none;
	background-repeat:no-repeat;
}

div#tabs ul li a:hover {
	background-image:none;
}

#t1 {
	margin:20px 0 0;
	
}

div#footer div#block p {
	padding:10px 0 0 10px;
	font-size:0.9em;
	color:#b7b6b7;
}

div#footer div#block p a {
	color:#b7b6b7;
	text-decoration:none;
}

div#footer div#block p a:hover {
 	color:#838383;
}

/* Misc */

.hC {
	text-indent: -5999em;
	font: 1px/1px sans-serif;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#fff;
}

#jkl i, .invC {display:none;}


/* content*/
body {
	background-color:#fff;
}

div#nav ul li {
	padding:0 0 8px 33px;
}

div#nav ul li a {
	color:#838383;
}

div#nav ul li a:hover {
	color:#c4c4c4;
}

div#top h3 {
	background:no-repeat 0 0;
	height:53px;
	width:759px;
}

div#top img {
	margin-bottom:5px;
}

div#left {
	width:567px;
	float:left;
	padding:0 25px 7em 0;
}

div#left h4 {
	font-size:1.4em;
	padding:1.8em 0 1.4em 10px;
}
div#left h4.noTopMarg {
	padding-top: 0;
}

div#left h5 {
	font-size:1.24em;
	padding:0.5em 0 1em 10px;
	color:#636363;
}



div#left p, blockquote {
	padding:0 10px 1.4em 10px;
	line-height:1.5em;
}


div#left ul, div#left ol {
	padding:0 26px 1.4em 26px;
}

div#left ul ul, div#left ol ol {
	padding:1.2em 0 0 16px;
}

div#left li {
	padding-bottom:1.2em;
}

div#left img#smGraph {
	margin:1em 0 2em 0;
}

div#left table {
	width:100%;
	margin:0.3em 0 1.6em 0;
}

div#left .wFifty {
	float:left;
	width:273px;
	padding:0 0 0 10px;
}

div#left .wFifty ul, div#left .wFifty ol {
	padding-left:16px;
}

div#left .wFifty h4, div#left .wFifty p {
	padding-left:0;
	padding-right:0;
}

/* tables are 602 wide */

div#left table .twoColumn th {
	width:392px;
}

div#left table .twoColumn td {
	width:210px;
}

div#left table .threeColumn th, ul#cDetails li a {
	width:190px;
}

div#left table .threeColumn td, div#left ul#cDetails .fList {
	width:127px;
}

div#left table .fourColumn th {
	width:161px;
}

div#left table .fourColumn td {
	width:119px;
}

div#left table .fiveColumn th {
	width:100px;
}

div#left table .fiveColumn td {
	width:202px;
}

div#left table .sevenColumn th {

}

div#left table .sevenColumn td {
	
}

div#left table th, div#left table .twoColumn td, div#left table .threeColumn td, div#left table .fourColumn td, div#left table .fiveColumn td, div#left table .sevenColumn td {
	font-size:1.2em;
	padding:2.2em 10px 0.3em 10px;
}

div#left table th .wIcon, div#left table th .qIcon {
	padding-left:20px;
	background-position:0 0;
	background-repeat:no-repeat;
}

div#left table th .wIcon {
	background-image:url(../../images/content/products/specs/wmv-icon.jpg);
	
}

div#left table th .qIcon {
	background-image:url(../../images/content/products/specs/quicktime-logo.jpg);
}

div#left table .fRow, div#left table .lRow {
	background:url(../../images/content/tables/th-bg.jpg) repeat-x 0 0;
	background-color:#000;
}

div#left .horizHrefSpace a {
	padding-right:40px;
}

div#left table td a {
	font-weight:bold;
	text-decoration:none;
	color:#424242;
}

div#left table td a:hover {
	color:#b7d10b;
}

div#left table th, div#left table .lRow, div#left table .lRow a, .lRow button, div#left table .twoColumn td, div#left table .threeColumn td, div#left table .fourColumn td, div#left table .fiveColumn td, div#left table .sevenColumn td {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

div#left table h5 {
	color:#424242;
	font-size:1.2em;
	font-weight:bold;
	padding:1.2em 0 0.3em 0;
}

.lRow button {
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 11px;
	}

div#left table .lRow td a {
	color:#b7d10b;
}

div#left table .lRow td a:hover {
	color:#fff;
}

div#left table td #tPrice, div#left table td #tPriceA {
	color:#b7d10b;
}

div#left table th, div#left table td {
	text-align:left;
	vertical-align:top;
}

div#left table td {
	padding:0.8em 10px;
}

div#left table .dark {
	background-color:#e5e5e5;
}

div#left ul#cDetails {
	width:100%;
	list-style:none;
	padding:0 0 2.8em 0;
}

div#left ul#cDetails li {
	float:left;
	padding:0 10px 0 10px;
	font-weight:bold;
}

div#left ul#cDetails li a {
	display:block;
	color:#424242;
	text-decoration:none;
}

div#left ul#cDetails li a:hover {
	color:#b7d10b;
}


div#left div.videoScreen {
	width: 360px; height: 289px;
	background: url(/images/content/products/screen.jpg) no-repeat;
	padding: 18px 13px 0 15px;
	margin: 0 auto 2.8em auto;
}

div#left div.flashScreen {
	width: 376px; height: 214px;
	background: url(/images/content/products/flash-video-bg.jpg) no-repeat;
	margin: 0 auto 2.8em auto;
	padding: 15px 0 0 15px;
}

div#left div.posterScreen {
	width: 405px; height: 287px;
	margin: 0 auto 2.8em auto;
}


/* forms */

div#left form div label {
	display:block;
	color:#424242;
	font-weight: bold;
}

div#left form div input, div#left form div textarea, div#left form select {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#424242;
}

div#left form select, div#left form div textarea, div#left form div .fields {
	border: 1px solid;
	border-color:#424242;
}

div#left form div select, div#left form div textarea, div#left form div .fields {
	width:92%;
	margin:6px 0 30px 0;
}

div#left form div .freewidth {
	width:auto;
}

div#left form div .fLeft {
	float:left;
	display:block;
}

div#left form div textarea, div#left form div input {
	padding: 2px 0px 0px 4px;
}

div#left form div .requiredField, div#left form div label span {
	font-weight:bold;
	color:#d20909;
}

div#left form div .requiredField {
	padding:0.3em 0 0 0;
}

div#left form .fields { /* so not to mess up input buttons etc */
	height:14px;
	padding: 2px 0px 0px 4px;
	background-image:url(../../images/wPix.gif);
}

div#left form div .button {
	font-weight:bold;
	font-size:1.26em;
	text-decoration:none;
	padding-top:1em;
}

div#left form div .button:hover {
	color:#b7d10b;
}



/* right panel */

div#content div#right {
	width:167px;
	float:left;
	padding:0 0 7em 0;
	text-align:center;
	
}

div#right div#subMenu {
    background-color:#333333;
	height:320px;
	padding:28px 0 0 0;
}

div#right div#subMenu h4 {
	width:167px;
	height:31px;
	background-repeat:no-repeat;
}

div#right div#subMenu ul#sub {
	list-style:none;
	padding:0 10px 0 10px;
}

div#right div#subMenu ul#sub li {
	padding-bottom:0.2em;
}

div#right div#subMenu ul#sub li a {
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
}

div#right div#subMenu ul#sub li a:hover {
	color:#ff0000;
}

div#right div#subMenu ul#sub li ul {
	display: none;
}	

div#right div#subMenu ul#sub li ul {
	list-style-type: none;
	margin: 3px 0 10px 10px;
}

div#right div#subMenu ul#sub li#s1 ul#s1_sub li a {	text-decoration: none; color: #fff;	}
div#right div#subMenu ul#sub li#s2 ul#s2_sub li a {	text-decoration: none; color: #fff;	}
div#right div#subMenu ul#sub li#s3 ul#s3_sub li a {	text-decoration: none; color: #fff;	}


div#right img {
	margin:1em 0 2.3em 0;
}

#t1 {
	background-image: url(../../images/tabs/white/iweb2.gif);
}

#t1 a {
	background-image: url(../../images/tabs/white/iweb1.gif);
}

#t2 {
	background-image:url(../../images/tabs/white/hosting2.gif);
}

#t2 a {
	background-image:url(../../images/tabs/white/hosting2.gif);
}

#t3 {
	background-image:url(../../images/tabs/white/art2.gif);
}

#t3 a {
	background-image:url(../../images/tabs/white/art1.gif);
}

#t4 {
	background-image:url(../../images/tabs/white/ftp2.gif);
}

#t4 a {
	background-image:url(../../images/tabs/white/ftp1.gif);
}

div#footer div#block {
	background:url(../../images/layout/footer-block-content.jpg) no-repeat 0 0;
}


/* Styles for the highside */
.highslide-container div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.highslide-html {
	background-color: white;
}
.highslide-maincontent {
	display: none;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;

	padding-left: 22px;
	background-image: url(highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    text-align:left;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
	cursor: move;
}
.highslide-resize {
	cursor: nw-resize;
}