﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
 {
 background:transparent none repeat scroll 0 0;
 border: 0 none;
 font-size: 100%;
 margin: 0;
 outline-color: -moz-use-text-color;
 outline-style: none;
 outline-width: 0;
 padding: 0;
 vertical-align: baseline;
 
}

ol, ul
{
list-style-image: none;
list-style-position: outside;
list-style-type: none;

}

blockquote, q
{
quotes: none;

}

:focus
{
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
}

ins 
{
text-decoration: none;
}

del
{
text-decoration: line-through;
}

table
{
border-collapse: collapse;
border-spacing: 0;
}

.clear
{
clear:both;
}

.skiplink
{
display: none;
}

label
{
cursor: pointer;
}

a
{
color: #FFFFFF;
text-decoration: none;
}


a:focus a:hover
{
	text-decoration: underline;
}

html
{
background: #154768 url(bkgrnd.png) repeat-x scroll 0 0;
}

body
{
-x-system-font: none;
background: transparent  scroll center top;
color:#FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;


}

h1
{
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
}

h2
{
	background-position: center bottom;
	background: transparent url(boxline.png) repeat-x scroll center bottom;
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	vertical-align: top;
	line-height: 30px;
}


.wrapper
{
	margin: 0 auto;
	width: 940px;
}

#header_top
{
	height: 41px;
	overflow: hidden;
	width: 100%;
	z-index: 115;
	position: relative;
}

#DefaultContent
{
	position: relative;
	height: auto;
}

#footerDiv
{
	background: #0F4361;
	width: 100%;
	text-align: center;
	height: 25px;
	bottom: 0;
	position: fixed;
}

.BreadCrumb
{
	padding-top: 15px;
	width: 400px;
	float: left;
}

#Phone
{
	height: 41px;
	background-position: 10px 0px;
	background: transparent url(telephone.png) no-repeat scroll;
	font-family: Arial;
	color: #E9CC03;
	text-align: right;
	float: right;
	vertical-align: bottom;
	width: 175px;
	padding-top: 10px;
	font-weight: bolder;
	font-size: 12px;
	z-index: 300;
	position: static;
	right: 10px;
}

#FreeSoftware
{
	padding-top: 15px;
	width: 250px;
	float: left;
}

#FreeSoftware a
{
	font-family: Arial;
	color: #E9CC03;
	font-weight: bolder;
	font-size: 12px;
	text-decoration: underline;
}

#header {
height:107px;
width:100%;
	position: relative;
}

#header_logo
{
	float: left;
	padding: 10px 0 0 0;
	width: 275px;
	
}



#menu
{
	background: transparent url(kbMenuBar.png) no-repeat;
	height: 48px;
	margin: 25px 100px 5px Auto;
	padding: 0;
	position: relative;
	width: 500px;
	font-family: Arial;
	font-size: 12px;
	z-index: 100;
	float: right;
}

#menu ul
{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

/*//#menu ul li {
border-left:1px solid #643743;
border-right:1px solid #643743;
float:left;
margin:6px 0 0;
padding:0 15px;
}/*/

#menu ul li
{
	border-left: 1px solid #BCF3EF;
	float: left;
	margin: 10px auto 0 auto;
	padding: 0 10px 0 10px;
}

#menu a:hover
{
color: #BCF3EF;
	text-decoration: underline;
}

#menu ul li.over a
{
	color: #BCF3EF;
	text-decoration: underline;
}

#menu ul li.first {
border-left:medium none;
padding:0 15px 0 0;

}

#menu ul li.last {
border-right:medium none;
padding:0 0 0 15px;
}

.accordionHeader
{
	border-style: solid;
	border-width: .35px;
	border-color: #2F4F4F #2F4F4F #CAE5F4 #2F4F4F;
	color: white;
	background: #0C364E url(AccordionHeader.png) repeat-x scroll 0 0;
	font-family: Arial;
	font-size: 18px;
	font-weight: bolder;
	padding: 10px 5px 5px 5px;
	margin-top: 5px;
	cursor: pointer;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	font-style: normal;
	font-variant: normal;
}

.accordionContent
{
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

#AccordianDiv p
{
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 2px;
	margin-left: 5px;
}

.accordionContent a
{
	color: white;
	font-family: Arial;
	font-size: 14px;
	text-decoration: underline;
}

.accordionContent a:hover
{
	color: #BCF3EF;
	text-decoration: underline;
	font-family: Arial;
	font-size: 14px;
	
}

.AccordianMoreInformation
{
	float: right;
}

#GreenaccordionLink
{
	color: #1BC757;
}

#PinkaccordionLink
{
	color: #71000C;
}

#BlueaccordionLink
{
	color: #ECCB13;
}
#AccordianDiv
{
	float: left;
	width: 450px;
	position: relative;
	margin-bottom: 30px;
	
}
#AccordianDiv Div
{
height:100px;
 
  border-bottom:1px solid #fff;
  position: relative;
}

#AccordianDiv h3
{
	background-position: 0 0;
	border-style: solid;
	border-width: 1px;
	border-color: #2F4F4F #2F4F4F #CAE5F4 #2F4F4F;
	
	background: #0C364E url(AccordionHeader.png) repeat-x scroll 0 0;
	font-family: Arial;
	font-size: 18px;
	font-weight: bolder;
	margin: 0 0 5 0;
	cursor: pointer;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	padding: 5px 0 5px 10px;
}



#homeimageDiv
{
	float: right;
	margin-top: -50px;
	position: relative;
	width: 450px;
}



#WebfooterDiv
{
	background: #0F4361;
	width: 100%;
	text-align: center;
	height: 25px;
	bottom: 0%;
	position: fixed;
}

#Section1
{
	position: relative;
}

#boxes
{
	padding: 20px 0 0 0;
	width: 100%;
	position: relative;
	margin-top: 20px;
}

.box {
float:left;
padding:0 20px 0 0;
width:220px;
}

.box_last
{
	padding: 0;
	margin-top: -104px;
}

.box h2
{
	background: transparent url(boxline.png) repeat-x scroll center bottom;
	font-family: Arial;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 17px;
	padding: 0 0 10px;
}
.box .text {
font-size:1.2em;
line-height:1.4em;
padding:0 0 15px 2px;
}
.box .list {
margin:0 0 0 17px;
padding:0 0 15px;
}
.box .list li {
color:#BCF3EF;
font-size:1.2em;
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding:2px 0;
}
.box .representative_work {
overflow:hidden;
padding:5px 0 0;
width:100%;
}
.box .representative_work li {
float:left;
padding:0 3px 3px 0;
}
.box .representative_work li.last {
padding:0 0 3px;
}
.box .representative_work img {
border:3px solid #4384AA;
float:left;
height:64px;
width:65px;
}


.Pagenavigation
{
	width: 200px;
	height: 600px;
	float: left;
	position: relative;
}

.PageContent
{
	width: 600px;
	margin-right: 100px;
	float: right;
	height: 600px;
	display: block;
	position: relative;
}

.NavMenu
{
	font-family: Arial;
	font-size: small;
	color: #FFFFFF;
	margin-left: 25px;
	height: 100%;
}

.NavMenu a:hover
{
	text-decoration: underline;
	color: #BCF3EF;
}

.NavMenu ul
{
	margin-top: 12px;
}

#NavContWrapper
{
	position: relative;
	width: 100%;
}

.ConContent
{
	padding: 10px;
	border: .5px solid #C7F4FE;
	margin-top: 15px;
	font-family: Arial;
	font-size: 14px;
}
.ConContent ul
{
	list-style-type: disc;
	list-style-position: inside;
}


.cornerBox
{
	background-position: #57977D;
	position: relative;
	background: #A2725D;
	width: 60%;
	float: left;
	left: 20px;
	top: 15px;
}

.corner { position: absolute; width: 10px; height: 10px; background: url(fourcournercricle.png) no-repeat; font-size: 0%; }
.cornerBoxInner
{
	padding: 10px;
}

.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }


#PortWrapper
{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}


.PortContainter
{
	position: relative;
	margin-bottom: 35px;
	margin-right: auto;
	margin-left: auto;
}

.closebtn
{
	position: absolute;
	top: -10px;
	right: 5px;
	width: 16px;
	height: 16px;
}
.FrontPagePopupStyle
{
	padding: 10px;
	position: absolute;
	top: -45px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	left: 200px;
	width: 500px;
}

/*CaneShip Pages */
#PageWrapper
{
	position: relative;
	width: 75%;
	float: left;
	margin-left: -50px;
}

#Adds
{
	position: relative;
	width: 160px;
	height: 750px;

	float: left;
	margin-left: 10px;
}

#PageWrapper p
{
	font-family: Verdana;
	font-size: 14px;
}

#PageWrapper h1
{
	font-size: x-large;
}

#PageWrapper h2
{
	font-size: large;
}

#PageWrapper ul
{
	list-style-type: disc;
	list-style-position: inside;
	font-family: Verdana;
	font-size: 14px;
}


#ScreenShot
{
	margin: 15px;
	position: relative;
	width: 50%;
	float: left;
}

#Buttons
{
	position: relative;
	width: 40%;
	margin-bottom: 10px;
	text-align: center;
	display: block;
	float: right;
}

#Text
{
	position: relative;
	float: left;
}


