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

/**** Reset CSS by Eric Meyer ****/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**** Start SmileyHanchulak CSS ****/

/*img { behavior: url(iepngfix.htc); border: none;}*/

body {
	background-color: #003399;
	background-image: url(../images/main-bg.gif);
	background-repeat: repeat-y;
	font-family: Helvetica, Arial, sans-serif;
}

/*a:link {
	color: #003399;
}

a:visited {
	color: #9F2D29;
}

a:hover {
	color: #9F2D29;
}

a:active {
	color: #003399;
}*/

#wrapper {
	background-image: url(../images/content-big-bg1.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 638px;
	margin: 74px 0 0 98px;
}

#content {
	height: 417px;
	width: 367px;
	float: left;
}

#content-home {
	height: 417px;
	width: 404px;
	float: left;
}

#intro-flash {
	width: 394px;
	height: 328px;
	padding: 32px 0 0 10px;
}

#copy {
	height: 335px;
	width: 324px;
	padding: 17px 0 8px 43px;
}

#copy p {
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	padding: 5px 0 10px 0;
}

/** scrollbar **/

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 320px;
	height: 295px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding-right: 5px;
}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 5px;
	background-color: #CCCCCC;
}

.vscrollerbar {
	width: 5px;
	background-color: #999999;
}

h1 {
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-bottom: 5px;
}

ul#service-list {
	list-style-type: disc;
	height: 190px;
	width: 322px;
	margin-left: 12px;
 }

ul#service-list li {										/*** Don't use display: block" if you want to show "list-style-type"disc;" ***/
 	color: #666666;
	font-size: 13px;
	line-height: 16.5px;
 }
 
ul#news-list {
	list-style-type: disc;
	height: 70px;
	width: 322px;
	margin: 3px 0 0 12px;
 }

ul#news-list li {										/*** Don't use display: block" if you want to show "list-style-type"disc;" ***/
	color: #666666;
	font-size: 13px;
	line-height: 16px;
	padding-top: 3px;
 }
 
ul#capabilities-list {
	list-style-type: disc;
	height: 180px;
	width: 130px;
	margin: 10px 0 0 12px;
	float: left;
 }

ul#capabilities-list li {										/*** Don't use display: block" if you want to show "list-style-type"disc;" ***/
 	color: #666666;
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 5px;
 }
 
ul#capabilities-list1 {
	list-style-type: disc;
	height: 180px;
	width: 158px;
	margin-top: 10px;
	float: right;
 }

ul#capabilities-list1 li {										/*** Don't use display: block" if you want to show "list-style-type"disc;" ***/
 	color: #666666;
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 5px;
 }


#image-area {
	width: 240px;
	height: 410px;
	margin-left: 368px;
	padding: 8px 0 0 0;
}

#image-area-home {
	width: 234px;
	height: 410px;
	padding: 8px 0 0 0;
	float: right;	
}

ul#main-nav {
	list-style-type: none;
	padding-left: 43px;
	width: 360px;
	height: 20px;
	padding-top: 5px;
}

ul#main-nav li {
	display: inline;
}


ul#main-nav li a {
	padding: 0 6.5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003399;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}

ul#main-nav li a:hover, ul#main-nav li.selected a:hover {
	color: #9F2D29;
	text-decoration: underline;
}

#home li.home a, #about-us li.about-us a, #our-work li.our-work a, #pr li.pr a, #contact-us li.contact-us a, #social-media li.social-media a {
	color: #9F2D29;
	text-decoration: none;
}

ul#main-nav li.selected a {
	color: #9F2D29;
	text-decoration: none;
}

ul#sub-nav {
	list-style-type: none;
	padding: 5px 0 0 43px;
	width: 360px;
	height: 20px;
}

ul#sub-nav li {
	display: inline;
}


ul#sub-nav li a {
	padding: 0 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9F2D29;
	font-size: 12px;
	color: #9F2D29;
	text-decoration: none;
}

ul#sub-nav li a:hover, ul#sub-nav li.sub-nav-selected a {
	text-decoration: underline;
}

ul#sub-nav-port {
	list-style-type: none;
	padding: 5px 0 0 43px;
	width: 360px;
	height: 20px;
}

ul#sub-nav-port li {
	display: inline;
}


ul#sub-nav-port li a {
	padding: 0 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9F2D29;
	font-size: 12px;
	color: #9F2D29;
	text-decoration: none;
}

ul#sub-nav-port li a:hover, ul#sub-nav-port li.sub-nav-selected a {
	text-decoration: underline;
}

ul#PR-Portfolio {
	list-style-type: none;
	width: 250px;
	height: 20px;
	padding-top: 5px;
	margin-top: 20px;
}

ul#PR-Portfolio li {
	display: inline;
}


ul#PR-Portfolio li a {
	padding: 0 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003399;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}

ul#PR-Portfolio li a:hover, ul#PR-Portfolio li.PR-Portfolio-selected a {
	color: #9F2D29;
	text-decoration: underline;
}

/* Social Media */


#apDiv4 {	
	position:absolute;
	left:676px;
	top:46px;
	width:29px;
	height:26px;
	z-index:4;
}

#apDiv1 {
	position:absolute;
	left:556px;
	top:46px;
	width:29px;
	height:26px;
	z-index:1;
}

#apDiv2 {
	position:absolute;
	left:586px;
	top:46px;
	width:29px;
	height:27px;
	z-index:2;
}

#apDiv3 {
	position:absolute;
	left:616px;
	top:46px;
	width:29px;
	height:27px;
	z-index:3;
}

#apDiv5 {
	position:absolute;
	left:646px;
	top:46px;
	width:28px;
	height:28px;
	z-index:4;
}

#apDiv6 {
	position:absolute;
	left:489px;
	top:50px;
	width:61px;
	height:19px;
	z-index:5;
	font-size: 12px;
	color: #FFFFFF;
}

#logo {
	height: 60px;
	width: 635px;
	clear: left;
	padding: 10px 0 0;
}