@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:'';
}

/* Site */

	#container {
	background-image: url(../../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
}
	#background {
	background-image: url(../../img/bg.gif);
	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: 0px;
	margin: 0 auto;
}
	#header {
	height: 105px;
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 920px;
}
	ul#topnav {
	position: absolute;
	top: 5px;
	right: 0px;
	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 0px; }
		ul#topnav li a { color: #fff; text-decoration: none; }
		ul#topnav li a:hover { text-decoration: underline; }

	#logo {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 100px;
	width: 356px;
	top: 40px;
}
#navbar {
	margin: 0; padding: 0;
	position: absolute;
	top: 60px;
	right: 0px;
	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 {
	background-image: url(../../img/bgCover.png);
	background-repeat: no-repeat;
	height: 328px;
	width: 956px;
	position: relative;
}
	#spotlightContainer {
	height: 308px;
	width: 920px;
	position: relative;
	left: 18px;
}
	#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;
}
.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;
}
.textTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
}
.textHide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #343434;
}
	#text {
	height: 225px;
	width: 470px;
	position: relative;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	line-height: 20px;
	color: #CCCCCC;
}
	#links {
	height: 225px;
	width: 486px;
	position: absolute;
	right: 0px;
	top: 328px;
	padding-top: 0px;
	line-height: 20px;
	color: #CCCCCC;
}
	#introText {
	line-height: 20px;
	color: #CCCCCC;
	top: 10px;
	position: relative;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}
	#showcase {
	line-height: 20px;
	color: #CCCCCC;
	top: 0px;
	position: relative;
	padding-top: 0px;
	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: 0px;
}
#recent_projects {
	width: 225px;
	float: left;
	padding-left: 10px;
	top: 0px;
	position: relative;
	left: 0px;
}

#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: none;
	text-decoration: none;
	color: #ffffff;
	margin: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#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: 0px;
	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: none;
	text-decoration: none;
	color: #ffffff;
	margin: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#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;
	padding: 17px 20px 10px;
	color: #a4a4a4;
	margin: 0 auto;
	background-image: url(../../img/footerWide.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.footer_location {
float : left;
width : 80px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #cccccc;
font-size : 12px;
line-height : 20px;
}
.address {
float : left;
width : 180px;
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-top: 7px;
	padding-left: 30px;
}
.footer_copyright {
	float: right;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
}
#footer a { color: #cccccc; }

/* Backend */

#contentBack {}

#backHeader {
	background-image: url(../../img/backHeaderPort.jpg);
	height: 150px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	top: 0px;
	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: 0px;
	top: 0px;
}
#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: 0px;
	background-image: url(../img/bgPortfolio.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-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 100%;
	background-color: #343434;
}

/* LEFT NAV */

#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: none;
	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 {
	padding: 0 0 5px 0;
	margin-bottom: 20px;
}
/* HEADERS */

H1, H2 {
	color: #dedede;
	font-size: 19px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#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; }

#portHeader {
	background-image: url(../img/portPicTop.jpg);
	height: 41px;
	width: 306px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
#portText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 20px;
}