/*----------CSS for Innovative Solutions----------------------------------------------------------------*/
/*----------Created by Brian Daggett - Innovative Solutions - Rochester, NY-----------------------------*/

* {padding:0px;	margin:0px;
}
body {
	background:url(../images/bg.jpg) no-repeat #000000 top center;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}
#wrapper {
	width: 950px;
	position: relative;
	margin:0px auto;
	z-index:1;
	}
.float-left{float:left;}	
.float-right{float:right;
    height: 40px;
    width: 102px;
}
.float-right2{float:right;
}
.float-right-padding{float:right; padding-left:15px;}
.clear {clear:both;}
.list { padding-left:10px; padding-bottom:8px;}
.list li {	list-style:none; background:url(../images/bullet.gif) no-repeat 0px 10px; padding: 5px 0px 5px 10px;}
.list  ul{ padding-left:10px; }

.errorList li {	list-style:none; background:url(../images/bullet.gif) no-repeat 0px 10px; padding: 5px 0px 5px 10px; font-size:14px;}
.errorList  ul{ padding-left:10px; }

.list p {padding:0px 0px 5px 0px;}
.list li ul li{	list-style:none; background:url(../images/second-bullet.gif) no-repeat 0px 10px; padding: 5px 0px 5px 10px;}
.required{ color:#FFFF00;}
.certTable td {width:33%; padding:5px;}
.contactTable td {padding:4px;}
.blueText {color:#00a6a5; font-weight:normal;}
.blueTextStar{color:#00a6a5; font-weight:normal; padding-left:5px;}
.contactButton {padding-top:30px;}
.newsBox {
	padding:8px;
	border:1px #535353 solid;
	margin-top:5px;
	background:#222222;
	}
.managementImage {float:left; padding:0px 10px 5px 0px;}
.divider {padding-bottom:23px; margin:0px;}
.registerHeader {
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	padding-bottom:2px;
    font-weight:bold;
	text-transform:uppercase;
	}
.registerHeaderRow {padding-bottom:18px;}

/*------------HEADER STUFF------------------*/
#header {}
#logo {width:224px; float:left; padding-left:92px;}		
#spacer{height:20px;}

/*------------BANNER CONTENT STUFF------------*/
#banner { clear:both;}
#banner-left { display:inline; float:left;}
#banner-right { float:right;}


/*------------MAIN CONTENT STUFF------------*/
#content { clear:both; padding-top:9px; width:950px;}
#content-left { display:inline; width:315px; padding-left:10px; float:left; position:absolute; left:-10px; top:285px;}
#content-right { float:right; width:565px; padding-right:33px; padding-bottom:15px;/* position:absolute; */left:357px; top:285px;}
#home-left 
{
    background:url(../images/newBg.jpg) no-repeat top center;
    display:inline;
    width:279px;
    height:254px;
    padding:35px 10px 7px 21px;
    float:left;
    position:absolute;
    left:10px;
    top:385px;
    margin-top:7px;
    font-size:11px;
}
#newsImage{position:absolute; left:185px; top:85px;}
.newsHeader {
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#a7d15f;
	padding-bottom:2px;
	font-weight:bold;
	text-transform:uppercase;
}

#home-left a:link {color:#a7d15f; text-decoration:none;}
#home-left a:visited {color:#a7d15f; text-decoration:none;}
#home-left a:hover {color:#a7d15f; text-decoration:underline;}
#home-left a:active {color:#a7d15f; text-decoration:none;}

#home-right { float:right; width:565px; padding-bottom:15px; position:absolute; left:354px; top:385px;}
p { line-height: 1.8em; padding-bottom:9px;}
#cta {padding-left:18px;}
#cta-portfolio {padding-left:28px; padding-top:20px;}
#content .contact-table p {line-height:normal;}

.portfolioWrapper {width:550px;}
.portfolioImage {padding-bottom:15px; float:left;}
.portfolioLeft {width:100%; clear:both;}
.portfolioRight {width:20%; background-color:#444444; padding:7px; float:right;}

.hostingChart { border:1px solid #545454; margin:10px 0px 15px 0px;}
.hostingChart td { padding:7px;}

.hostingChartTop {background:url(../images/hostingChartTopBg.png) repeat-x #545454; font-size:13px; font-weight:bold; text-transform:uppercase;}
.hostingChartMiddle {background:url(../images/hostingChartMiddleBg.png) repeat-x #bcbcbc; font-size:15px; font-weight:bold; color:#000;}
.hostingChartAlt {background:#1d1d1d;}
.hostingChartAlt:hover { background:#f9eb0d; color:#000; font-weight:bold;}
.hover:hover { background:#f9eb0d; color:#000; font-weight:bold;}

.contact-table p {font-size:13px; color:#ffffff; line-height:1.8em;}

/*------------GLOBAL HEADERS-----------------*/
.home  {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ffde00;
}
h1 {
	font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#ffde00;
	text-transform:uppercase;
	font-weight:bold;
    padding:0px; margin:0px;
}
h2 {
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	color:#b0b0b0;
	padding-bottom:6px;
}	
h3 {
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#00a6a5;
	padding-bottom:6px;
	text-transform:uppercase;
}	
h4 {
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	padding-bottom:6px;
	text-transform:uppercase;
	padding-left:30px;
}
h5 {
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	padding-bottom:2px;
	text-transform:uppercase;
}
h6 {
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	padding-bottom:6px;
	text-transform:uppercase;
}

/*------------GLOBAL LINKS-------------------*/
a:link {color:#8d8d8d; text-decoration:underline;}
a:visited {color:#8d8d8d; text-decoration:underline;}
a:hover {color:#ffffff; text-decoration:none;}
a:active {color:#8d8d8d; text-decoration:underline;}

/*------------NAVIGATION------------*/
.navigation .about {width:54px;}
.navigation .web {width:39px;}
.navigation .network {width:72px;}
.navigation .custom {width:103px;}
.navigation .industries {width:77px;}
.navigation .work {width:63px;}
.navigation .contact {width:68px;}

.navigation {
	margin: 0;
	float:right;
	width:630px;
	/*padding-top:50px;*/
	margin-top:51px;
	height:40px;
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	}
.navigation ul{
	margin: 0;
	padding-left: 35px;
	list-style-type: none;
	}
/*Top level list items*/
.navigation ul li{
	position: relative;
	display: inline;
	float: left;
	/*width: 89px; Width of top level menu link items*/
	color: #ffffff;
	text-align:center;
	padding-right:16px;
	}
/*Top level menu link items style*/
.navigation ul li a{ display: block; padding: 7px 1px 4px 1px; text-decoration: none; color: #fff; /*link color*/}
.navigation ul li a:visited{color: #fff; text-decoration: none;}
.navigation ul li a:hover{color:#00CCCC; /*background-color: #000000;*/ text-decoration: none; border-bottom:4px solid #00a6a5;}


/*------------ERROR NAVIGATION------------*/
.navigation2 {
	margin: 0 auto;
	float:right;
	width:100%;
	font-family:  "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	padding: 15px 0;
	}

.navigation2 a{ display: inline; padding: 0px; text-decoration: none; color: #fff; /*link color*/}
.navigation2 a:visited{color: #fff; text-decoration: none;}
.navigation2 a:hover{color:#00CCCC;text-decoration: none;}



/*------------SUB NAVIGATION--------------------*/
.sub-nav { padding-left:20px; width:297px; padding-bottom:15px;}
.sub-nav ul { padding-left:10px; padding-bottom:15px;}
.sub-nav li {	list-style:none; background:url(../images/bullet.gif) no-repeat 10px 10px; padding: 5px 0px 5px 24px; border-top:1px dotted #999;}
.sub-nav li:hover { background:url(../images/second-bullet.gif) no-repeat 10px 10px #2d2d2d; color:#7f56a4;}
.sub-nav li a:link {color:#fff; text-decoration:none;}
.sub-nav li a:visited {color:#fff; text-decoration:none;}
.sub-nav li a:hover {color:#7f56a4; text-decoration:none;}
.sub-nav li a:active {color:#fff; text-decoration:none;}

/*------------FOOTER----------------------------*/
#footer {
	background:url(../images/footer-top.jpg) no-repeat #000 top left;
	padding:15px 0px 5px 0px;
	margin-top:15px;
	line-height:1.6em;
	font-size:10px;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;	
	width:595px;
}
#footer a:link {color:#888; text-decoration:underline;}
#footer a:visited {color:#888; text-decoration:underline;}
#footer a:hover {color:#888; text-decoration:none;}
#footer a:active {color:#888; text-decoration:underline;}





/* ---------- PAGE OPTIONS -------*/
/*
#TopContent { width:100%; margin-bottom:10px; padding:0; float:right;}
#Bread { float:left; width:100%; padding-top:7px; margin-bottom:8px; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#777777;}
#Bread a:link {color:#777777; text-decoration:underline; font-weight:normal;}
#Bread a:visited {color:#777777; text-decoration:underline; font-weight:normal;}
#Bread a:hover {color:#777777; text-decoration:none; font-weight:normal;}
#Bread a:active {color:#777777; text-decoration:underline; font-weight:normal;}
#Options {float:left; width:100%; padding:0; margin-bottom:10px; text-decoration:none;  }
*/
#TopContent { width:100%; margin-bottom:10px; padding:0; float:right;}
#Bread { float:left; width:400px; padding-top:7px; margin:0; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#777777;}
#Bread a:link {color:#777777; text-decoration:underline; font-weight:normal;}
#Bread a:visited {color:#777777; text-decoration:underline; font-weight:normal;}
#Bread a:hover {color:#777777; text-decoration:none; font-weight:normal;}
#Bread a:active {color:#777777; text-decoration:underline; font-weight:normal;}
#Options {float:right; width:150px; padding:0; margin:0; text-decoration:none;}

/*----------Print Settings------------------------*/
.PrintHeader, .PrintOnly { display:none; }
@media print{
	.HideOnPrint { display:none;}
	body {margin: 20px;}
	.SortBy {display:none;}
	.SearchGrid {margin: 0px; width: 100%;}
	#header, #banner, #TopContent, #content-left, #footer, #home-left{ display:none;	float: none !important; }
	#content-right, #home-right {margin: 0px; width: 95%; border:none; font-size:12px; float:left; color:#000000;	 }
	.PrintHeader, .PrintOnly { display:block;}
	#rightColumn ul.ProductDetailList {	width:85%;}
}