@charset "UTF-8";
/* CSS Document */

#globalcontainer {
	width: 877px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#logocontainer {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	height: 450px;
	background-image: url(../images/nav/navdslogo.png);
	background-repeat: no-repeat;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
}


#menu {
	height:27px;
	width: 100%;
}

ul#cssmw {
	cursor: default;
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

ul#cssmw > li {
	float: left;
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	width: 136px;
	height:20px;
	padding-top: 7px;
	text-align: center;
	background-image: url(../images/nav/navback.gif);
	background-repeat: repeat-x;
	display: inline-block;
}

ul#cssmw > li:hover {
	background-image: url(../images/nav/navback_over.gif);
	background-repeat:repeat-x;
}


ul#cssmw li a {
	color: #282828;
	outline:0;
	text-decoration: none;
}

ul#cssmw li div {
	top:0px;
	display: none;
	font-size: 12px;
	text-align: left;
}

ul#cssmw li > div {
	top:27px;
	width:870px;
	height: 450px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	left: 1px;
}
ul#cssmw   li:hover   div {
	display:block;
	position:absolute;
	z-index:100;
}
ul#cssmw > li.menuspacer {
	float: left;
	height: 27px;
	width: 2px;
	background-image: url(../images/nav/navspcr.gif);
	background-repeat: repeat-x;
	position: relative;
	padding: 0px;
}

ul#cssmw > li.menuspacer:hover {
	background-image: url(../images/nav/navspcr.gif);
	background-repeat:repeat-x;
}
ul#cssmw    > li#faq    {
	height:20px;
	width: 48px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
ul#cssmw   > li#faq:hover {
}

ul#cssmw li > div > .left {
	width: 7px;
	height: 400px;
}

ul#cssmw li > div > .left > .content {
	background-position:1px;
	width:800px;
	height:400px;
	color:#333333;
	font-size:11px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}

ul#cssmw li > div > .left > .content a:link {
	color:#4a78a9;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 5px;
}

ul#cssmw li > div > .left > .content a:hover {
	color:#548AC4;
	text-decoration:underline;
}

ul#cssmw li > div > .left > .content a:visited {
	color:#4a78a9;
}

ul#cssmw li > div > .left > .content ul {
	cursor: default;
	list-style-type: none;
	color: #4a78a9;
	font-weight: bold;
	padding: 0px;
	margin: 0;
}

ul#cssmw li > div > .left > .content li {
	float:none;
	font-size:12px;
	font-weight: normal;
	padding:0px;
	margin: 0px;
	text-align: left;
}

ul#cssmw li > div > .left > .content li a:hover {
	text-decoration:underline;
}

ul#cssmw li > div > .left > .content .header1 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 25px;
	margin: 0px 0px 15px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color: #4a78a9;
}

ul#cssmw li > div > .left > .content .header2 {
	font-size: 13px;
	font-weight: bold;
	color: #4a78a9;
	text-decoration: underline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

ul#cssmw li > div > .left > .content .spacer {
	margin: 5px 0px;
}
ul#cssmw li > div#faq-menu {
	top:27px;
	background-image: url(../images/nav/dslogosm.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
}
#faq-list {
	height: 250px;
	width:800px;
	white-space:normal;
	margin-top: 35px;
	margin-left: 0px;
	float: left;
}
ul#cssmw div#faq-menu li a    {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
ul#cssmw div#faq-menu li a:hover {
	font-weight: bold;
}
ul#cssmw div#faq-menu li a:focus {
	font-weight: bold;
}
#faq-list .leftcol {
	top: 63px;
	width: 370px;
	float: left;
	margin-left: 5px;
	z-index: 100;
}
#faq-list .rightcol {
	top: 63px;
	width: 370px;
	float: left;
	margin-left: 405px;
	z-index: 103;
}
#faq-list .leftcol2 {
	top: 200px;
	width: 370px;
	float: left;
	margin-left: 5px;
	z-index: 106;
	overflow: hidden;
}
#faq-list .rightcol2 {
	top: 200px;
	width: 370px;
	float: left;
	margin-left: 405px;
	z-index: 107;
}
#faq-list #answer  {
	width: 675px;
	float: left;
	margin-left: 10px;
	height: auto;
	overflow: hidden;
	margin-top: 290px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #4a78a9;
	padding-right: 5px;
	padding-left: 5px;
}
ul#cssmw li > div#graphics-menu {
	left:-49px;
	top:27px;
	text-align:left;
	background-image: url(../images/nav/dslogosm.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
}

#catagories {
	float: left;
	width: 600px;
	height: 400px;
	margin-top: 35px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#catagories .leftcol {
	top: 63px;
	width: 200px;
	float: left;
}

#catagories .midcol {
	top: 63px;
	width: 200px;
	float: left;
	margin-left: 200px;
}

#catagories .rightcol {
	top: 63px;
	width: 200px;
	float: left;
	margin-left: 400px;
}

#graphicsportfolio {
	height: 400px;
	margin-top: 35px;
	margin-left: 605px;
	float: left;
	width: 195px;
}


ul#cssmw li#webdesign > div#webdesign-menu {
	left: -187px;
	background-image: url(../images/nav/dslogosm.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
}
#design1 {
	float: left;
	width: 200px;
	height: 400px;
	white-space:normal;
	margin-top: 35px;
	margin-right: 15px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#design2 {
	height: 375px;
	width:560px;
	white-space:normal;
	margin-top: 35px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 240px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}
#design2 img {
	float: left;
	width: 125px;
	height: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
}
#design2 img.thumb {
-ms-interpolation-mode: bicubic;
}
#design2 img:hover {
	width: 129px;
	height: 104px;
	margin-right: 3px;
	margin-bottom: 1px;
	margin-left: 3px;
	margin-top: 0px;
}
#design2  li  {
	line-height: 0px;
}

ul#cssmw li#development > div#development-menu {
	left: -325px;
	background-image: url(../images/nav/dslogosm.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
}

#develop1 {
	float: left;
	width: 300px;
	height: 400px;
	white-space:normal;
	margin-top: 35px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#develop2 {
	height: 265px;
	width:400px;
	white-space:normal;
	margin-top: 80px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 350px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-color: #DADADA;
	float: left;
}

ul#cssmw li#hosting > div#hosting-menu {
	left:-463px;
	background-image: url(../images/nav/dslogosm.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
}

#hostingplans {
	height: 250px;
	width:800px;
	white-space:normal;
	margin-top: 35px;
	margin-left: 0px;
	float: left;
}
#advantages {
	float: left;
	width: 800px;
	height: 125px;
	white-space:normal;
	margin-top: 350px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 10px;
}
#hostfaq {
	float: left;
	width: 100px;
	margin-top: 0px;
	margin-left: 605px;
}

#hostingplans .leftcol {
	top: 63px;
	width: 180px;
	float: left;
	margin-left: 20px;
	z-index: 100;
}

#hostingplans .midcol {
	top: 63px;
	width: 180px;
	float: left;
	margin-left: 225px;
	z-index: 101;
}
#hostingplans .midcol2 {
	top: 63px;
	width: 180px;
	float: left;
	margin-left: 415px;
	z-index: 102;
}

#hostingplans .rightcol {
	top: 63px;
	width: 180px;
	float: left;
	margin-left: 605px;
	z-index: 103;
}
#hostingplans .footer {
	top: 63px;
	width: 525px;
	float: left;
	margin-left: 15px;
	margin-top: 200px;
}

ul#cssmw li#technology > div#technology-menu {
	left:-601px;
	background-image: url(../images/nav/dslogosm.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
}
#techadvantage {
	float: left;
	width: 800px;
	margin-top: 35px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#techavailable {
	width:750px;
	margin-top: 175px;
	margin-left: 50px;
	float: left;
}

#technologycode {
	float: left;
	width: 350px;
	white-space:normal;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#technologygraphic {
	width:350px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 375px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: left;
}

ul#cssmw > li#contact > div#contact-menu {
	left:-739px;
	background-image: url(../images/nav/dslogosm.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
	overflow: hidden;
}
#contactdiv {
	height: 400px;
	width: 550px;
	margin-top: 35px;
	margin-left: 125px;
	float: left;
	overflow: hidden;
}
#contact-menu #formwrap {
	height: 310px;
	margin-top: 50px;
	text-align: left;
	position: relative;
	width: 600px;
}
#version {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	float: left;
	left: 830px;
	position: relative;
	top: 440px;
}