/* CSS Document */
/* J Street Colors: #004D91 (Blue), #333333 (Grey), #FFCC00 (Yellow) #EFC102(Hover Yellow)*/
/* J Street Section Colors: (Home) #004D91; (Ecom) #0C9002; (Design) #B81529 ; (Hosting) #EFBA02; (Programming) #004D91 */

h1 	{font-size: 16px; color: #004D91; font-weight: bold; margin: 5px 0px 4px 0px; }
h1 a { font-size: 16px; text-decoration: none; }
h2 	{font-size: 14px; color: #333; font-weight: bold; text-transform: uppercase; margin: 15px 0 4px 0; }
h3	{font-size: 12px; color: #333; font-weight: bold; margin-top: 6px; margin-bottom: 4px; }
h3 a {font-weight: normal; }
h4	{font-size: 11px; color: #333; font-weight: bold; margin-top: 4px; margin-bottom: 4px; }
p	{font-size: 11px; color: #333; font-weight: normal; line-height: 150%; margin-top: 4px; margin-bottom: 8px; }

ul.custom	{margin-top: 4px; margin-bottom: 10px; }
li		{line-height: 150%; margin: 5px 0;}

ul#customList { margin: 0; padding: 0; }
ul#customList li {
	list-style-type: none;
	background: url(../images_portfolio/box_ylw.gif) 0 .45em no-repeat;
	line-height: 150%; 
	margin: 0 0 0 0px;
	padding: 0 0 0 12px;	
}
ul#customList li a {text-decoration: none;}
ul#customList li a:hover {text-decoration: underline;}

/* controls padding where the main content is displayed in the body of the page */
td.content {padding: 0px 5px 0px 5px; vertical-align: top; }
td#specialFeatures p { padding: 0 0 0 20px;}

#headerWrapper {background: #FFF; margin: 0;}
#headerWrapper #header {text-align: right; padding: 0 5px 0 0;}
#headerWrapper #header a {text-decoration: none; text-transform: uppercase}
#headerWrapper #header a:hover { color: #EFC102; text-decoration: underline; text-transform: uppercase;}

/* ----------------- HOME PAGE CONTENT FORMATTING -----------------*/
#homeWrapper { width: 800px; background: #E6E6E6; text-align: center; padding: 2px 0 2px 0; margin: 0; }
#homeWrapper td { vertical-align: top; }


	/* -- HOME FLASH CONTENT -- */
#homeWrapper #flashWrapper { padding: 0; margin: 0; solid #999; text-align: left }
#homewrapper #flashWrapper object { margin: 0; padding: 0; display: block; }
#homeWrapper #flashWrapper object embed { margin: 0; padding: 0; display: block; }
#homeWrapper #flashWrapper #noFlashMainImg { width: 800px; height: 150px; background: url(../swf/home.jpg) 50% 0 no-repeat; border: 1px solid #999; margin: 0 0 2px 0; padding: 10px; text-align: right; }
#homeWrapper #flashWrapper #noFlashMainImg td h1 { font-size: 20px; font-weight: normal; color: #FFF;  margin: 0; padding: 0 0 8px 0;}
#homeWrapper #flashWrapper #noFlashMainImg td p { font-size: 14px; font-weight: normal; color: #FFF; margin: 0; padding: 4px 0 6px 0; }
#homeWrapper #flashWrapper table#noFlash { width: 800px; border-collapse: collapse; border: 0; background: #E6E6E6; margin: 0; }
#homeWrapper #flashWrapper table#noFlash .contentDivider { width: 2px; border: 0; }
#homeWrapper #flashWrapper table#noFlash .contentBox { border: 1px solid #999; margin: 0; vertical-align: top; }
#homeWrapper #flashWrapper table#noFlash .contentBox#ecomBoxFlash { width: 197px; }
#homeWrapper #flashWrapper table#noFlash .contentBox#webBoxFlash { width: 196px; }
#homeWrapper #flashWrapper table#noFlash .contentBox#hostingBoxFlash { width: 196px; }
#homeWrapper #flashWrapper table#noFlash .contentBox#programmingBoxFlash { width: 197px;}

	/* -- HOME CONTENT -- */
#homeWrapper table.contentWrapper { border: 1px solid #999; border-top: none; border-right: none; border-bottom: none; background: #E6E6E6; margin: 0 0 2px 0; }
#homeWrapper table.contentWrapper .contentDivider { width: 2px; border: 0; }
#homeWrapper table.contentWrapper .contentBox { min-height: 190px; border: 1px solid #999; margin: 0; background: #FFF url(../images_nav/contentGradientBG.png) repeat-x; vertical-align: top; }
#homeWrapper table.contentWrapper .contentBox p { padding: 0 15px; text-align: left;}

#homeWrapper table.contentWrapper .contentBox a {color: #000; text-decoration: none;}

	/* -- HOME CAPABILITIES -- */
#homeWrapper table.contentWrapper .contentBox#ecomBox { width: 197px; border-top: none; border-left: none; }
#homeWrapper table.contentWrapper .contentBox#webBox { width: 196px; border-top: none; }
#homeWrapper table.contentWrapper .contentBox#hostingBox { width: 196px; border-top: none; }
#homeWrapper table.contentWrapper .contentBox#hostingBox p { padding: 0 10px 0 14px;}
#homeWrapper table.contentWrapper .contentBox#programmingBox { width: 197px; border-top: none;}

	/* -- HOME NEWS & FEATURED CLIENTS -- */
#homeWrapper table.contentWrapper #section3 { width: 397px; height: 140px; background: #FFF; margin: 0; border: 1px solid #999; border-left: none; text-align: left; }
#homeWrapper table.contentWrapper #section4 { width: 397px; height: 140px; background: #FFF; margin: 0; border: 1px solid #999; text-align: left; }
#homeWrapper table.contentWrapper #section3 h2, #section4 h2 { font-size: 14px; font-weight: normal; color: #FFF; background: #FFF url(../images_nav/black-bar.gif) repeat-x; margin: 0; padding: 4px 4px 10px 6px; }
#homeWrapper table.contentWrapper #section3 h2 a, #section4 h2 a { color: #EFC102; text-decoration: none; }
#homeWrapper table.contentWrapper #section3 h2 a:hover, #section4 h2 a:hover { color: #FFF; text-decoration: underline;}
#homeWrapper table.contentWrapper #section3 #customList { padding: 0 10px 5px 10px; }
#homeWrapper table.contentWrapper #section4 p#homeApplause { margin: 0 10px 5px 10px;line-height: 120%; }
#homeWrapper table.contentWrapper .contentDivider { width: 2px; border: none; }

	/* -- HOME LOGOS SECTION -- */
#homeWrapper table#logoWrapper.contentWrapper { width: 800px; border: 1px solid #999; background: #FFF; margin: 0; }
#homeWrapper table#logoWrapper.contentWrapper #logoBox1, #logoBox2 { width: 197px; height: 90px; text-align: center; }
#homeWrapper table#logoWrapper.contentWrapper #logoBox2 { width: 196px; }
#homeWrapper table#logoWrapper.contentWrapper #logoBox1 { background: url(/images/microsoft-certified-partner-113x60.png) 50% 50% no-repeat; }
#homeWrapper table#logoWrapper.contentWrapper #logoBox2 { background: url(/images/SBPI_US_rgb.png) 50% 50% no-repeat; }
#homeWrapper table#logoWrapper.contentWrapper #logoBox3 { height: 63px; width: 397px; padding: 27px 0 0 0; text-align: center; }

/* ----------------- IE HACKS FOR HOME PAGE -----------------*/
* html #homeWrapper table.contentWrapper {width: 800px; border-collapse: collapse; border: 0; background: #E6E6E6; margin: 0 0 2px 0; }
* html #homeWrapper table.contentWrapper .contentBox { width: 200px;}
* html #homeWrapper table.contentWrapper #contentBox .webBox {}
* html #homeWrapper table.contentWrapper #contentBox .hostingBox {}
* html #homeWrapper table.contentWrapper #contentBox .programmingBox { }
* html #homeWrapper table.contentWrapper #section3 {}
* html #homeWrapper table.contentWrapper #section4 {}
* html #homeWrapper table.contentWrapper #contentDivider {}


/* ----------------- END HOME FORMATTING -----------------*/

/* ----------------- FOOTER FORMATTING -----------------*/
#footerWrapper { width: 100%; font-size: 11px; font-weight: normal; border: none; background: url(https://www.jstreettech.com/images_nav/footerBG.png) ; margin: 0; }

#footerWrapper #footerSection1 { width: 50%; height: 25px; color: #FFF; text-align: left; padding: 0 6px 0 6px; border: 1px solid #000; border-right: none; border-bottom: none; }
#footerWrapper #footerSection2 { width: 50%; color: #FFF; text-align: right; padding: 0px 6px 0 6px; border: 1px solid #000; border-left: none; border-bottom: none; }
#footerWrapper #footerSection2 a {color: #EFC102; text-decoration: none; text-transform: uppercase }
#footerWrapper #footerSection2 a:hover {color: #FFF; text-decoration: underline;}

/* ----------------- END FOOTER FORMATTING -----------------*/


div.subnav_box  {float: right; margin-left: 5px; padding-left: 0px; padding-right: 5px; padding-bottom: 2px; text-align: left; }
.subnav_box a{ font-size: 11px; color: #004D91; text-decoration: none; }
.subnav_box a:hover { font-size: 11px; color: #EFC102; text-decoration: underline; }

.subpage td	{ padding: 0px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #333333;}
.subpageHead h1 { font-family: trebuchet ms; font-size: 24px; font-weight: normal; color: #ffffff; text-align: right; margin-top: 0px; margin-bottom: 6px; text-transform: none; }
table.subpageHead { width: 100%; height: 125px; background-repeat: no-repeat; margin-top: 10px; }
.subpageHead p { color: #ffffff; font-size: 16px; text-align: right; }
.subpageHead a { color: #ffffff; font-size: 16px; text-decoration: none; text-transform: capitalize; }
.subpageHead a:hover { text-decoration: underline; }

.headBackground h1 { font-family: Trebuchet MS; font-size: 14px; color: #333333; font-weight: bold; margin: 0px;}
div.headBackground  { border-bottom: #E1E1E1 0px solid; background-image: url(../images/dot.gif); background-repeat: repeat-x; height: 2px; width: 100%; margin: 15px 0px 15px 0px; }

div.toTop  {background-color: #FFFFFF; padding: 0px 0px 0px 0px; text-align: right;}
td.newIcon {width: 28px; text-align: left; border-top-width: none; border-bottom: none;}

td.features {border-right: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 3px; padding-bottom: 3px; background-color: #FFCC00; padding-left:2px}
.features h1 {font-family: Trebuchet MS; color: #333333; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 0px 5px;}