body
{
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;
	background-color: #3D3D3D;
	background-image: url(./Images/gradientback.jpg);
	background-repeat: repeat-x;
}

#pageframe
{
	background-color: White;
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	width: 800px;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;
	color: #000000;
}

#outermiddle
{
	background: url(./Images/mainback.png) repeat-y center;
	width: 900px;
}

#outerframe
{
	width: 900px;
	margin: 0 auto;
}

#outertop
{
	background-image: url(./Images/frametop.png);
	width: 900px;
	height: 20px;
}

#outerbottom
{
	background-image: url(./Images/framebottom.png);
	width: 900px;
	height: 46px;
}

.submit
{
	border: 1pt solid black;
	background-color: #DDDDDD;	
	color: #283a46;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 8pt;
}

.submit:hover
{
	background-color: #CCCCCC;
	color: #687a86;
	cursor: hand;
}

#mainnav 
{
	position:relative;
	width:800px;
	height: 24px;
	margin-bottom: 5px;
}

#mainnav ul
{
	list-style-type: none;
}

#mainnav ul, #mainnav li
{
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

#mainnav li
{
	border-bottom: 3pt solid #DDDDDD;
	display: inline;
}

#mainnav ul li
{
	display: inline;
}

#mainnav li, #mainnav ul li a
{
	color: #283a46;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#mainnav ul li a{
	display: block;
	text-decoration: none;
	padding: 0px 5px 3px 5px;
	margin: 0;
	float: left;
}

#mainnav ul li a:hover, #mainnav ul li:hover
{
	border-bottom-color: #BBBBBB;
	color: #687a86;
}

#mainnav ul li ul{
	position: absolute;
	display: block;
	visibility: hidden;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93);
	-moz-opacity: 0.93;
	opacity:.93;
}

#mainnav ul li ul li
{
	display: list-item;
	border: none;
}

#mainnav ul li ul li a
{
	display:block;
	text-align:left;
	background: #b2b5b8;
	border: 1pt solid #b2b5b8;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px 4px 4px;
	font-size:11px;
}

#mainnav ul li ul li a:hover
{
	background: #283a46;
	border-color: #182a36;
	color: #FFFFFF;
}

#header
{
	width: 800px;
	height: 80px;
}

#header a 
{
	text-decoration: none;
}

#header2
{
	width: 800px;
	height: 115px;
}

#header2 a 
{
	text-decoration: none;
}

#logo
{
	width: 520px;
	float: left;
}

#phone
{
	padding-top: 10px;
	float: right;
	width: 280px;
	font-size: 12pt;
	font-weight: bold;
	vertical-align: top;
}

#phonenumber
{
	text-align: right;
}

#phone a
{
	text-decoration: underline;
	vertical-align: bottom;
	font-size: 10pt;
	font-weight: bold;
	line-height: 26px;
	color: #687a86;
}

#International
{
	font-size: 10pt;
	display:none;
	position:absolute;
	background-color: #FFFFFF;
	border: 1pt solid black;
	z-index: 100000;
	padding: 0px 8px 0px 8px;
	line-height: 20px;
	text-align: left;
	width: 300px;
}

#pagetop
{
	width: 800px;
	height: 160px;
	border: 1pt solid #CCCCCC;
	margin-bottom: 5px;
}

#flashsection
{
	width: 570px;
	height: 160px;
	float: left;
}

#quoterequest
{
	width: 230px;
	height: 160px;
	float: right;
	color: White;
	background-color: #283a46;
}

#quoterequest div
{
	padding: 8px 8px 0px 8px;
}

#quoterequest div.left
{
	float: left;
	padding: 8px 4px 0px 8px;
}

#quoterequest div.right
{
	float: right;
	padding: 8px 8px 0px 4px;
}

#quoterequest div.bottom
{
	clear: both;
	padding: 2px 8px 2px 8px;
}

#quoterequest .input
{
	margin-bottom: 8px;
	border: 1pt solid black;
	height: 15px;
}

#quoterequest #SendQuote
{
	margin-left: 20px;
	margin-bottom: 14px;
}

#QuoteSelect
{
	display:none;
	position:absolute;
	background-color: #687a86;
	border: 1pt solid black;
}

#QuoteSelect label
{
	line-height: 22px;
	padding-left: 4px;
	padding-bottom: 6px;
}

#QuoteSelect input
{
	vertical-align: middle;
}

#leftcolumn
{
	margin: 0;
	width: 200px;
	min-height: 500px;
	float: left;
	padding: 0;
}

#centercolumn
{
	margin: 0;
	width: 415px;
	min-height: 500px;
	float: left;
	padding: 5px 10px;
	border-left: 1pt solid #CCCCCC;
	border-right: 1pt solid #CCCCCC;
}

#leftmaincolumn
{
	margin: 0;
	width: 610px;
	min-height: 500px;
	float: left;
	padding: 5px 10px;
	border-right: 1pt solid #CCCCCC;
}

#centercolumnwide
{
	margin: 0;
	width: 570px;
	min-height: 500px;
	float: left;
	padding: 5px 10px;
	border-left: 1pt solid #CCCCCC;
}

#rightcolumn
{
	margin: 0;
	width: 160px;
	min-height: 500px;
	float: left;
	padding: 0px;
}

#rightcolumn div.InfoWindow
{
	width: 150px;
	margin-right: 0;
	margin-left: auto;
}

#footer
{
	margin-top: 20px;
	padding-bottom: 10px;
	clear: both;
	float: none;
	text-align: center;
}

#footer a, #footer a:visited
{
	text-decoration: none;
	color: #283a46;
}

#footer a:hover
{
	color: #687a86;
}

#leftcolumn div.InfoWindow
{
	margin-left: 0;
	margin-right: auto;
	width: 190px;
}

#testimonials, #news
{
	height: 200px;
}

#testimonials .InfoContent
{
	height: 180px;
	overflow: auto;
}

#news .InfoContent
{
	height: 180px;
}

#pageone .InfoWindow
{
	height: 100px;
}

#testimonials .HighlightText
{
	float:right;
}

.InfoWindow
{
}

#video.InfoWindow
{
	width: 150px;
	height: 150px;
	border: 1pt solid #DDDDDD;
	display: none;
}

.InfoTop
{
	background-color: #DDDDDD;
	border: 1pt solid #AAAAAA;
	color: #444444;
	text-align: center;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	font-weight: bold;
}

.InfoTopTool
{
	background-color: #DDDDDD;
	border: 1pt solid #AAAAAA;
	color: #444444;
	text-align: center;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	font-weight: bold;
}

.InfoTopToolBack
{
    background: #DDDDDD url(http://www.sitesolutions.com/SiteSolutionsNew/App_Themes/SiteSolutions/Images/sslogo_sm_25.png) no-repeat -1px 0px;
}

.InfoTop a, .InfoTop a:visited, .InfoTop a:hover
{
	text-decoration: underline;
	color: #444444;
}

.InfoContent
{
	border-left: 1pt solid #DDDDDD;
	border-right: 1pt solid #DDDDDD;
	border-bottom: 1pt solid #DDDDDD;
    background: #FFFFFF;
}

.InfoContent a
{
	cursor: pointer;
	text-decoration:none;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;
	color: #444444;
}

.InfoContent h4
{
	font-size: 11px;
	font-weight: bold;
	color: #283a46;
	margin: 5px;
}

.InfoList
{
	display: inline;
	text-align: left;
	list-style-type:none;
}

.InfoList li
{
	text-align: left;
}

.HighlightText
{
	color: #888888;
	font-size: 8pt;	
}

#MainContent .TitleLink
{
	margin: 2px 0px 8px 2px;
	display: block;
	color: #283a46;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	clear: both;
}

#MainContent h3
{
	margin: 2px 0px 2px 2px;
	color: #283a46;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#MainContent h4
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 8px 0px;
}

#MainContent h5
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
}

#MainContent h6
{
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 2px 0px;
}

#MainContent p
{
	padding-top: 0px;
	margin: 0px 0px 12px 0px;
}

#MainContent a
{
	color: #485a66;
	font-weight: bold;
	text-decoration: none;
	cursor: hand;
	border: none;
}

.ContentImage
{
	width: 75px;
	height: 75px;
	padding-right: 10px;
	float: left;
	margin-bottom: 20px;
}

.ContentImageMedium
{
	width: 120px;
	height: 120px;
	padding-right: 10px;
	float: left;
	margin-bottom: 20px;
}

.ContentImage2
{
	border: 1pt solid #AAAAAA;
	width: 75px;
	padding: 2px;
	margin-right: 10px;
	float: left;
}

.ContentImageDefault
{
	border: 1pt solid #AAAAAA;
	padding: 5px 5px 5px 2px;
	float: left;
}

.ContentImageLarge
{
	width: 160px;
	padding-right: 12px;
	padding-bottom: 10px;
	float: left;
}

.MediaSolutionsThumbnails
{
    float: left;
    width: 130px;
    margin-right: 10px;
}

.MediaSolutionsThumbnails a
{
    text-decoration: none;
    border: none;
}

.IconSmall
{
	width: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

.menuitem a
{
	padding: 4px 2px 6px 6px;
	text-decoration: none;
	color: #283a46;
	font-weight: bold;
	display: inline-block;
	margin: 0;
}

.menuselected a
{
	color: #485a66;
	font-weight: bold;
}

#clients .InfoContent a
{
	text-decoration: none;
	border: none;
}

#clients .InfoContent img, #ClientImages img
{
	width: 80px;
	border: none;
}

#clients .InfoContent .img1
{
	margin: 3px 50px 3px 10px;
}

#clients .InfoContent .img2
{
	margin: 3px 10px 3px 50px;
}

.DivTable
{
	width: 100%;
}

.DivTable div div
{
	float: left;
	margin: 3px;
	padding: 5px;
}

.DivTable div a
{
	text-align: center;
}

.DivTableHead
{
	font-weight: bold;
	border: 1pt solid black;
	background-color: #DDDDDD;
	border: 1pt solid #AAAAAA;
	text-align: center;
	vertical-align: middle;
}

.MSProductsDiv
{
    width: 100%;
    margin: 5px 5px 10px 5px;
}

.MSProductsDiv h4
{
    text-align:left;
}

.MSProductsDiv p a, .MSProductsDiv p, .MSProductsDiv a
{
    text-decoration: none;
    font-weight: normal;
    color: Black;
}

#TestimonialContent
{
	padding: 10px;
}

#MainContent hr
{
	width: 60%;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
}

#ClientImages
{
	width: 90%;
	margin: auto;
}

#ClientImages img
{
	margin: 5px;
}

.InfoTable
{
}

.InfoTableHead
{
	font-weight: bold;
	text-decoration: none;
	color: #283a46;
	text-align: center;
}

.InfoTableRowHead
{
	font-weight: bold;
	border-top: 1pt solid #b2b5b8;
}

.InfoTableRowHeadAlt
{
	font-weight: bold;
	background-color: #DDDDDD;
	border-top: 1pt solid #C8C8C8;
}

.InfoTableContent
{
	text-align: center;
	border-top: 1pt solid #b2b5b8;
}

.InfoTableContentAlt
{
	text-align: center;
	background-color: #DDDDDD;
	border-top: 1pt solid #C8C8C8;
}

.InfoTableHighlight
{
    background-color: #FFFF99;
}

#MainContent .FAQReturn
{
	padding-top: 0px;
	padding-bottom: 5px;
}

#MainContent .FAQReturn a
{
	font-size: 8pt;
	font-weight: normal;
	color: #888888;
}

.SmallIconHeader
{
	height: 40px;
}

.SmallIconHeader .SmallIconHeaderText
{
	font-size: 14pt;
	font-weight: bold;
	color: #889aA6;
	margin-top: 5px;
}

.SmallIconHeader .SmallIconHeaderText a
{
	color: #889aA6;
}

#MainContent .UnderlineLink
{
	text-decoration: underline;
}

.ordertable td
{
	vertical-align: top;
}

.NormalAnchor
{
	color: #687a86;
	font-weight: bold;
	cursor: hand;
	border: none;
}

.SmallAnchor
{
    font-size:8px;
	color: #687a86;
	font-weight: normal;
	cursor: hand;
	border: none;
	vertical-align: middle;
	line-height: 12px;
}

#dShader{
    width: 100%;
    background: #000000;
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    display: none;
    filter:alpha(opacity=60);
    -moz-opacity:.6;
    opacity:.6;
}
.dPopup{
    display: none;
    position: absolute;
    z-index: 5;
}