/********************************************
SUMMARY
*********************************************/

/*

- TOP

	-- LOGO
	-- MENU

- HEADER 

	-- SLIDER

- BODY

	-- FIND DOMAIN
	-- PLAN BOXES
	-- BOTTOM
	-- AUTOINSTALL SCRIPTS


- FOOTER

   -- COPYRIGHT

-------------------------------

- INNER PAGE

	-- PAGE TITLE
	-- MAIN CONTENT

- SIDEBAR

	-- INNER FIND DOMAIN
	-- NEWS
	-- BECOME A RESELLER
	-- TESTIMONIALS
	
	


*/

/********************************************
MAIN SITE CENTER STYLE
*********************************************/
.wrapper_center {
	width: 958px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
.wrapper_center2 {
	width: 954px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: repeat-y;
	margin-top: 3;
	
}
.wrapper_center3 {
	width: 954px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 10px;
	background-repeat: no-repeat;
	height: 200px;
	
	
}
.wrap_center {
	width: 1100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
/********************************************
TOP
*********************************************/
#wrapper_top {
	width: 100%;
	height: 140px;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/top_bg.png);
	margin-top: 5;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
#top {
	width: 100%;
	height: 140px;
}
.logo {
	float: left;
	width: 300px;
	height: 70px;
	padding: 10px 0px;
}
.top_right {
	float: right;
	width: 210px;
	height: 40px;
	padding-top: 15px;
	font-size: 11px;
	color: #9996AB;
	line-height: 18px;
	background-image: url(../images/search_box.PNG);
	background-repeat: no-repeat;
	margin-top: 25px;
	padding-left: 20px;
	padding-right: 10px;
}
.top_right a:link, .top_right a:visited {
	font-size: 11px;
	color: #9996AB;
	text-decoration: none;
}
.top_right a:hover {
	font-size: 11px;
	color: #B8B7C0;
	text-decoration: none;
}
.menu {
	float: left;
	width: 100%;
	height: 50px;
}


/********************************************
HEADER
*********************************************/
#wrapper_header {
	margin: 0 auto;
	width: 100%;
	height: 358px;
	float: left;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	
}

/********************************************
BODY
*********************************************/
#wrapper_body {
	width: 100%;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	
}

/* ---------- Search Domain ---------- */

.search_domain {
	float: left;
	width: 940px;
	height: 51px;
	padding: 15px;
	background: url(../images/doaminsearch_bg.jpg) no-repeat left top;
	font-size: 11px;
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.search_domain_form {
	float: left;
	width: 546px;
	height: 50px;
	margin-left: 125px;
}
input.search_domain {
	float: left;
	width: 374px;
	height: 25px;
	padding: 9px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
	background: url(../images/doaminsearch_input.jpg) no-repeat left top;
}
select.search_domain_list {
	float: left;
	width: 55px;
	margin: 8px 0px 0px 10px;
	border: 1px solid #7F9DB9;

}

input.search_domain_go {
	float: left;
	width: 66px;
	height: 34px;
	margin-left: 15px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	background-image: url(file:///C|/Users/WayneEnterprises/Desktop/Prohost.XHTML.Template.CST-RIP/images/sub.PNG);
	background-repeat: no-repeat;
	background-position: left top;
}
.domain_features {
	float: right;
	width: 160px;
	padding-top: 4px;
}
.domain_features ul {
	margin: 0px;
	padding: 0px;
}
.domain_features li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	line-height: 16px;
	background: url(../images/bullet_point.jpg) no-repeat left 6px;
}

/* ---------- Plan Boxes ---------- */

.home_planboxes {
	width: 960px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.planboxes_01 {
	float: left;
	width: 300px;
	height: 255px;
	background: url(../images/planbox.jpg) no-repeat left top;
	margin-top: 20px;
}
.planboxes_01 span.title {
	float: left;
	width: 210px;
	height: 50px;
	padding: 9px 0px 0px 18px;
	font-size: 16px;
	font-weight: bold;
	color: #BE1711;
}
.planboxes_01 span.price {
	float: left;
	width: 70px;
	height: 50px;
	padding-top: 8px;
	color: #fff;
	text-align: center;
}
.planboxes_01 span.price strong {
	font-size: 17px;
	line-height: 25px;
}
.planboxes_01 div.details {
	float: left;
	width: 250px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 28px;
}
.planboxes_01 div.details ul {
	margin: 0px;
	padding: 0px;
}
.planboxes_01 div.details li {
	margin: 0px;
	padding: 0px 0px 0px 13px;
	line-height: 21px;
	list-style-type: none;
	background: url(../images/arrowsmall_grey.jpg) no-repeat left 7px;
}
.planboxes_01 div.details a {
	float: left;
	width: 85px;
	height: 22px;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	color: #C5231B;
	text-decoration: none;
	margin-top: 14px;
	margin-right: 10px;
	background-image: url(../images/button_planbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.planboxes_01 div.details a:hover {
	font-weight: bold;
	color: #DB2B1E;
	text-decoration: none;
}
.space_vartical {
	float: left;
	width: 27px;
	height: 255px;
}
.space_horizantal {
	float: left;
	width: 595px;
	height: 20px;
}

/* ---------- Bottom ---------- */

.home_bottom {
	float: left;
	width: 960px;
	height: auto;
	background-repeat: repeat;
	background-position: left top;
	background-color: #750102;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0 0 6px rgba(-1, 0, 0, .7);
	-moz-box-shadow: 0 0 6px rgba(-1, 0, 0, .7);
	-webkit-box-shadow: 0 0 6px rgba(-1, 0, 0, .7);
	margin-left: 3px;
	background-image: url(../images/back.PNG);

}
.home_bottom .section_01 {
	float: left;
	width: 260px;
	height: auto;
	margin-top: 20px;
	padding-left: 20px;
}
.home_bottom .section_01 ul {
	margin: 0px;
	padding: 0px;
}
.home_bottom .section_01 li {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	line-height: 27px;
	list-style-type: none;
	background-image: url(../../../../../../xampp/htdocs/SwaziAdvertiser/arrow.png);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.home_bottom .section_02 {
	float: left;
	width: 280px;
	height: 222px;
	padding-left: 10px;
	padding-right: 10px;
}
.home_bottom .section_03 {
	float: left;
	width: 280px;
	height: auto;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 20px;
}
.home_bottom .section_03 div.testicontent {
	float: left;
	width: 230px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.home_bottom .section_03 div.testicontent i {
	float: right;
	height: 20px;
	padding-top: 20px;
	padding-right: 100px;
}
.v_line {
	float: left;
	width: 5px;
	height: 222px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 4px;
	background-image: url(../images/v_line%20copy.PNG);
	background-repeat: no-repeat;
	background-position: center top;
}


/* ---------- Autoinstall Scripts ---------- */

.autoinstall_scripts {
	float: left;
	width: 1040px;
	height: 270px;
	margin-top: 20px;
	margin-left: -40px;
	background-position: left top;
}

/********************************************
FOOTER
*********************************************/
#wrapper_footer {
	margin: 0 auto;
	width: 100%;
	height: 269px;
	background: url(../images/footer_bg.jpg) repeat-x left top;
	float: left;
	
}
#wrapper_footer a {
	color: #999;
	text-decoration: none;
}
#wrapper_footer a:hover {
	color: #787686;
	text-decoration: none;
}
#wrapper_footer ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#wrapper_footer li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/arrow_footerlist.jpg) no-repeat left 11px;
	border-bottom: 1px solid #373542;
}
#wrapper_footer p {
	color: #5C5A68;
	float: left;
	width: 280px;
}
.footer_column_1 {
	float: left;
	width: 140px;
	height: 206px;
	margin-top: 15px;
	margin-right: 30px;
}
.footer_column_2 {
	float: left;
	width: 145px;
	margin-top: 15px;
	margin-right: 30px;			
}
.footer_column_3 {
	float: left;
	width: 145px;
	margin-top: 15px;
	margin-right: 20px;
}
.footer_column_4 {
	float: left;
	width: 130px;
	margin-top: 15px;
	margin-right: 20px;
}
.footer_column_5 {
	float: left;
	width: 280px;
	height: 130px;
	padding: 7px;
	background: url(../images/footer_domaininfo_bg.jpg) no-repeat left top;
	margin-top: 30px;
}
.footer_column_5 strong {
	font-size: 14px;
	font-weight: bold;
	color: #9A98A4;
	text-transform: uppercase;
}
.footer_column_5 span.footer_domains_info {
	width: 250px;
	height: 100px;
	margin-top: 3px;
	display: block;
	font-size: 11px;
	color: #9A98A4;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.footer_column_5 span.footer_domains_info i {
	width: 180px;
	float: left;
	font-style: normal;
}

/* ---------- Copyright Information ---------- */

#copyright {
	width: 970px;
	height: 30px;
	float: left;
	font-size: 11px;
	color: #585761;
	padding-top: 9px;
}
#copyright p {
	float: left;
	font-size: 11px;
	color: #585761;
	width: 500px;
	height: 32px;
	padding-top: 7px;
}
#copyright span.payments {
	float: right;
	width: 247px;
	height: 39px;
}

/********************************************
INNER PAGE
*********************************************/
#innerpage_title {
	margin: 0 auto;
	width: 100%;
	height: 50px;
	background: url(../images/pagetitle_bg.jpg) repeat-x left top;
	float: left;
	
}
.pagetitle {
	float: left;
	width: 600px;
	padding-top: 12px;
}
.bebcrumb_links {
	float: left;
	width: 300px;
	height: 32px;
	padding-top: 18px;
	font-size: 11px;
	background: url(../images/bedcrum_hline.jpg) no-repeat left 12px;
}
.bebcrumb_links a:link, .bebcrumb_links a:visited {
	font-size: 11px;
	color: #1C4574;
	text-decoration: none;
	background: url(../images/bedcrum_arrow.jpg) no-repeat right 5px;
	padding-right: 7px;
	margin-left: 10px;
}
.bebcrumb_links a:hover {
	text-decoration: underline;

}

/* ---------- Main Content ---------- */

#main_content {
	float: left;
	width: 570px;
	padding-top: 30px;
	padding-left: 30px;
}
.whatwedo {
	float: left;
	width: 598px;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #F8F8F8;
	border: 1px solid #eee;
}
.whatwedo div.section_category {
	float: left;
	width: 598px;
	height: 140px;
}
.content_box {
	float: left;
	width: 630px;
}
.button_readmore {
	float: right;
	width: 100px;
	height: 24px;
	padding-top: 12px;
}
.button_readmore a:link, .button_readmore a:visited {
	float: left;
	color: #FFFFFF;
	width: 76px;
	height: 19px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.button_readmore a:hover {
	color: #AFADB8;
}
.imgright {
	float: right;
}
.imgleft {
	float: left;
	margin-right: 28px;
}
.section_box {
	float: left;
	width: 630px;
	height: 182px;
}
.section_box_02 {
	float: left;
	width: 630px;
}
.horizantal_line {
	float: left;
	width: 580px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(../images/h_line.jpg) no-repeat left top;
}
.section_box_02 p {
	margin: 0px;
}
ul.list_01 {
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
.list_01 li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/icon_star.jpg) no-repeat left 7px;
}

ul.list_02 {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	width: 230px;
	float: left;
}
.list_02 li {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/icon_rightmark.jpg) no-repeat left 7px;
}


/* ---------- Hosting Planes Table ---------- */


#tabvanilla {
	width: 970px;
	float: left;
	margin-bottom: 15px;

}
ul.tabnav {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}
.tabnav li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.tabnav li a {
	text-decoration: none;
	color: #727272;
	font-size: 16px;
	font-weight: bold;
	outline: none;
	float: left;
	width: 240px;
	height: 38px;
	padding: 10px 0px 0px 0px;
	border: 1px solid #fff;
	text-align: center;
	background-image: url(../images/plantabs_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}
.tabnav li a:hover {
	background-color: #2B2A34;
	color: #2D2B39;
	text-decoration: none;
	background-image: url(../images/plantabs_hover2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.tabnav li a.currenttab {
	background-color: #2B2A34;
	color: #BF0303;
	text-decoration: none;
	background-image: url(../images/plantabs_hover2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.table_planes {
	float: left;
	width: 800px;
}
.table_planes th {
	height: 39px;
	text-align: center;
	background: url(../images/planth_bg.jpg) repeat-x left top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	padding-left: 20px;
}
.table_planes th b {
	text-align: left;
	float: left;
}
.table_planes th strong {
	font-size: 12px;
}
.table_planes td {
	height: 30px;
}
.table_planes .left {
	padding-left: 20px;
}
.table_planes .center {
	text-align: center;
}
.table_planes_shadow {
	width: 970px;
	height: 7px;
	float: left;
	margin-bottom: 20px;
	background: url(../images/plantable_shadow.jpg) no-repeat center top;
}
.table_planes .big_text {
	font-size: 23px;
	font-weight: bold;
	color: #AFAFAF;
	text-transform: uppercase;

}
.orange_text {
	font-size: 25px;
	font-weight: bold;
	color: #C21A19;
	padding: 10px;
	display: block;
}
.orange_text i {
	font-size: 12px;
	font-weight: normal;
	color: #C21A19;
	font-style: normal;
}
.orange_text a:link, .orange_text a:visited {
	height: 22px;
	padding-top: 7px;
	background: url(../images/button_ordernow.jpg) no-repeat center top;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: block;
	text-decoration: none;
}
.orange_text a:hover{
	height: 22px;
	padding-top: 7px;
	background: url(../images/button_ordernow.jpg) no-repeat center top;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	display: block;
	text-decoration: none;
}


/********************************************
SIDEBAR
*********************************************/

#sidebar {
	float: right;
	width: 300px;
	padding-bottom: 20px;

}

/* ---------- Inner Sidebbar Search Domain ---------- */

.search_domain_sidebar {
	float: left;
	width: 258px;
	height: 112px;
	padding: 20px;
}
.search_domain_sidebar h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #1C4574;
}
input.search_domain_sidebar {
	float: left;
	width: 234px;
	height: 25px;
	padding: 9px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
	border: 0px;
	background-color: #A7A7A7;
}
select.search_domain_list_sidebar {
	float: left;
	width: 55px;
	margin: 8px 0px 0px 10px;
	border: 1px solid #4E97CA;
}

/* ---------- News ---------- */

.news {
	float: left;
	width: 298px;
	margin-top: 20px;
}
.news h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/newstitle_bg.jpg) repeat-x left top;
	height: 30px;
	padding-top: 7px;
	padding-left: 20px;
}
.news ul {
	margin: 0px;
	padding: 0px 20px 30px 20px;
}
.news li {
	margin: 0px;
	padding: 15px 0px 15px 20px;
	list-style-type: none;
	background: url(../images/arrow_news.jpg) no-repeat left 17px;
	border-bottom: 1px dashed #C8C8C8;
}

/* ---------- Become a Reseller ---------- */

.become_reseller {
	float: left;
	width: 300px;
	height: 89px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ---------- Testimonials ---------- */

.testimonials {
	float: left;
	width: 300px;
	height: 190px;
	background-image: url(../images/testimonials_bgsmall.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.testimonials h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
}
.testimonials div.testicontent {
	float: left;
	width: 265px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.testimonials div.testicontent i {
	float: right;
	height: 20px;
	padding-right: 100px;
}

/* ---------- Contact Form ---------- */

.contact_form {
	float: left;
	width: 585px;

}
.contact_form label{
	width: 372px;
	height: 21px;
	display: block;
}
.input_bg {
	width: 373px;
	height: 25px;
	padding: 7px 10px 0px 10px;
	background: url(../images/input_bg.jpg) no-repeat left top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
}
.textarea_bg {
	width: 543px;
	height: 235px;
	padding: 7px 10px 0px 10px;
	background: url(../images/textarea_bg.jpg) no-repeat left top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
}
.input_submit {
	width: 113px;
	height: 34px;
	background: url(../images/button_formsubmit.jpg) no-repeat left top;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
}

/* ---------- Address Locations ---------- */

.location_map {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}
.location_map img {
	float: left;
}
.address_locations {
	float: left;
	width: 300px;
}
.address_locations ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 300px;
}
.address_locations li {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	list-style-type: none;
	line-height: 18px;
	border-bottom: 1px solid #eee;
}
.address_locations h1 {
	float: left;
	width: 300px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #1B1A22;
}

a.m {
	display: block;
	width: 80px;
	height: 25px;
	line-height: 26px;
	color: #666;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	float: right;
	background-image: url(file:///C|/Users/WayneEnterprises/Desktop/Prohost.XHTML.Template.CST-RIP/images/more.png);
	background-repeat: no-repeat;
	margin-right: 30px;
	padding-left: 25px;
}
a.more:hover {
	background-image: url(images/more_hover.png);
	background-repeat: no-repeat;
}
#side {
	position:fixed;
	width:69px;
	height:200px;
	z-index:1;
	top: 240px;
	float: right;
	clear: right;
	right: 1px;
	background-image: url(../images/social_media.PNG);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#apDiv1 {
	position:absolute;
	width:491px;
	height:115px;
	z-index:2;
	left: 342px;
	top: 171px;
}
#apDiv2 {
	position:absolute;
	width:280px;
	height:31px;
	z-index:1;
	left: 617px;
	top: 18px;
}
	/* search */
	.search { padding:10px 0 0 0; margin:0; width:230px; float:right;}
	.search form { display:block; float:right; padding:0;}
	.search span {
		display:block;
		float:left;
		width:168px;
		padding:0;
		height:32px;
		background-image: url(images/search_bg.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.search form .keywords { width:179px; line-height:14px;  float:left; background:none; border:0; padding:8px 2px 0 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#a4a4a4;}
	.search form .button { float:right; margin:0; padding:0;}
	.port_resize {
.skin-slidedeck dl.slidedeck {
    position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
    padding: 0;
}

#newsticker-demo {
	width: 260px;
	height: 165px;
	font-style: italic;
	overflow: hidden;
	border-top: 1px solid #dddddd;
	color: #CCC;
}

#newsticker-demo p {
	margin:0px;
	padding: 5px 0px 0px 20px;
}
#newsticker-demo ul {}
#newsticker-demo li {
	list-style:none;
	display:block;
	padding:7px 0px;
	border-bottom: 1px solid #dddddd;
	height:auto;
	font-family: Arial;
	font-size:12px;
}
#newsticker-demo li a {
	color:red;
}
.previous {
	outline:none;
	cursor:pointer;
	margin-right:50px;
	vertical-align: bottom;
	text-align: center;
}
.next {
	outline:none;
	cursor:pointer;
	margin-left:145px;
	vertical-align: top;
	text-align: right;
}
}
#accordion {
	list-style: none;
	padding: 0 0 0 0;
	width: 500px;
}
#accordion div {
	display: block;
	background-color: #CCC;
	font-weight: bold;
	margin: 1px;
	cursor: pointer;
	padding: 5 5 5 7px;
	list-style: circle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
}
#accordion ul{
	display: none;
}
#accordion ul li {
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	padding: 0 0 0 7px;
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
}
/* PORTFOLIO
========================================================================= */	
#worklist li {
	display: block;
	float: left;
	list-style-type: none;
	margin-bottom: 10px;
	margin-right: 1px;
	padding: 4px 15px 14px;
	border: 1px solid#D6D6D6;
	width: 150px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#worklist li:hover {
	background-color: #D6D6D6;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#worklist li:hover h4 { color: #fff; }
#worklist li:hover .client_name { color: #ababab; }
#worklist li a { float: left; margin-bottom: 5px; border-bottom: 1px solid #fff;}
#worklist li a:hover { border-bottom: 1px solid #cf0507; opacity: .9; }

#worklist h4 { font-variant: small-caps; font-size: 18px; margin-top: 5px; margin-bottom: 5px; }
#worklist h4 a { color: #777; text-decoration: none; border-bottom: none;}
#worklist h4 a:hover { border-bottom: none; color: #cf0507; }
.client_name { font-style: italic; color: #595959;  border-bottom: 1px dashed #595959; margin-bottom: 0; padding-bottom: 5px; }

ul#filter li { font-family: "Lucida Grande", sans-serif; border-bottom: 1px dashed #535353; margin-bottom: 10px; font-size: 20px; font-variant: small-caps; letter-spacing: 1px; padding-bottom: 8px; padding-left: 0; padding-right: 0; list-style-type: none; }
ul#filter a { text-decoration: none; color: #595959; }
ul#filter a:hover { color: #cf0507; }
ul#filter .current a { color: #cf0507; }

/* detailed project page */
#prj_side { width: 150px; float: left; margin-right: 25px; font-size: 12px; line-height: 1.25em;  color: #ababab; }
#prj_side h5 { color: #fff; border-bottom: 1px dashed #595959; padding-bottom: 15px; }
#prj_side p {font-size: 12px; line-height: 1.25em; color: #ababab; }
#prj_side ul li { list-style-type: square; margin-bottom: 3px; color: #ababab }
#prj_main { width: 375px; float: left; }
.nugen {
	font-size: 28px;
	font-weight: normal;
	color: #C90C0C;
	padding-bottom: -10px;
	line-height: -5px;
	font-family: Arial, Helvetica, sans-serif;
}
.nugen2 {
	font-size: 28px;
	font-weight: normal;
	color: #515251;
	padding-bottom: -10px;
	line-height: -5px;
	font-family: Arial, Helvetica, sans-serif;
}.nugenRED {
	font-size: 20px;
	font-weight: normal;
	color: #A50808;
	padding-bottom: -10px;
	font-family: Arial, Helvetica, sans-serif;
}

.-5 {

}
.ho {
	margin-top: -10px;
}
.picture {
	padding:3px;
	border:1px solid #e9e9e9;
	margin-right: 10px;
	margin-left: auto;
	float: left;
	background-color: #FFF;
	margin-bottom: 3px;
	margin-top: 6px;
}
.whitetext {
	color: #CCC;
}
}
.containerfom {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	border: 1px solid #579ABB;
	width: 998px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
	-moz-border-radius: 4px 40px 4px 4px;
	-webkit-border-radius: 4px 0px 4px 4px;
	border-radius: 4px 0px 0px 0px;
	background-color: #FDFDFD;
}


form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
}
.formular fieldset {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #B5B8C8;
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input,.formular select,.formular textarea {
	display: block;  /* this breaks relative positioning */
	display:block;

	
}

.formular .text-input {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	padding:5px;
	width:200px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 25px;
	color: #F00;
	background-image: url(../images/bginput.jpg);
	background-repeat: repeat-x;
		outline:none;
	
}

.formular .text-drop {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	padding:5px;
	width:207px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 32px;
	color: #F00;
	background-image: url(../images/bginput.jpg);
	background-repeat: repeat-x;
	
}
.formular .text-btn {
	border:1px solid #39D;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-attachment: scroll;
	background-color: #C30315;
	background-image: url(CSS3%20Menu_files/menubk.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	-moz-border-radius: 4px 40px 4px 4px;
	-webkit-border-radius: 4px 0px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}



.formular .text-des {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	padding:5px;
	width:350px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 100px;
	color: #F00;
	background-image: url(images/bginput.jpg);
	background-repeat: repeat-x;
	
}
.formular .text-title {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	padding:5px;
	width:250px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 25px;
	color: #F00;
	background-image: url(../images/bginput.jpg);
	background-repeat: repeat-x;
	
}

.formular textarea {
	width: 250px;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular .infos {
	color: #333;
	font-size: 12px;
	padding: 10px;
	background-color: #FFFFC6;
	-moz-border-radius: 4px 40px 4px 4px;
	-webkit-border-radius: 4px 0px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.formular span.checkbox, .formular .checkbox, .formular .radio {
	display: inline;
}

.formular .submit {
	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

	
	
	.imgallery {
	padding: 5px;
	border: 1px solid #e9e9e9;
	background: #fff;
	margin-left: auto;
	float: left;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 3px;
	}

.formular .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
.info p {
		color:#FFF;
		font-size: 12px;
	}
	


.accordionWrapper{
	display:table-row;
	background-color:#fff;
	overflow:scroll;
}

#slider {
	width:542px;
	height:184px;
	overflow:hidden;
	visibility: inherit;
	font-family:arial;
	font-size:11px;
	color:#FFF;
	z-index: auto;
	position: relative;

}
#slider1 {
	width:300px;
	height:186px;
	overflow:hidden;
	visibility: visible;
	font-family:arial;
	font-size:11px;
	color:#FFF;
}

#mask-gallery {
	overflow:hidden;
}

#gallery {
	
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
	width:900px;
	overflow:hidden;
}
	#gallery li {
		float:left;
	}

#mask-excerpt {
	position:absolute;
	top:0px;
	left:318px;
	width:150px;
	overflow:hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F6B64C;
	border-left-color: #F7B64E;
	height: 243px;
}
.containerfom {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	border: 1px solid #579ABB;
	width: 998px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
	-moz-border-radius: 4px 40px 4px 4px;
	-webkit-border-radius: 4px 0px 4px 4px;
	border-radius: 4px 0px 0px 0px;
	background-color: #FDFDFD;
}


form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
}
.formular fieldset {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #B5B8C8;
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input,.formular select,.formular textarea {
	display: block;  /* this breaks relative positioning */
	display:block;

	
}

.formular .text-input {
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
	padding: 5px;
	width: 200px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 25px;
	color: #F00;
	background-image: url(../images/bginput.jpg);
	background-repeat: repeat-x;
	outline: none;
	
}

.formular .text-drop {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	padding:5px;
	width:207px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 32px;
	color: #F00;
	background-image: url(../images/bginput.jpg);
	background-repeat: repeat-x;
	
}
.formular .text-btn {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	background-attachment: scroll;
	background-color: #F00;
	background-image: url(../images/bg-btn-blue.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	-moz-border-radius: 4px 40px 4px 4px;
	-webkit-border-radius: 4px 0px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}



.formular .text-des {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	padding:5px;
	width:350px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 100px;
	color: #F00;
	background-image: url(images/bginput.jpg);
	background-repeat: repeat-x;
	
}
.formular .text-title {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	padding:5px;
	width:250px;
	margin-top: 5;
	margin-right: 0;
	margin-left: 0;
	height: 25px;
	color: #F00;
	background-image: url(../images/bginput.jpg);
	background-repeat: repeat-x;
	
}

.formular textarea {
	width: 250px;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular .infos {
	color: #333;
	font-size: 12px;
	padding: 10px;
	background-color: #FFFFC6;
	-moz-border-radius: 4px 40px 4px 4px;
	-webkit-border-radius: 4px 0px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.formular span.checkbox, .formular .checkbox, .formular .radio {
	display: inline;
}

.formular .submit {
	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}





/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 12px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
DIV.wrapper {
	POSITION: relative;
	WIDTH: 940px;
	HEIGHT: 240px;
	OVERFLOW: hidden;
	margin-bottom: 10px;
	padding: 0px;
}
UL.wrapper {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.wrapper LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; PADDING-TOP: 0px
}
.wrapper A {
	DISPLAY: block; TEXT-DECORATION: none
}
.slide_set {
	MARGIN: 0px;
	WIDTH: 950px;
	DISPLAY: inline;
	FLOAT: left;
	HEIGHT: 240px
}
#leftArrow {
	BACKGROUND-IMAGE: url(../img/left_arrow.png);
	BORDER-BOTTOM: 0px;
	POSITION: absolute;
	BORDER-LEFT: 0px;
	WIDTH: 25px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 40px;
	BORDER-TOP: 0px;
	TOP: 93px;
	BORDER-RIGHT: 0px;
	LEFT: -40px
}
#rightArrow {
	BACKGROUND-IMAGE: url(../img/right_arrow.png);
	BORDER-BOTTOM: 0px;
	POSITION: absolute;
	BORDER-LEFT: 0px;
	WIDTH: 25px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 40px;
	BORDER-TOP: 0px;
	TOP: 88px;
	RIGHT: -35px;
	BORDER-RIGHT: 0px
}


.slide_text {
	WIDTH: 310px;
	FLOAT: left;
	HEIGHT: auto;
	margin-left: 30px;
	margin-top: 8px;
}

.slide_title H1 {
	LINE-HEIGHT: 1.1em;
	MARGIN-TOP: 0px;
	WIDTH: 300px;
	DISPLAY: block;
	COLOR: #08c;
	FONT-WEIGHT: bold;
	font-size: 18px;
	text-align: left;
	padding-left: 0;
	margin-left: 0;
	float: left;
}

.slide_paragraph {
	LINE-HEIGHT:20px; MARGIN: 0px; FONT-SIZE: 12px; PADDING-TOP: 0px; font-weight:normal; text-align:left; padding-bottom:10px;
}

.slide_paragraph a{color:#383838; font-weight:200; text-decoration:underline}
.slide_paragraph a:hover{color:#FF0000}

.slide_buttons {
	
}
.slide_buttonL A {
	BACKGROUND-IMAGE: url(../img/rotate/download.jpg); WIDTH: 150px; DISPLAY: block; FLOAT: left; HEIGHT: 30px
}
.slide_buttonL A:hover {
	
}
.slide_buttonR A {
	BACKGROUND-IMAGE: url(../img/rotate/moretut.jpg); WIDTH: 150px; DISPLAY: block; FLOAT: left; HEIGHT: 30px; MARGIN-LEFT: 35px
}
.slide_buttonR A:hover {

}
.image_wrapper {
	POSITION: relative; MARGIN-TOP:0px; WIDTH: 560px; BACKGROUND-REPEAT: no-repeat; FLOAT: LEFT; HEIGHT:240px; margin-right:0px; padding:0px; background:#f0f0f0; border:1px solid #ddd;}

.image_wrapper2 {
	POSITION: relative; MARGIN-TOP:5px; WIDTH: 560px; BACKGROUND-REPEAT: no-repeat; FLOAT: LEFT; HEIGHT:210px; margin-right:0px;}
	
.image_placeset {margin:0; padding:0; }
.image_placeset img{padding:10px; border:1px solid #ddd; background:#f7f7f7;}

.image_set {
	POSITION: absolute; WIDTH: 560px; HEIGHT: 180px; TOP: 14px; LEFT: 15px
}
.headerFadeWrapper {
	POSITION: relative; HEIGHT: 305px
}
.singleFade {
	POSITION: absolute; WIDTH: 960px; TOP: 0px; LEFT: 0px
}

.slide_container {
	POSITION: relative;
	TEXT-ALIGN: left;
	MARGIN: auto;
	WIDTH: 960px;
	HEIGHT: auto;
	padding: 0px;
}
.slide_title .grey {color:#383838;}
.slide_title .yellow {color:#FF0000;}
.slide_title .green {color:#9c0;}
.slide_title .red {color:#cc0000;}
.slide_title .color{
	color: #CA0000;
}