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



body {
margin : 0;
padding : 0;
background-color : #222222;
}
a:link {
text-decoration : none;
}
a:visited {
text-decoration : none;
}
a:hover {
text-decoration : underline;
color : #75b1f8;
}
a:active {
text-decoration : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
h1 {
font-size : 20px;
font-weight : bold;
}
q:before, q:after {
content : '';
}
#container {
background-image : url(../img/bg.jpg);
background-repeat : repeat-x;
background-position : center top;
width : 100%;
}
#background {
background-image : url(../img/bg.jpg);
background-repeat : no-repeat;
background-position : center top;
width : 100%;
}
#request {
height : 48px;
width : 176px;
position : relative;
left : 215px;
top : -43px;
}
#wrapper {
width : 956px;
position : relative;
top : 0;
margin : 0 auto;
}
#header {
height : 105px;
position : relative;
top : 0;
margin : 0 auto;
width : 920px;
}
ul#topnav {
position : absolute;
top : 5px;
right : 0;
font-size : 10px;
margin : 0;
padding : 0;
list-style : none;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
}
ul#topnav li {
display : inline;
margin : 0 0 0 0;
}
ul#topnav li a {
color : #fff;
text-decoration : none;
}
ul#topnav li a:hover {
text-decoration : underline;
}
#logo {
position : absolute;
left : 0;
bottom : 0;
height : 100px;
width : 356px;
top : 40px;
}
#navbar {
margin : 0;
padding : 0;
position : absolute;
top : 60px;
right : 0;
text-transform : uppercase;
}
#navbar li {
display : inline;
float : left;
}
#navbar a {
float : left;
display : block;
text-align : center;
color : #ffffff;
font-size : 12px;
margin-left : 5px;
padding : 6px 20px;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#navbar a:hover {
background : #023570;
text-decoration : none;
}
#mainContent {
height : 570px;
width : 956px;
position : relative;
}
#banner {
	height : 275px;
	width : 956px;
	position : relative;
	text-align: center;
}
#spotlightContainer {
height : 308px;
width : 920px;
position : relative;
left : 18px;
}
#ctl01_htmBody #container #background #wrapper #mainContent #text #introText h1 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#bantext {
width : 480px;
position : absolute;
left : 60px;
top : 100px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
line-height : 20px;
}
.textNormal {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
}
.textNormal h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : normal;
}
.textNavTitle {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : normal;
color : #cccccc;
}
.textSubTitle {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
color : #002653;
}
.textLink {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #75b1f8;
}
.textLinkDark {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #013c82;
}
.textHeader {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : normal;
color : #ffffff;
}
.textHeader h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : normal;
color : #ffffff;
}
.textTitle {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : normal;
color : #002653;
}
.textHide {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : normal;
color : #343434;
}
#text {
height : 225px;
width : 470px;
position : relative;
left : 0;
top : 0;
padding-top : 0;
line-height : 20px;
color : #cccccc;
}
#links {
height : 225px;
width : 486px;
position : absolute;
right : 0;
top : 330px;
padding-top : 0;
line-height : 20px;
color : #cccccc;
}
#introText {
line-height : 20px;
color : #cccccc;
top : 45px;
position : relative;
padding-right : 20px;
padding-bottom : 20px;
padding-left : 30px;
}
#showcase {
line-height : 20px;
color : #cccccc;
top : 0;
position : relative;
padding-top : 0;
padding-right : 20px;
padding-bottom : 20px;
padding-left : 30px;
}
#project {
padding-top : 5px;
}
#projectTitle {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #cccccc;
width : 250px;
position : absolute;
top : 31px;
left : 185px;
}
#projectMain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #cccccc;
width : 270px;
position : absolute;
top : 56px;
left : 185px;
}
#projectPic {
border : thin solid #cccccc;
height : 140px;
width : 140px;
position : relative;
top : 0;
}
#recent_projects {
width : 225px;
float : left;
padding-left : 10px;
top : 0;
position : relative;
left : 0;
}
#recent_projects ul {
margin : -4px 0 10px 0;
padding : 0;
list-style-type : none;
}
#recent_projects li {
padding : 4px 0;
border-top : 1px dotted #535353;
}
#recent_projects li a {
	display : block;
	background : inherit;
	text-decoration : none;
	color : #ffffff;
	margin : 0;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-indent: 10px;
}
#recent_projects li a:hover {
text-decoration : underline;
color : #75b1f8;
}
#recent_projects li:first-child {
border-top : none;
}
#services {
width : 210px;
float : left;
padding-left : 15px;
top : 0;
position : relative;
left : 0;
}
#services ul {
margin : -4px 0 10px 0;
padding : 0;
list-style-type : none;
}
#services li {
padding : 4px 0;
border-top : 1px dotted #535353;
}
#services li a {
	display : block;
	background : inherit;
	text-decoration : none;
	color : #ffffff;
	margin : 0;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-indent: 10px;
}
#services li a:hover {
text-decoration : underline;
color : #75b1f8;
}
#services li:first-child {
border-top : none;
}
#footerContainer {
background-image : url(../img/footerWide.jpg);
background-repeat : repeat-x;
background-position : top;
width : 100%;
}
#footer {
	width : 900px;
	color : #a4a4a4;
	background-image : url(../img/footerWide.jpg);
	background-repeat : repeat-x;
	background-position : top;
	height: 10px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 17px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.footer_location {
float : left;
width : 200px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #cccccc;
font-size : 12px;
line-height : 20px;
}
.footer_social {
	float : left;
	width : 180px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #cccccc;
	font-size : 12px;
	line-height : 20px;
	padding-left : 30px;
	background-position: center center;
	top: -10px;
}
.footer_copyright {
float : right;
text-align : right;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #cccccc;
font-size : 12px;
}
#footer a {
color : #cccccc;
}
#backHeader {
background-image : url(../img/backHeader.jpg);
height : 150px;
width : 100%;
position : relative;
margin : 0 auto;
top : 0;
background-repeat : no-repeat;
background-position : center top;
}
#midMainContainer {
background-color : #343434;
width : 100%;
position : relative;
margin : 0 auto;
}
#midContainer {
width : 100%;
position : relative;
margin : 0 auto;
background-image : url(../img/backMid.jpg);
background-repeat : repeat-y;
background-position : center top;
}
#midContent {
width : 926px;
overflow : auto;
position : relative;
margin : 0 auto;
}
#leftNav {
width : 200px;
padding-top : 10px;
position : relative;
left : 0;
top : 0;
}
#contentRight {
min-height : 450px;
height : auto;
height : 450px;
width : 695px;
padding-left : 228px;
padding-top : 25px;
}
#interior_content_wrapper {
width : 100%;
background : #343434;
padding-bottom : 15px;
position : relative;
}
#home_content_content, #interior_content {
width : 930px;
position : relative;
margin : 0 auto;
}
#interior_content {
margin-top : 0;
background-image : url(../img/backMid.jpg);
background-repeat : repeat-y;
background-position : center top;
}
.large_img_border {
border : 1px solid #cccccc;
}
#interior_left {
width : 190px;
position : absolute;
top : 0;
left : 0;
padding-top : 25px;
padding-right : 28px;
padding-bottom : 20px;
padding-left : 5px;
}
#interior_left H1 a, #interior_left H2 a {
color : #dedede;
text-decoration : none;
}
#interior_left H1 a:hover, #interior_left H2 a:hover {
color : #ffffff;
text-decoration : none;
}
#interior_right {
line-height : 20px;
margin-left : 225px;
color : #333333;
min-height : 450px;
height : auto !important ;
height : 450px;
padding-top : 25px;
padding-right : 45px;
padding-bottom : 10px;
padding-left : 45px;
}
#interior_right td {
color : #333333;
}
#contentFooter {
background-image : url(../img/backBtm.jpg);
background-repeat : no-repeat;
background-position : center center;
height : 20px;
width : 100%;
}
#leftnav {
margin : 0 0 20px 0;
}
#leftnav ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#leftnav li {
border-top : 1px solid #474747;
}
#leftnav li:first-child {
border-top : none;
}
#leftnav li a {
display : block;
background : inherit;
text-decoration : none;
color : #bebebe;
padding : 5px 0 5px 5px;
margin : 0;
width : 150px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
#leftnav li a:hover {
text-decoration : none;
color : #ffffff;
background : #3e3e3e url(/images/leftnav-hover-arrow.png) no-repeat 190px 0;
}
body#services a#link_services, body#webdesign a#link_webdesign, body#corpid a#link_corpid, body#printdesign a#link_printdesign, body#printing a#link_printing, body#bundle a#link_bundle, body#hosting a#link_hosting, body#port_web a#link_port_web, body#port_id a#link_port_id, body#port_logo a#link_port_logo, body#port_print a#link_port_print, body#port_main a#link_port_main, body#co_news a#link_co_news, body#co_blog a#link_co_blog, body#co_employment a#link_co_employment, body#contact1 a#link_contact1, body#contact2 a#link_contact2, body#contact3 a#link_contact3 {
text-decoration : none;
color : #ffffff;
background : #3e3e3e url(/images/leftnav-hover-arrow.png) no-repeat 191px 0;
}
.service_container {
border-bottom : 1px solid #ececec;
padding : 0 0 5px 0;
margin-bottom : 20px;
}
H1 {
color : #dedede;
font-size : 19px;
font-style : normal;
font-weight : normal;
font-variant : normal;
}
H2 {
	color : #FFFFFF;
	font-size : 19px;
	font-style : normal;
	font-weight : normal;
	font-variant : normal;
	padding: 0px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#printingrates {
overflow : auto;
color : #333333;
font-family : Arial, Helvetica, sans-serif;
}
#printingrates td {
padding : 3px;
font-size : 11px;
color : #999999;
}
#printingrates H3 {
margin-bottom : -3px;
}
#printingrates table {
margin-bottom : 15px;
}
.altrow td {
background : #f2f2f2;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
}
.content_block_halfpg {
width : 50%;
float : left;
}
#SpotlightWrapper {
padding : 0;
margin : 0;
border : 0;
position : static;
font-family : Arial, Helvetica, Sans-Serif;
z-index : 10;
text-align : left;
}
#SpotlightWrapper li {
font-size : 0.8em;
margin : 0;
padding : 0;
}
#SpotlightWrapper h3 {
text-decoration : none;
margin-bottom : 0.5em;
color : #02346e;
position : relative;
padding-top : 50px;
width : 300px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
}
#SpotlightWrapper h5 {
text-decoration : none;
margin-bottom : 0.5em;
color : #000;
position : relative;
padding-top : 162px;
width : 300px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
font-size : 16px;
}
#SpotlightWrapper a:link, #SpotlightWrapper a:visited, #SpotlightWrapper a:hover, #SpotlightWrapper a:active {
color : #fff;
text-decoration : none;
text-transform : lowercase;
}
#SpotlightWrapper h3, #SpotlightWrapper p, #SpotlightWrapper h5 {
padding-left : 25px;
}
a.SpotlightActionLink:hover {
text-decoration : underline;
}
#SpotlightWrapper .text {
width : 325px;
font-family : Arial, Helvetica, sans-serif;
color : #000;
}
ul#SpotlightList {
margin : 0;
list-style : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
color : #ffffff;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
ul#SpotlightList li {
padding : 0;
margin : 0;
list-style : none;
background-image : url(../images/Bullet_BlueArrow.gif);
background-repeat : no-repeat;
background-position : 0 0.6em;
color : #89c9fe;
font-size : 1em;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
ul#SpotlightList a:link, ul#SpotlightList a:visited, ul#SpotlightList a:hover, ul#SpotlightList a:active, ul#SpotlightList li {
color : #ffc601;
text-decoration : none;
font-size : 1em;
font-family : Arial, Helvetica, sans-serif;
line-height : 1.2em;
text-transform : capitalize;
}
ul#SpotlightList a:hover {
text-decoration : underline;
}
#SpotlightWrapper li#RotationOne, li#RotationTwo, #SpotlightWrapper li#RotationThree, #SpotlightWrapper li#RotationFour {
width : 380px;
height : 308px;
background-repeat : no-repeat;
margin : 0;
position : absolute;
z-index : 10;
padding-left : 540px;
background-image : url(../img/rotationOne.png);
top : 0;
}
#SpotlightWrapper li#RotationOne {
background-position : 0 0;
}
#SpotlightWrapper li#RotationTwo {
background-position : 0 -308px;
}
#SpotlightWrapper li#RotationThree {
background-position : 0 -616px;
}
#SpotlightWrapper li#RotationFour {
background-position : 0 -924px;
}
#SpotlightWrapper ol {
margin : 0;
padding : 0;
text-indent : 0;
list-style-type : none;
}
#SpotlightNavigation a:hover {
background : #032347;
}
#SpotlightNavigation a.activeSlide {
background : #265a8e;
color : #fff;
}
#Content {
top : 10px;
position : relative;
}
#SpotlightNavigation a {
background : #012e5f;
padding : 3px 8px 3px 8px;
color : #597695;
text-decoration : none;
width : 1em;
border : 2px solid #416a91;
margin : 0 2px;
font-weight : bold;
}
#SpotlightWrapper {
padding : 0;
margin : 0;
border : 0;
position : static;
font-family : Arial, Helvetica, Sans-Serif;
z-index : 10;
text-align : left;
}
#SpotlightWrapper li {
font-size : 0.8em;
margin : 0;
padding : 0;
}
#SpotlightWrapper h3 {
text-decoration : none;
margin-bottom : 0.5em;
color : #02346e;
position : relative;
padding-top : 50px;
width : 300px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
}
#SpotlightWrapper h5 {
text-decoration : none;
margin-bottom : 0.5em;
color : #000;
position : relative;
padding-top : 162px;
width : 300px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
font-size : 16px;
}
#SpotlightWrapper a:link, #SpotlightWrapper a:visited, #SpotlightWrapper a:hover, #SpotlightWrapper a:active {
color : #fff;
text-decoration : none;
text-transform : lowercase;
}
#SpotlightWrapper h3, #SpotlightWrapper p, #SpotlightWrapper h5 {
padding-left : 25px;
}
a.SpotlightActionLink:hover {
text-decoration : underline;
}
#SpotlightWrapper .text {
width : 325px;
font-family : Arial, Helvetica, sans-serif;
color : #000;
}
ul#SpotlightList {
margin : 0;
list-style : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
color : #ffffff;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
ul#SpotlightList li {
padding : 0;
margin : 0;
list-style : none;
background-image : url(../images/Bullet_BlueArrow.gif);
background-repeat : no-repeat;
background-position : 0 0.6em;
color : #89c9fe;
font-size : 1em;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
ul#SpotlightList a:link, ul#SpotlightList a:visited, ul#SpotlightList a:hover, ul#SpotlightList a:active, ul#SpotlightList li {
color : #ffc601;
text-decoration : none;
font-size : 1em;
font-family : Arial, Helvetica, sans-serif;
line-height : 1.2em;
text-transform : capitalize;
}
ul#SpotlightList a:hover {
text-decoration : underline;
}
#SpotlightWrapper li#RotationOne, li#RotationTwo, #SpotlightWrapper li#RotationThree, #SpotlightWrapper li#RotationFour {
width : 380px;
height : 308px;
background-repeat : no-repeat;
margin : 0;
position : absolute;
z-index : 10;
padding-left : 540px;
background-image : url(../img/rotationOne.png);
top : 0;
}
#SpotlightWrapper li#RotationOne {
background-position : 0 0;
}
#SpotlightWrapper li#RotationTwo {
background-position : 0 -308px;
}
#SpotlightWrapper li#RotationThree {
background-position : 0 -616px;
}
#SpotlightWrapper li#RotationFour {
background-position : 0 -924px;
}
#SpotlightWrapper ol {
margin : 0;
padding : 0;
text-indent : 0;
list-style-type : none;
}
#SpotlightNavigation a:hover {
background : #032347;
}
#SpotlightNavigation a.activeSlide {
background : #265a8e;
color : #fff;
}
#Content {
top : 10px;
position : relative;
}
#SpotlightNavigation a {
background : #012e5f;
padding : 3px 8px 3px 8px;
color : #597695;
text-decoration : none;
width : 1em;
border : 2px solid #416a91;
margin : 0 2px;
font-weight : bold;
}
img.c2 {
border : 0;
width : 88px;
height : 31px;
}
li.c1 {
list-style : none;
}
@import url('css/spotlight.css');
#SpotlightWrapper {
padding : 0;
margin : 0;
border : 0;
position : static;
font-family : Arial, Helvetica, Sans-Serif;
z-index : 10;
text-align : left;
}
#SpotlightWrapper li {
font-size : 0.8em;
margin : 0;
padding : 0;
}
#SpotlightWrapper h3 {
text-decoration : none;
margin-bottom : 0.5em;
color : #02346e;
position : relative;
padding-top : 50px;
width : 300px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
}
#SpotlightWrapper h5 {
text-decoration : none;
margin-bottom : 0.5em;
color : #000;
position : relative;
padding-top : 162px;
width : 300px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
font-size : 16px;
}
#SpotlightWrapper a:link, #SpotlightWrapper a:visited, #SpotlightWrapper a:hover, #SpotlightWrapper a:active {
color : #fff;
text-decoration : none;
text-transform : lowercase;
}
#SpotlightWrapper h3, #SpotlightWrapper p, #SpotlightWrapper h5 {
padding-left : 25px;
}
a.SpotlightActionLink:hover {
text-decoration : underline;
}
#SpotlightWrapper .text {
width : 325px;
font-family : Arial, Helvetica, sans-serif;
color : #000;
}
ul#SpotlightList {
margin : 0;
list-style : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
color : #ffffff;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
ul#SpotlightList li {
padding : 0;
margin : 0;
list-style : none;
background-image : url(../images/Bullet_BlueArrow.gif);
background-repeat : no-repeat;
background-position : 0 0.6em;
color : #89c9fe;
font-size : 1em;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
ul#SpotlightList a:link, ul#SpotlightList a:visited, ul#SpotlightList a:hover, ul#SpotlightList a:active, ul#SpotlightList li {
color : #ffc601;
text-decoration : none;
font-size : 1em;
font-family : Arial, Helvetica, sans-serif;
line-height : 1.2em;
text-transform : capitalize;
}
ul#SpotlightList a:hover {
text-decoration : underline;
}
#SpotlightWrapper li#RotationOne, li#RotationTwo, #SpotlightWrapper li#RotationThree, #SpotlightWrapper li#RotationFour {
width : 380px;
height : 308px;
background-repeat : no-repeat;
margin : 0;
position : absolute;
z-index : 10;
padding-left : 540px;
background-image : url(../img/rotationOne.png);
top : 0;
}
#SpotlightWrapper li#RotationOne {
background-position : 0 0;
}
#SpotlightWrapper li#RotationTwo {
background-position : 0 -308px;
}
#SpotlightWrapper li#RotationThree {
background-position : 0 -616px;
}
#SpotlightWrapper li#RotationFour {
background-position : 0 -924px;
}
#SpotlightWrapper ol {
margin : 0;
padding : 0;
text-indent : 0;
list-style-type : none;
}
#SpotlightNavigation a:hover {
background : #032347;
}
#SpotlightNavigation a.activeSlide {
background : #265a8e;
color : #fff;
}
#Content {
top : 10px;
position : relative;
}
#SpotlightNavigation a {
background : #012e5f;
padding : 3px 8px 3px 8px;
color : #597695;
text-decoration : none;
width : 1em;
border : 2px solid #416a91;
margin : 0 2px;
font-weight : bold;
}
img.c2 {
border : 0;
width : 88px;
height : 31px;
}
li.c1 {
list-style : none;
}
#ctl01_htmBody #container #background #wrapper #mainContent #text #introText p {
	margin: 0px;
	padding: 0px;
}
#ctl01_htmBody #container #background #wrapper #mainContent #text #introText #segdguru {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 0px;
}