@charset "utf-8";
body  {
	min-width: 1010px;
	margin: 0;
	padding: 0;
	color: #595959;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	text-align: left; /* for WinIE5.x */
	background: #245287;
	}


#skipnav {
	position: absolute;
	margin: 5px 0 0 -1000px; /* moves links out of window */
	list-style: none;
	}
#skipnav li {
	margin: 0;
	padding: 0;
	position: absolute; /* makes links display in same spot when tabbed to */
	}
#skipnav a:focus, #skipnav a:active {
	width: 12em; /* to keep IE from wrapping text at each word, doesn't hurt other browsers */
	margin-left: 1000px; /* moves links back in window */
	overflow: visible; /* for IE, doesn't hurt others */
	display: block; /* for IE, doesn't hurt others */
	}
#blah:active { /* for IE, doesn't hurt others */
	}
	
#photo-banner {
	clear: both;
	height: 170px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../Images/HeadFrameF.gif) no-repeat center top;
	}
#photo-banner img {
	vertical-align: middle;
	padding-top: 10px;
}
#mainContent dt {
	font-weight: bold;
	color: #384F89;
}
#mainContent dd {
	color: #384F89;
	margin-left: 0px;
	margin-bottom: 5px;
}
.sidebar2 #picFrame {
	background: url(../Images/picFramea1.gif) no-repeat center top;
	height: 240px;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}


.sidebar1 {
	width: 8em;
	padding: 15px 0;
	margin-bottom: 0px;
	background: #14103a;
	height: 100%;
	vertical-align:top;
}
.sidebar2 {
	width: 300px; /* since this element is floated, a width must be given */
	background: #14103a;
	padding: 0px 10px;
	border-left: 1px solid #384F89;
	border-bottom: 1px solid #384F89;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	vertical-align:top;
	
}
.sidebar1 p, .sidebar2 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
}

.sidebar1 h2, .sidebar2 h2 .sidebar2E h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #fff; /* Text color of the headings. */
	background: #4589C0 url(../Images/sidehead.jpg) repeat-y; /* Creates the gradient background of the heading, as well as backup background color in case image isn't loaded. */
	padding: 1px 5px 2px; /* Keeps the text away from the inner edges of the background box. */
	margin: 0 0 5px 0px; /* Controls the outer edge placement which keeps the heading box away from other elements. */
}

.sidebar1 h3, .sidebar2 h3 .sidebar2E h3  {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	background: #4589C0; /* the background color will be displayed for the length of the content in the column, but no further */
	margin-right: 10px;
	color: #FFFFFF;
	padding: 1px 5px 2px;
}

.sidebar2E {
	width: 240px; /* since this element is floated, a width must be given */
	background: #14103a;
	padding: 0px 10px;
	border-left: 1px solid #384F89;
	border-bottom: 1px solid #384F89;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	vertical-align:top;
	
}


/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
/* Conditional comment for all versions of IE for Windows. Add the styles you want only IE to see between the style element. */

#mainContent {
	margin: 0px;
	min-width: 600px;
	height: 100%;
	top: auto;
	padding: 0px;
	position: relative;
	left: 0px;
	float: left;
}

.footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#mainContent #detail {
	padding: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#mainContent p {
	text-align: left;
	padding: 0px 10px 0px 10px;

}
#mainContent .catText {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#mainContent dl {
	margin-left: 10px;
}
#mainContent #bizList {
	margin-left: 0px;
	position: relative;
	left: 0px;
	padding-left: 5px;
}
#sidebar2E #picFrame {
	background: #003366 url(../Images/picFrame1.jpg) no-repeat center top;
	height: 240px;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}

#clientResults {
	background-color: #C0CBE9;
}
#nav li {
	padding-left: 10px; /* Moves the text over by 23 pixels, which is the width of the little icons, so text doesn't overlap them. */
	margin-left: 10px; /* Clears the left side evenly all the way down. */
	font: 1.12em/120% Arial, Helvetica, sans-serif; /* Sets font size, line-height and list of possible families. */
	background: #fff;
	margin-top: 3px;
	margin-right: 10px;
}
/* The following selectors create the photo/info teaser area below the navigation. */
#features {
	background: #fff url(../Images/sidehead.jpg) no-repeat left bottom; /* Creates small strip of color at bottom of features block. Uses the same slice as the sidebar h2 headings but is set to not repeat. */
	margin: 10px 10px 20px 10px; /* Keeps the div away from the UL above and the same distance from the left side of the sidebar. */
	padding-bottom: 10px; /* Creates a little space between the end of the content of the div and its bottom background image strip. */
}
#features h2 {
	margin-left: 0; /* Overrides the left margin set on "#sidebar h2" if one of those h2 element is also within the features div. The features div is already over 20px from the left margin and we don't want more space within it. We want the h2 element to go all the way across. */
}

#features p {
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif; /* Sets font size, line-height and list of possible families. */
	margin: 5px 5px 0px 5px; /* Creates extra space between each paragraph element (with floated image). */
	color: #9FBCC4;
	padding-right: 5px;
}
#features .navi {
	position: relative;
	height: 46px;
	width: 155px;
	left: 5px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
}
.sidebar2  li {
	list-style-type: none;
}

.sidebar2 p {
	font: 10pt/10pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

.sidebar2 h5 {
	color: #FFFFFF;
	background: #6666CC url(../Images/sidehead.jpg) repeat-y left top;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	margin: 10px;
}
.brclear { /* Use a break with this class to clear float containers on both sides. */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
#content-a {
	color: #FFFFFF;
	float: left;
}

#content-a-inner {
	padding-left:10px;
	padding-right:10px;
}
#content-a-inner #inner {
	width: 400px;
}
#wrapper-main {
	background: url(../Images/inv/bg_wrapper.jpg) repeat-y 0 0;
	margin: 0 auto;
	text-align: left;
	}

/* =Post related styles
----------------------------------------------- */
.wrapper-post {
	color: #666666;
	background-color:#FFFFFF;
	margin-bottom: 0.8em;
	padding-bottom: 0px;
	min-height: 400px;
	background-image: url(../Images/tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-width: 560px;
}
.wrapper-post1 {
	background: url(../Images/inv/bg_wrapper-post.jpg) #FFFFFF no-repeat 50% 100%;
	color: #666666;
	margin-bottom: 0.8em;
	padding-bottom: 10px;
	padding-top: 1.2em;
}
.wrapper-post h3 {
	padding: 10px 10px 0 10px;
}

.wrapper-post div {
	padding: 0px;
}
/* The following selectors create the button look from list items in an unordered list. */
ul#nav {
	padding: 0; /* Removes default padding and margin to create a level playing field between browsers. */
	margin: 0;
	list-style: none; /* Removes the list marker (bullet) from the list items. */
	width: 180px;
}
#addon {
	float: right;
	margin-right: 20px;
}
/* Business List Page --------------------------------------------------- */
/* --------------------------------------------------------- */
#bizList .cPanTab {
	text-align: left;
	background-repeat: no-repeat;
	background-position: left;
}
/* Business Display Page --------------------------------------------------- */
/* --------------------------------------------------------- */
#bizC1 {
	float: left;
	height: 144px;
	width: 144px;
	position: relative;
	margin-bottom: 10px;
	text-align: left;
	margin-left: 10px;
	font: x-small Geneva, Arial, Helvetica, sans-serif;
}
#bizC1a {
	float: left;
	height: 230px;
	width: 360px;
	position: relative;
	margin-bottom: 10px;
	margin-left:4px;
	text-align: left;
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	overflow: auto;
	padding-top: 10px;
}
#bizE1a {
	float: left;
	height: 300px;
	width: 340px;
	position: relative;
	margin-bottom: 10px;
	text-align: left;
	font: x-small Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	overflow: auto;
}



#bizC1 h4, #bizC2 h4{
	font: xx-small Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
}
#bizC1 li, #bizC2 li, #bizC1a li, #bizC2a li, #bizC6 li{
	margin: 0 0 0 -20px;
	padding: 0px;
	list-style: none;
	font-size: 0.88em;
}

#bizC2 {
	float: left;
	height: 144px;
	width: 170px;
	position: relative;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	margin-left: 5px;
	font: x-small Geneva, Arial, Helvetica, sans-serif;
}
#bizC3 {
	float: right;
	height: 100%;
	width: 150px;
	position: relative;
	background: #384F89;
}

#bizC3a {
	float: right;
	height: 200px;
	width: 150px;
	position: relative;
	background: #FFFFFF url(../Images/picFrameC3.jpg) no-repeat center top;
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 5px;
}
#bizC3a img {
	position: relative;
	height: 176px;
	width: 132px;
	left: 6px;
	top: 10px;
	right: 16px;
	bottom: 9px;
	overflow: hidden;
}


#bizC4 {
	float: right;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
}
#bizC4 img {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	border: 5px double #993366;
	margin-left: 8px;
}
#bizC4a {
	float: right;
	margin-right: 0px;
}

#cartHead {
	height: 60px;
	width: 100%;
}
#cartMenu {
	width: 150px;
}

#clientSide {
	background-color: #C0CBE9;
	text-align: center;
	height: 220px;
	width: 180px;
	border: medium solid #CC0000;
	position: relative;
	left: 0px;
	top: 0px;
}
#cLogin {
	margin-bottom: 10px;
}
#detailInset {
	background-color: #FFFFFF;
	height: 90%;
	min-width: 250px;
}
#exp {
	float: right;
	margin-right: 160px;
}
#exp1 {
	float: left;
	margin-left: -10px;
}
#moviePoster {
	background: url(../Images/movieTime.jpg) no-repeat center top;
	height: 400px;
}
#tl {
	background-image: url(../Images/tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: 0px;
	top: 0px;
	height: 14px;
	width: 14px;
}
#tr {
	background-image: url(../Images/tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	top: 0px;
	height: 36px;
	width: 36px;
	right: 0px;
	float: right;
}

#titleblock {
	width: 300px;
}




	
/* LINKS --------------------------------------------------- */
/* --------------------------------------------------------- */
a {
	padding: 1px 3px;
	/* background: #6998BE; */
	color: #3094CF;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
.adText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .76em;
	color: #333333;
}

.clearit {
	font-size: 0;
	line-height: 0;
	clear: both;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.contact {
	list-style-position: outside;
	list-style-image: url(../Images/page-icon.gif);
}
.dataText {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #384F89;
	text-align: center;
}
.dataLText {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #384F89;
	text-align: left;
}
.fltlftIcon {
	float: left;
	margin: 5px;
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.rtNav { 
	float: right;
	margin: 8px;
}
.rtNav a{ 
	color:#FFFFFF;
	
}
.links .fltrt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 10pt;
}

.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
h1 {
	margin: 0 0 1em 0;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
h2 {
	margin: 0 0 .3em 1em;
	font-size: 120%;
	text-transform: capitalize;
	}
#heading-page  {
	margin-left: 10px;
}
h3 {
	margin: 2px;
	font-size: 100%;
	}
.rHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A55854;
	text-decoration: none;
	margin-bottom: 1.5em;
	padding-left: 10px;
	margin-left: 10px;
}

h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009966;
	text-decoration: none;
}
h6 a {
	color: #00CC66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

.image-link {
	background: transparent;
	}


.left {
	float: left;
	margin: 5px 10px 2px 0;
}
.links {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #4060B5;
	text-decoration: none;
}
.navBox   {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
p {
	margin: 0 0 1.2em 0;
	line-height: 1.6;
	}
.pricing li {
	list-style-type: none;
	margin-left: -20px;
	padding-bottom: 3px;
}

.right {
	float: right;
	margin: 5px 0 2px 10px;
}

.right li {
	list-style-type: none;
}
.smallGr {
	font: 10px Arial, Helvetica, sans-serif;
	color: #4E5A8B;
}
.leftPic {
	float: left;
	border: 5px outset #333333;
	margin-bottom: 8px;
	margin-right: 8px;
	margin-top: 8px;
}
.rightPic {
	float: right;
	border: 5px outset #333333;
	margin-left: 8px;
	margin-bottom: 8px;
}
.rightPic1 {
	float: right;
	border: 5px outset #333333;
	margin-left: 8px;
	margin-bottom: 8px;
}
.hrule {
	border: thick dotted #BDBCCD;
	height: 8px;
}
#sgallery {
	margin-left: 0px;
}

.navForm {
	margin-bottom: 2px;
}
.smTxt {
	font-size: 0.78em;
	color: #006633;
}