body {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat; background-image: url(../images/cotton_bg.png);
}

body#index {
	width: 100%;
	background-color: black;
	background-image: none 
}

#headfill {
	background-repeat: no-repeat;
	background-position: center 80px;
	background-image: url(../images/header_bg.jpg);
	padding-top: 80px;
	background-color: black;
	height: 680px;
	width: 100%;
}

#headfill2 {
	padding-top: 80px;
	background-color: black;
	height: 680px;
	width: 100%;
}

#headfillWD {
	padding-top: 80px;
	background-color: black;
	height: 580px;
	width: 100%;
}

#intro {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 600px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

#intro_writing {
	background-color: #010101;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/writing_bg.jpg);
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 476px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

#intro_webdesign {
	background-color: black;
	background-position: center top;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 376px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

who {
	background-color: black;
	clear: left;
	float: left;
	color: white;
}

#whowrap {
	background-color: black;
	padding-bottom: 0px;
	padding-top: 50px;
	margin-bottom: 0px;
	margin-top: 0%;
	height: 280px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}

#who_bg  {
	background-color: black;
	width: 100%;
}

.porttext a:hover { background-color: white; border-bottom-color: #999999; border-bottom-style: dotted; border-bottom-width: 1px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; text-decoration: none; float: left; font-style: normal; font-weight: normal; text-align: left; line-height: normal; display: block; z-index: 1; font-size: 10px; color: #003300; }

.porttext a { margin-top: 0px; padding-bottom: 4px; border-bottom-color: #999999; border-bottom-style: dotted; border-bottom-width: 1px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; text-decoration: none;  float: left; font-style: normal; font-weight: normal; text-align: left; line-height: normal; display: block; z-index: 1; font-size: 10px; color: white; }

.porttext { font-family: "Lucida Grande", Verdana, Arial, sans-serif; float: left; font-style: normal; font-weight: normal; text-align: left; line-height: normal; display: block; margin-left: 5px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; z-index: 1; padding: 0px; width: 100px; font-size: 10px; color: white; }

#navwrapper ul li a {
	padding-right: 10px;
}

#intro h1 {
	padding-top: 20px;
	color: white;
	font-size: 180px;
}

#intro h2 {
	padding: 0px;
	margin: 0px;
	color: white;
	font-size: 100px;
}

h2 {
	padding: 0px;
	margin: 0px;
	color: white;
	font-size: 100px;
}

#whowrap h5 {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	clear: left;
	float: left;
	padding: 0px;
	color: white;
	font-size: 40px;
}

#intro h3 {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px;
	color: white;
	font-size: 24px;
}

#intro-websites {
	padding-top: 20px;
	float: left;
	width: 350px;
}

#intro-writing {
	margin-left: 30px;
	padding-top: 20px;
	float: left;
	width: 350px;
}

#intro-websites p {
	line-height: 20px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: white;
}

#intro-writing p {
	line-height: 20px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: white;
}

.introlink a {
font-style: italic;
font-weight: bold;
margin-top: 20px;
font-size: 14px;
float: right;
}
 
.line {
	margin-bottom: 30px;
	border-bottom-color: #5b5b5b;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	height: 2px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

#intro a {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	text-decoration: none;
	color: white;
}

#intro a:hover {
	background-color: #d6d6d6;
	text-decoration: none;
	color: #2d2d2d;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.who img a {
	border-style: none;
	text-decoration: none;
}

.who img a:hover {
	border-style: none;
	text-decoration: none;
}

#navigation {
	left: 0px;
	top: 0px;
	position: fixed;
	z-index: 999999;
	margin-right: auto;
	margin-left: auto;
	background-position: 0 -5px;
	background-repeat: repeat-x;
	background-image: url(../images/navigation-bg2.png);
	width: 100%;
	height: 90px;
}

#navigation ul {
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#navigation ul li {
	float: left;
	padding-right: 5px;
	display: inline;
}

#nav-logo a {
	margin-top: 3px;
	margin-right: 25px;
	float: left;
	border-style: none;
	text-decoration: none;
	list-style-type: none;
	display: block;
	width: 176px;
	height: 90px;
	background-position: 0;
	background-repeat: no-repeat;
	background-image: url(../images/logoSM.png);
}

#nav-home a {
	float: left;
	border-style: none;
	text-decoration: none;
	list-style-type: none;
	display: block;
	width: 100px;
	height: 90px;
	background-position: 2px -149px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#index #nav-home a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 100px;
	height: 90px;
	background-position: 2px -19px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-home a:hover, #nav-home a.hover {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 100px;
	height: 90px;
	background-position: 2px -19px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-website a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 115px;
	height: 90px;
	background-position: -100px -280px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-website a:hover, #nav-website a.hover {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 115px;
	height: 90px;
	background-position: -100px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#web #nav-website a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 115px;
	height: 90px;
	background-position: -100px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-writing a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 100px;
	height: 90px;
	background-position: -220px -280px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-writing a:hover, #nav-writing a.hover {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 100px;
	height: 90px;
	background-position: -220px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#write #nav-writing a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 100px;
	height: 90px;
	background-position: -220px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-blog a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 90px;
	height: 90px;
	background-position: -320px -280px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-blog a:hover, #nav-blog a.hover {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 90px;
	height: 90px;
	background-position: -320px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

.home blog #nav-blog a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 90px;
	height: 90px;
	background-position: -320px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-contact a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 115px;
	height: 90px;
	background-position: -410px -280px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-contact a:hover, #nav-contact a.hover {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 115px;
	height: 90px;
	background-position: -410px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#cont #nav-contact a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 115px;
	height: 90px;
	background-position: -410px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-search a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 80px;
	height: 90px;
	background-position: -525px -280px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-search a:hover, #nav-search a.hover {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 80px;
	height: 90px;
	background-position: -525px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-RSS a {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 80px;
	height: 90px;
	background-position: -600px -280px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#nav-RSS a:hover, #nav-RSS a.hover {
	border-style: none;
	text-decoration: none;
	float: left;
	list-style-type: none;
	display: block;
	width: 80px;
	height: 90px;
	background-position: -600px -17px;
	background-repeat: no-repeat;
	background-image: url(../images/navigation-slice.png);
}

#navwrapper {
	width: 910px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#showtime {
	position: relative;
	margin-top: 50px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	width: 850px;
}

.pics {
	height: 400px;
	width: 850px;
}

#next {
	margin-top: 220px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../images/next_arrow.gif);
	height: 40px;
	width: 30px;
}

#prev {
	float: left;
	margin-top: 220px;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../images/prev_arrow.gif);
	height: 40px;
	width: 30px;
}

#contentwrapper {
	margin-right: auto;
	margin-left: auto;
	width: 910px;
}


#footer {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	bottom: 0px;
	width: 100%;
}
#footerinner { background-position: 40px; background-image: url(../images/footer2.jpg); background-repeat: no-repeat; height: 400px; margin-left: auto; margin-right: auto; width: 921px; }


/* Slide Section: START */

.description { margin: 0px; padding-right: 30px; padding-left: 30px; position: relative; height: 700px; float: left; width: 300px; }

#who-frame >div.who { padding: 10px !important; }
		.scroll-pane { height: 180px; overflow: auto; width: 99%; float:left; }
		.scroll-content { width: 1564px; float: left; }
		.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
		* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
		.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
		.scroll-bar-wrap .ui-slider { padding-top: 1px; margin-left: auto; margin-bottom: 0; margin-right: auto; margin-top: -20px; background: none; border:0; height: 16px;  }
		.scroll-bar-wrap .ui-handle-helper-parent { position: relative; height: 100%; margin: 0 auto; }
		.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
		.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
		.ui-slider .ui-slider-handle { width: 50px; margin-left: 0px; }
		
/* Slide Section: END */


/* Contact Section: START */
#contactwrapper {
	display: none;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 200px;
	padding-top: 90px;
	background-color: black;
	width: 100%;
}

#contactwrapper2 {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 200px;
	padding-top: 90px;
	background-color: black;
	width: 100%;
}

#contact_extra { padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 40px; margin: 0px; width: 255px; position: relative; float: left; }


#formhold {
	height: 450px;
	padding-left: 30px;
	position: relative;
	background-position: 0px -80px;
	background-repeat: no-repeat;
	background-image: url(../images/formhold_bg.jpg);
	border-color: #282727;
	border-style: solid;
	border-width: 15px;
	padding-bottom: 0px;
	padding-top: 35px;
	margin-bottom: 100px;
	margin-top: 50px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

#formhold2 {
	height: 450px;
	padding-left: 30px;
	position: relative;
	background-position: 0px -100px;
	background-repeat: no-repeat;
	background-image: url(../images/formhold_bg2.jpg);
	border-color: #282727;
	border-style: solid;
	border-width: 15px;
	padding-bottom: 0px;
	padding-top: 35px;
	margin-bottom: 100px;
	margin-top: 50px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

#contact { float: left; position: relative; margin-top: -20px; padding-bottom: 30px; margin-left: 40px; }

#contact_col_left { padding: 0px; margin: 0px; float: left; position: relative; width: 370px; }

.formtext2 a { border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; color: white; }

.formtext2 a:hover { background-color: white; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; color: black; }

#contact_extra h3 {
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-top: 10px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	color: white;
	font-size: 24px;
}

legend {
	padding-left: 0px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	font-size: 24px;
}

input#email { border-color: #eca919; padding: 7px; line-height: 12px; font-size: 12px; color: #979797; margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: 0px; width: 265px; border-style: solid; border-width: 2px; border-radius: 6px;}

input#name { border-color: #eca919; padding: 7px; color: #8c8c8c; margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: 0px; font-size: 12px; width: 265px; border-style: solid; border-width: 2px; border-radius: 6px; }

textarea#message { border-color: #eca919; font-size: 12px; color: #7e7e7e; margin-left: 0px; margin-bottom: 5px; margin-right: 0px; margin-top: 0px; padding: 7px; float: left; width: 265px; height: 110px; border-style: solid; border-width: 2px; border-radius: 6px; }

#contact input#submit { margin-top: 10px; padding: 7px; position: relative; margin-left: 175px; font-size: 14px; border-color: #bf0f20; border-style: solid; border-width: 2px; color: #656262; background-color: white; float: left; border-radius: 6px; }

/* Footer Section: START */
.formtext { clear: left; float: left; position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; margin-bottom: 10px; color: white; }

.quote { font-style: italic; margin-top: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin-bottom: 15px; color: white; }

.formtext2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-bottom: 15px; color: white; }

.footerlinks { margin-right: 20px; margin-top: 40px; float: left; width: 175px; }

.footerlinks ul li { margin-bottom: 6px; margin-top: 6px; }

.footer_text { margin-left: 4px; font-style: normal; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 13px; color: white; }

.footer_textSM { margin-top: 4px; margin-left: 4px; font-style: normal; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 9px; color: #b3b3b3; }

.footerlinks ul li a { border-bottom-color: #7e7e7e; border-bottom-width: 1px; border-bottom-style: dotted; margin-left: 4px; font-style: normal; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 13px; color: white; }

.footerlinks ul li a:visited { border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; margin-left: 4px; font-style: normal; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 13px; color: white; }

.footerlinks ul li a:hover { background-color: white; border-bottom-color: #7e7e7e; border-bottom-width: 1px; border-bottom-style: dotted; margin-left: 4px; font-style: normal; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 13px; color: #0b0b0b; }

#compliance { margin-top: 40px; float: left; width: 175px; }

#tothetop { margin-left: 30px; margin-top: 40px; float: left; width: 100px; }

#elsewhere { margin-right: 35px; margin-top: 40px; float: left; width: 355px; }

.footer_header { font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: white; margin-bottom: 15px; font-size: 18px; }

.footer_header a { text-decoration: none; border-bottom-color: #999999; border-bottom-style: dotted; border-bottom-width: 1px; font-family: Georgia, "Times New Roman", Times, serif; color: white; margin-bottom: 15px; font-size: 16px; }

.footer_header a:hover { color: #393939; background-color: white; text-decoration: none; border-bottom-color: #999999; border-bottom-style: dotted; border-bottom-width: 1px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; font-size: 16px; }

#elsewhere img { margin-right: 20px; margin-top: 20px; }

#copyright { width: 890px; clear: both; display: inline; margin-top: 20px; float: left; }

/* Footer Section: END */

/* Tabs section: Start */

.tabcolone { margin-top: 30px; padding-right: 40px; padding-left: 40px; padding-bottom: 10px; display: block; border-right-color: #dedede; border-right-style: dotted; border-right-width: 1px; padding-top: 0px; position: relative; color: #040404; width: 320px; float: left; z-index: 0; }

.tabcoloneR { margin-top: 30px; padding-right: 40px; padding-left: 40px; padding-bottom: 10px; display: block; padding-top: 0px; position: relative; color: #040404; width: 320px; float: left; z-index: 0; }

.tabcoloneB { margin-top: 30px; padding-right: 40px; padding-left: 40px; padding-bottom: 50px; display: block; padding-top: 0px; position: relative; color: #040404; width: 270px; float: left; z-index: 0; }

.tabcoloneimg {
		padding-left: 0px;
		padding-bottom: 0px;
		padding-right: 10px;
		padding-top: 0px;
		clear: both;
		float: left;
		height: 100%;
		display: table-column;
		text-align: left;
		margin: 0px;
		width: 32px;
	}
.tabcollast { padding-top: 20px; padding-right: 0px; position: relative; color: #040404; width: 270px; float: left; z-index: 0; }


ul.tabs li {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: 200px;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 30px;
	float: left;
	height: 91px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	margin-right: 30px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-position: 14px 11px;
	background-repeat: no-repeat;
	background-image: url(../images/tab_passive_bg.png);
	width: 200px;
	padding-left: 50px;
	padding-bottom: 0;
	padding-right: 20px;
	padding-top: 20px;
	color: white;
	text-decoration: none;
	display: block;
	font-size: 15px; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	color: #363636;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 0px;
	padding-top: 20px;
	background-image: url(../images/tab_active_bg.png);
	background-repeat: no-repeat;
	width: 200px;
	background-position: -10px -16px;
}
html ul.tabs li.active a  { /*--Makes sure that the active tab does not listen to the hover properties--*/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
	color: #030303;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
	width: 200px;                                                                                                                                                                                                                                                                                                                                                                                                           
	background-repeat: no-repeat;                                                                                                                                                                                                                                                                                                                            
	background-position: -10px -16px;                                                                               
	background-image: url(../images/tab_active_bg.png); /*--Makes the active tab look like it's connected with its content--*/
}
html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/                                                                                                                                                                                                                                                                                                                                                                                                           
	width: 200px; /*--Makes the active tab look like it's connected with its content--*/
}
.tabdivide {
		margin-left: 40px;
		margin-top: 20px;
		float: left;
		clear: left;
		width: 90%;
		border-top-color: #cccccc;
		border-top-width: 2px;
		border-top-style: dotted;
		height: 2px;
	}
.tabstext  {
	font-style: normal;
	font-weight: normal;
	margin-bottom: 30px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 160%;
	color: #787575;
	font-size: 13px;
}
.tabstextlittle  {
	margin-top: 10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 160%;
	color: #787575;
	font-size: 9px;
}
.tabstextheader  {
	margin-bottom: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 140%;
	color: #656262;
	font-size: 16px;
}
.tabcolonetext h1.tabstextheader  {
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 140%;
	color: #656262;
	font-size: 16px;
}
.tabstextheaderweb  {
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 140%;
	color: #656262;
	font-size: 18px;
}
.tabstextheaderweb a  {
	border-bottom-color: #bfbfbf;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 140%;
	color: #656262;
	font-size: 18px;
}
.tabstextheaderweb a:hover  {
	background-color: #656262;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 140%;
	color: white;
	font-size: 18px;
}
#hazard  {
	background-repeat: no-repeat;
	background-image: url(../images/hazard_bg.jpg);
	margin-right: auto;
	margin-left: auto;
	padding-right: 105px;
	padding-left: 105px;
	width: 700px;
	height: 100px;
}
#writinginfo  {
	margin-top: -100px;
}
#tab_placement  {
	margin-top: -90px;
	margin-right: auto;
	margin-left: auto;
	width: 810px;
}





.ui-tabs .ui-tabs-nav li { position: relative;float:left;list-style:none;width:auto; }

.ui-tabs .ui-tabs-nav li a { padding-left: 30px; padding-bottom: 0px; padding-right: 0px; padding-top: 15px; height: 61px; float:left;text-decoration:none;}
.ui-tabs .ui-tabs-nav li a:hover { padding-left: 30px; padding-bottom: 0px; padding-right: 0px; padding-top: 15px; float:left; }
.ui-tabs .ui-tabs-hide { display: none !important; background-position: 0 top;
                        float: left;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: black; background-image: url(../images/tab_active_bg.png);
	background-repeat: no-repeat;
	width: 200px;
	background-position: -10px -16px;
}

.ui-tabs .ui-tabs-panel {
                        background-position: 0px top;
                        background-repeat: repeat-y;
                        background-image: url(../images/tab_pane_bg810.png);
                        width: 810px;
                        margin-top: -40px;
                        position: relative;
                        float: left;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
 }
.ui-tabs .ui-tabs-hide { display: none !important; background-position: 0 top;
                        background-image: url(../images/tabs_bg.jpg);
                        background-repeat: repeat-y;
                        position: relative;
                        float: left;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
}

.ui-tabs .ui-tabs-panel { padding: 0em 0em; display: block; border-width: 0; }
/* Tabs section: END */




/*-- jShowOff module styles --*/


#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
	margin-right: auto;
	margin-left: auto;
	margin-top: -250px;
	overflow: hidden;
	width: 700px;
	height: 150px;
	border-top-left-radius:  6px;
	border-top-right-radius:  6px;
	
	}
.jshowoff {
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	margin-top: 10px;
	width: 700px;
	}
.jshowoff div {	
	margin-bottom: -50px;	
	width: 700px;
	height: 150px;
	}
.jshowoff div, .jshowoff img, .jshowoff {
	border-top-left-radius: 6px;
                        border-top-right-radius: 6px;
	}
#basicFeatures, .jshowoff.basicFeatures, .jshowoff.basicFeatures img, .jshowoff.basicFeatures div {
	border-radius: 0;
	border-radius: 0;
	}

.jshowoff h2, .jshowoff p {
	font-size: 18px;
	padding: 15px 20px 0px;
	margin: 0;
	}
.jshowoff p {
	word-spacing: 0.2em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	font-size: 18px;
	line-height: 23px;
	}
.eddie {
	float: right;
	padding: 15px 20px 15px 20px;
	}
.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #000;
	color: #fff;
	padding: 5px 7px 5px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
	}
p.jshowoff-controls {
	background: #aaa;
	overflow: auto;
	height: 1%;
	padding: 0 0 5px 5px;
	margin: 0;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	}
.jshowoff-controls a {
	margin: 5px 5px 0 0;
	font-size: 12px;
	line-height: 15px;
	padding: 4px 8px 5px;
	}

.jshowoff-pausetext {
	color: #fff;
	}


/*-- Re-styled Thumbnail Demo --*/

.thumbFeatures p.jshowoff-slidelinks {
	background: #000;
	bottom: 0;
	padding: 5px 0 5px 5px;
	right: 113px;
	height: 32px;
	}
.thumbFeatures .jshowoff-slidelinks a {
		display: block;
	width: 60px;
	height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #4f4f4f;
	text-indent: -10000em;
	border-radius: 0;
	border-radius: 0;
	}
.thumbFeatures .jshowoff-slidelinks a.jshowoff-active {
	border: 1px solid #fff;
	}
.thumbFeatures .jshowoff-slidelink-0 {
	background-image: url(http://farm5.static.flickr.com/4065/4439060414_c11002d183_o_d.jpg);
	}
.thumbFeatures .jshowoff-slidelink-1 {
	background-image: url(http://farm5.static.flickr.com/4049/4438283469_5ddf465356_o_d.jpg);
	}
.thumbFeatures .jshowoff-slidelink-2 {
	background-image: url(http://farm5.static.flickr.com/4033/4439060472_02efbb3955_o_d.jpg);
	}
.thumbFeatures .jshowoff-slidelink-3 {
	background-image: url(http://farm5.static.flickr.com/4041/4438283519_4f08cb4a57_o_d.jpg);
	}
.thumbFeatures p.jshowoff-controls {
	background: none;
	height: 38px;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 100px;
	width: 100%;
	z-index: 150;
	}
.thumbFeatures .jshowoff-controls a {
	display: block;
	width: 22px;
	height: 38px;
	background: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -10000em;
	position: absolute;
	}

.thumbFeatures .jshowoff-controls a.jshowoff-prev {
	left: 15px;
	background-image: url(http://farm5.static.flickr.com/4035/4438728886_fd55756fc5_o_d.gif);
	}
.thumbFeatures .jshowoff-controls a.jshowoff-next {
	right: 15px;
	background-image: url(http://farm3.static.flickr.com/2743/4438728872_07e935da40_o_d.gif);
	}
.thumbFeatures .jshowoff-controls a.jshowoff-play {
	display: none;
	}
.jshowoff.thumbFeatures {
	height: 250px;
	}
.jshowoff.thumbFeatures div, .jshowoff.thumbFeatures img, .jshowoff.thumbFeatures {
	border-radius: 6px;
	}
.jshowoff p.qauthor {
		margin-right: 45px;
		text-align: right;
		margin-top: -15px;
		color: white;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
	}



/*surplus jquery*/

/* Interaction states
----------------------------------*/
#whowrap .ui-state-default, #whowrap .ui-widget-content .ui-state-default { width: 20px; border: 1px solid #444444; background: #222222 url(images/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #eeeeee; }



/* Corner radius */
.ui-corner-tl { border-top-left-radius:  6px; }
.ui-corner-tr { border-top-right-radius: 6px; }
.ui-corner-bl { border-bottom-left-radius: 6px; }
.ui-corner-br { border-bottom-right-radius: 6px; }
.ui-corner-top { border-top-left-radius: 6px; border-top-right-radius: 6px;}
.ui-corner-bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { border-top-left-radius:  6px; border-bottom-left-radius: 6px; }
.ui-corner-all { border-radius: 6px; }


/* workarounds */
* html .ui-autocomplete { width:1px; } 




/* Slider */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; height: 8px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.gototab2 { border-bottom-color: #787575; border-bottom-width: 1px; border-bottom-style: dotted; }
.strike { text-decoration: line-through; }
.tabstext a { color: #3b3939; border-bottom-color: #787575; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; }
.tabcolonetext ul li a { color: #3b3939; border-bottom-color: #787575; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; }
.tabstext a:hover { background-color: #2e2e2e; color: white; border-bottom-color: white; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; }
.tabcolonetext ul li a:hover { background-color: #2e2e2e; color: white; border-bottom-color: white; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; }
.tabcoloneB a.gototab2 { float: left; clear: left; border-width: 0px; text-decoration: none; cursor: pointer; cursor: pointer; }
.featurehighlight ul { list-style-type: none; }
.featurehighlight ul li { list-style-position: outside; list-style-image: url(../images/bullet_article.png); font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 160%; margin-left: 10px; color: #656262; font-size: 12px; }
.featurehighlight h3 { margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; padding-right: 2px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; color: #121212; background-color: #f5f5f5; font-size: 16px; }
.magwrap { margin-bottom: 20px; margin-top: 20px; }
.wp-postwrapper { margin-left: 20px; margin-bottom: 10px; margin-right: 10px; margin-top: 10px; padding: 15px; border-color: #bfbfbf; border-style: dotted; border-width: 1px; width: 198px; }
.wp-header { background-color: #f8f8f8; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #434343; font-size: 20px; }
.wp-header a { color: #3a3a3a; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; }
.wp-header a:hover { background-color: black; color: white; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; }
.wp-post { line-height: 140%; margin-top: 10px; color: #5b5b5b; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
.wp-postwrapper p.response { font-weight: bold; border-bottom-color: #999999; border-bottom-style: dotted; border-bottom-width: 1px; margin-bottom: 20px; padding-bottom: 20px; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 140%; margin-top: 10px; color: #5b5b5b; font-size: 11px; }
.wp-postwrapper p { font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 140%; margin-top: 10px; color: #5b5b5b; font-size: 12px; }
.wp-post a { font-weight: bold; text-decoration: none; border-bottom-color: #272727; border-bottom-style: dotted; border-bottom-width: 1px; color: #222222; }
.wp-post a:hover { background-color: #0c0c0c; font-weight: bold; text-decoration: none; border-bottom-color: white; border-bottom-style: dotted; border-bottom-width: 1px; color: white; }
.third { position: relative; margin-top: 30px; float: left; }
.more-link { border-bottom-color: #393939; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; color: #393939; }
.more-link:hover { background-color: #393939; border-bottom-color: #393939; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; color: white; }
.wp-postwrapper p img { height: 60%; width: 60%; }
.aboutballoon { padding-right: 60px; margin-bottom: -20px; margin-top: 30px; margin-left: 22px; background-position: left top; float: left; position: relative; height: 100px; width: 790px; background-repeat: no-repeat; background-image: url(../images/about_balloon790.png); }
.aboutballoon p a { text-decoration: none; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: dotted; color: white; }
.aboutballoon p a:hover { background-color: white; text-decoration: none; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: dotted; color: #303030; }
#footer_anchor { border-width: 0px; text-decoration: none; padding: 0px; margin: 0px; }
#footer_anchor a { border-width: 0px; text-decoration: none; padding: 0px; margin: 0px; }
.aboutballoon p { margin-right: 30px; margin-left: 60px; margin-top: 25px; font-style: italic; font-weight: bold; font-size: 16px; font-family: Helvetica, Verdana, Arial, sans-serif; color: white; }
.tabscolonetext .featurehighlight li.design { list-style-position: outside; list-style-type: none; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: -5px; padding-left: 20px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; font-size: 12px; }
ul.tablist { margin-left: 5px; margin-bottom: 0px; margin-right: 0px; margin-top: -10px; padding: 0px; list-style-position: outside; list-style-type: none; }
.sitelink a { float: right; clear: both; margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: -10px; text-align: right; padding: 0px; text-decoration: none; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted; color: #656262; }
.sitelink a:hover { background-color: #656262; float: right; margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: -10px; text-align: right; padding: 0px; text-decoration: none; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted; color: white; }
#ex_retreat a { padding: 0px; margin: 0px; display: block; background-repeat: no-repeat; background-image: url(../images/portfolio1a.jpg); height: 256px; width: 320px; }
#ex_mrwhippy a { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio3a.jpg); height: 256px; width: 320px; }
#ex_buyit247 a { padding: 0px; margin: 0px; display: block; background-repeat: no-repeat; background-image: url(../images/portfolio2a.jpg); height: 256px; width: 320px; }
#ex_addeco a { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio7a.jpg); height: 256px; width: 320px; }
#ex_virtual a { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio5a.jpg); height: 256px; width: 320px; }
#ex_aco a { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio6a.jpg); height: 256px; width: 320px; }
#ex_retreat a:hover, #ex_retreat a.hover { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio1.jpg); height: 256px; width: 320px; }
#ex_buyit247 a:hover, #ex_buyit247 a.hover { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio2.jpg); height: 256px; width: 320px; }
#ex_mrwhippy a:hover, #ex_mrwhippy a.hover { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio3.jpg); height: 256px; width: 320px; }
#ex_addeco a:hover, #ex_addeco a.hover { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio7.jpg); height: 256px; width: 320px; }
#ex_virtual a:hover, #ex_virtual a.hover { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio5.jpg); height: 256px; width: 320px; }
#ex_aco a:hover, #ex_aco a.hover { display: block; background-repeat: no-repeat; background-image: url(../images/portfolio6.jpg); height: 256px; width: 320px; }
.sitetext { padding: 15px; width: 200px; float: left; }
.siteimage img { margin: 15px; border-color: #bfbfbf; border-width: 5px; border-style: solid; width: 600px; float: left; }
.featurehighlight2 { float: left; margin-bottom: 10px; }
#contactwrapper2 h3 a { width: 100%; clear: left; text-decoration: none; color: white; font-size: 14px; }
.verify { float: left; position: relative; border-color: #eca919; border-style: solid; border-width: 2px; padding: 7px; border-radius: 6px; }
.formNo { display: none; }

