/*
Theme Name: CYber SYtes, Inc.
Theme URI: http://cysy.com
Description: This is the custom theme created for the new cysy.com website.
Version: 1
Author: Brandon Rager & Tam Cai
Author URI: http://cysy.com

*/



/* Begin Typography & Colors */
p,h1,h2,h3,h4,h5,h6,ul,li,hr,div,ol,form { 
    margin: 0px; 
    padding: 0px; 
    border: 0px;
	font-weight: normal;
	list-style: none;
}

p {
	padding: 0 0 20px 0;
}

ul {
	padding: 0 0 20px 0;
}

ol {
	padding: 0 0 20px 0;
}

hr {
	margin: 20px 0;
	padding: 1px;
	border: none;
	border-top: 1px #cfcfcf dotted;
	border-bottom: 1px #cfcfcf dotted;
}


/* Random Classes -----------------------------------------------------------*/

.clear 
    { 
    clear:both; 
} 

.right 
    { 
    float: right; 
} 

.left 
    { 
    float: left; 
}

.alignleft, img.alignleft {
float: left;
margin: 0 10px 2px 0;
}

.alignright, img.alignright {
float: right;
margin: 0 0 2px 10px;
}

code {
	display:block;
	direction:ltr;
	text-align:left;
}
acronym, abbr, span.caps {
	letter-spacing:0; /* fix opera bug */
}

a img {
	border: none;
}

a {
	border: none;
}

:focus {
	border: none;
}
/*---------------------------------- BODY TAG ----------------------------- */

body {
	background: url(images/new_layout_background.gif) top center repeat-x #e3e3e3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #5d5d5d;
	margin: 0px;
}

a {
	color: #ef4035;
    font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #5d5d5d;
        border-bottom: 1px dotted #ef4035;
}

/* ------------------------------------ HEADERS ---------------------------------- */

h1.logo {
	position: absolute;
	top: 0;
	margin-left: 0;
	width: 419px;
	height: 102px;
	z-index: 9999;
}
		h1.logo a {
			border: none !important;
			display: block;
			width: 419px;
			height: 102px;
			text-indent: -9999px;
		}
		
.content h1 {
	background: url(images/new_layout_redarrow.png) 16px 20px no-repeat #e9e9e9;
	padding: 13px 10px 13px 44px;
	color: #5d5d5d;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
		.content h1.link {
			background-image: url(images/new_layout_darkgreyarrow.png);
		}

.content h2 {
	background: url(images/new_layout_lighgreyarrow.png) 0 4px no-repeat;
	line-height: 26px;
	font-size: 20px;
	color: #ef4035;
	padding-bottom: 20px;
	padding-left: 25px;
}

.content h3 {
	background: url(images/new_layout_redarrow.png) 16px 14px no-repeat #8a8a8a;
	padding: 10px 10px 10px 44px;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}


.content h3 a { color:#fff; }

.content h4 {
	background: url(images/new_layout_whitearrow.png) 16px 14px no-repeat #ef4035;
	padding: 10px 10px 10px 44px;
	font-size: 18px;
	line-height: 24px;
	color: #fff; 
	margin-bottom: 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

	.form h4 {
		color: #555;
		}

.content h5 {
	color: #ef4035;
	font-size: 18px;
	font-style: italic;
	line-height: 24px;
	margin-bottom: 20px;
}

.content h6 {
	color: #5d5d5d;
	font-size: 18px;
	font-style: italic;
	line-height: 24px;
	margin-bottom: 20px;
}
	
	td h6 {
		text-align: center;
		}
img.thumb {
float: left;
border: 1px dashed #ccc;
padding: 2px;
margin-right: 10px;
width: 175px;
}
/* --------------------------------- CONTENT AREA ---------------------------- */

#container {
	width: 1000px;
	margin: 0 auto 20px auto;
}

.content {
	position: relative;
	overflow: hidden;
	float: left;
	width: 766px;
	margin: 0;
	padding: 0;
	margin-top: 189px;
}
		.content ul, .content ol {
			padding-bottom: 10px;
			margin-left: 20px;
		}
				.content li {
					padding: 0 0 10px 20px;
					background: url(images/new_layout_small_darkgreyarrow.png) 0 3px no-repeat;
				}
				
						.content li {
							background-image: url(images/new_layout_small_redarrow.png);
						}
		
		
		.content .top {
			width: 766px;
			height: 20px;
			display: block;
			background: url(images/new_layout_content_bg.png) top left no-repeat;
		}
		
		.content .middle {
			width: 726px;
			padding: 0 20px;
			background: url() #fff 0 -20px no-repeat;
		}
		
		.content .bottom {
			width: 766px;
			height: 20px;
			display: block;
			background: url(images/new_layout_content_bg.png) bottom left no-repeat;
			margin-bottom: 15px;
		}

		.large {
			width: 1000px;
		}
			
			.large .top {
				width: 1000px;
				height: 20px;
				display: block;
				background: url(images/new_layout_content_large_bg.png) top left no-repeat;
			}
			
			.large .middle {
				width: 960px;
				padding: 0 20px;
				background: url() #fff 0 -20px no-repeat;
			}
			
			.large .bottom {
				width: 1000px;
				height: 20px;
				display: block;
				background: url(images/new_layout_content_large_bg.png) bottom left no-repeat;
			}

/* -------------------------------- SIDE BAR ----------------------------------- */

#side_bar {
	float: right;
	width: 219px;
	margin-top: 189px;
}

		#side_bar .box {
			width: 219px;
			padding-bottom: 20px;
		}
				#side_bar .box .top {
					width: 219px;
					height: 13px;
					background: url(images/new_layout_sidebar_bg_grey.png) top left no-repeat;
				}
				
				#side_bar .box .middle {
					width: 193px;
					padding: 0 13px;
					background: #8a8a8a;
					color: #cdcdcd;
				}
				
						#side_bar .box .middle ul, #side_bar .box .middle ol {
							margin-left: 0;
						}
								#side_bar .box .middle li {
									padding: 0 0 7px 15px;
									background: url(images/new_layout_small_whitearrow.png) 0 3px no-repeat;
								}
										#side_bar .box .middle li ul {
											margin-left: 3px;
											margin-top: 7px;
										}
										#side_bar .box .middle li li {
											background-image: url(images/new_layout_small_lightgreyarrow.png);
										}
												#side_bar .box .middle li li li {
													background-image: url(images/new_layout_small_whitearrow.png);
												}
						
						#side_bar h2 {
							margin: 0;
							background: url(images/new_layout_redarrow.png) 16px 14px no-repeat #5d5d5d;
							width: 145px;
							padding: 9px 9px 9px 38px;
							font-size: 16px;
							line-height: 22px;
							color: #fff;
							margin-bottom: 13px;
							font-weight: normal;
							-moz-border-radius: 7px;
							-webkit-border-radius: 7px;
						}
				
						#side_bar .box .middle ul {
							padding-bottom: 0;
						}
						
						#side_bar .box .middle a {
							color: #fff;
							font-weight: normal;
						}
								#side_bar .box .middle a:hover {
									color: #ccc;
									font-weight: normal;
									border-bottom: 1px dotted #fff;
								}
				
				#side_bar .box .bottom {
					width: 219px;
					height: 13px;
					background: url(images/new_layout_sidebar_bg_grey.png) bottom left no-repeat;
				}
				
				/****************************** RED BOX ***********************************/
				#side_bar .red .top {
					background-image: url(images/new_layout_sidebar_bg_red.png);
				}
				#side_bar .red .middle {
					background: #ef4035;
				}
						#side_bar .red h2 {
							background-color: #fff;
							color: #5d5d5d;
						}
				#side_bar .red .bottom {
					background-image: url(images/new_layout_sidebar_bg_red.png);
				}
				
				/******************************* BLUE BOX ********************************/
				#side_bar .blue .top {
					background-image: url(images/new_layout_sidebar_bg_blue.png);
				}
				#side_bar .blue .middle {
					background: #5d8fc0;
				}
						#side_bar .blue h2 {
							background-color: #fff;
							color: #5d5d5d;
						}
				#side_bar .blue .bottom {
					background-image: url(images/new_layout_sidebar_bg_blue.png);
				}

/* --------------------------------- NAVIGATION MAIN ---------------------------- */

ul#navigation {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 118px;
	margin-left: 0px;
	list-style: none;
	width: 1000px;
	height: 50px;
}

ul#navigation li {
	display: inline;
}

		ul#navigation .current_page_item a, ul#navigation .current_page_ancestor a, ul#navigation .current_page_parent a {
			background-position: top left;
		}
				ul#navigation .current_page_item a span, ul#navigation .current_page_ancestor a span, ul#navigation .current_page_parent a span {
					background-position: top right;
					color: #ef4035 !important;
				}

		ul#navigation a {
			display: block;
			float: left;
			font-weight: normal;
			margin-right: 5px;
			padding: 0 0 0 20px;
			background: url(images/new_layout_navbg.jpg) bottom left no-repeat;
		}
				ul#navigation a span {
					background: url(images/new_layout_navbg.jpg) bottom right no-repeat;
					display: block;
					padding: 0 20px 0 0;
					line-height: 50px;
					color: #fff;
					font-size: 16px;
				}
				
		ul#navigation a:hover {
			background-position: 0 -50px;
			border: none;
		}
				ul#navigation a:hover span {
					background-position: right -50px;
					color: #fff !important;
				}
				
/* --------------------------------- CONTACT BUTTON ----------------------------- */

.contact_button {
	display: block;
	position: absolute;
	top: 46px;
	margin-left: 846px;
	background: url(images/new_layout_contactbutton.gif);
	width: 154px;
	height: 55px;
	color: #fff;
	font-size: 24px;
	line-height: 55px;
	text-align: center;
	font-weight: normal;
	border: none !important;
}
		.contact_button:hover {
			background-position: 0 -55px;
			color: #ef4035;
		}
		
/* --------------------------------- FOOTER AREA -------------------------------- */

#container_footer {
	height: 255px;
	background-image: url(images/new_layout_footer_background.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 18px;
	padding-top: 38px;
}

		#footer a {
			color: #ddd6d2;
			text-decoration: none;
		}
		
		#footer a:hover {
			color: #fff;
		}
		
		#footer ul {
			list-style: none;
			width: 16%;
			margin: 0px;
			margin-left: 5%;
			float: left;
		}
		
		#footer ul.no_margin {
			margin-left: 0;
		}
		
				#footer ul li {
					border-bottom: 1px #e9ede9 dotted;
				}
				
		#footer div.left {
			width: 16%;
			margin-left: 5%;
		}
		
div.disclaimer {
	margin-top: 45px;
}

/* --------------------------- TOP SOCIAL BAR --------------------------- */

.social {
	position: absolute;
	top: 0;
	margin:0;
	margin-left: 419px;
	width: 581px;
	height: 39px;
	padding: 10px 0 0 0;
}

		.social span {
			display: block;
			float: right;
			color: #77787b;
			font-size: 24px;
			line-height: 26px;
			height: 28px;
			margin-left: 5px;
		}

		.social a.icon {
			display: block;
			height: 26px;
			width: 26px;
			float: right;
			margin-right: 8px;
			text-indent: -9999px;
		}
		
		.livechat {
			height: 26px;
			margin-right: 8px;
			width: 150px;
			}
		
		.social a.facebook { background: url(images/new_graphic_facebook.png) top left no-repeat; }
		.social a.twitter { background: url(images/new_graphic_twitter.png) top left no-repeat; }
		.social a.rss { background: url(images/new_graphic_rss.png) top left no-repeat; }
		.social a.linkedin { background: url(images/new_graphic_linkedin.png) top left no-repeat; }
		.social a.delicious { background: url(images/new_graphic_delicious.png) top left no-repeat; }
		
/* --------------------------------- SEARCH FORM ------------------------------------ */



#searchform {
	width: 204px;
	height: 50px;
	margin:0;
	padding:0;
	position: absolute;
	top: 51px;
	margin-left: 637px;
}

		.box #searchform {
			position: relative;
			top: auto;
			margin-left: auto;
			height: 40px;
		}

		#searchform input {
			margin:0;
			padding:0;
			display: block;
			width: 120px;
			height: 50px;
			background: none;
			border: none;
			outline: none;
			background: url(images/new_layout_searchbox.png) top left no-repeat;
			line-height: 50px;
			padding-left: 10px;
			font-size: 16px;
			color: #ef4035;
			float: left;
		}
				.box #searchform input {
					width: 108px;
					height: 40px;
					line-height: 40px;
					background-image: url(images/new_layout_searchbox2.png);
				}
				
		#searchform button {
			margin:0;
			padding:0;
			display: block;
			border: none;
			outline: none;
			background: none;
			background: url(images/new_layout_searchbox.png) bottom right no-repeat;
			width: 74px;
			height: 50px;
			text-align: center;
			line-height: 50px;
			float: left;
			cursor: pointer;
			color: #5d5d5d;
			font-size: 16px;
		}
		
				.box #searchform button {
					height: 40px;
					line-height: 40px;
					background-image: url(images/new_layout_searchbox2.png);
				}
				#searchform button:hover {
					background-position: top right;
					color: #fff;
				}
				
/* RANDOM STYLES */

small {
	font-size: .9em;
	line-height: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #aaa;
}

em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #aaa;
}

		small a, em a { font-weight: normal !important; }
				
				
/* ----------------------------------------------------   SHOWCASE Slider --------------------------------------- */

#feature_title{
display:			block;
width:				115px;
height:				115px;
position:			absolute;
text-indent:		-9999px;
z-index:			1000;
top:				0;
margin: -20px 0 0 -20px;
background: 		url(images/new_showcase_button.png) no-repeat top left;
}

#feature_wrap{
display:			block;
float:				left;
height:				283px;
width:				766px;
padding:			0 0 0 0;
position:			relative;
/*background: 		#e3e3e3;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;*/
}

ul#feature_buttons{
margin:				0 0 0 0px;
padding:			7px 0 0 0;
width:				500px;
height:				27px;
}

ul#feature_buttons li{
display: 			block;
float:				left;
text-align: 		center;
color:				#5d5d5d;
padding:			0 0 5px 0;
font-size:			15px;
font-weight:		bold;
cursor: 			pointer;
margin:				0 4px 0 0;
width:				20px;
height:				17px;
overflow:			hidden;
background:			transparent url(images/new_feature_butt.gif) no-repeat left 0; 		
}

ul#feature_buttons li:hover {
background-position:left -22px; 
color:				#fff;	
}

ul#feature_buttons li.active {
background-position:left -44px; 	
color:				#fff;
}

a#previous, a#next { 
cursor: 			pointer; 
display:			block;
width:				48px;
height:				48px;
text-indent:		-9999px;
z-index:			999;
position:			absolute;
border:				none;
overflow:			hidden;
}

a#previous, a#previous:visited{
float: 				left; 
margin:				110px 0 0 -16px;
background:			transparent url(images/b07V12_left_slide.png) no-repeat top left;
}

a#next, a#next:visited { 
float: 				right; 
margin:				110px 0 0 693px;
background:			transparent url(images/b07V12_right_slide.png) no-repeat top right;
}

a#previous:hover {
background-position: top right;
border:				none;
}

a#next:hover {
background-position: top left;
border: none;
}

#slider_wrap {
border: 			#ddd 1px solid;
background:			#0f1a21;
width: 				722px;
margin: 			0 0 0 0px;
display:			block;
z-index:			-1200;
height:				265px;
max-height:			265px;
overflow:			hidden; 
}

#slider_wrap div div { 
overflow: 			hidden;
height:				272px;
z-index:			-1200; 
}

#slider_wrap div div a{
border:				none;
}

.tool-tip {
color: 				#efefef;
width: 				180px;
z-index: 			13000;
margin:				-125px 0 0 -103px;
}

.tool-title {
position: relative;
font-size: 			16px;
font-family: arial narrow, helvetica, arial;
text-transform: uppercase;
margin: 			0;
color: 				#ddd;
padding: 			12px 8px 2px 8px;
text-align:			left;
line-height:		16px;
height: 16px;
overflow: hidden;
font-weight: bold;
background: 		url(images/b07V12-bubble-top.png) no-repeat top right;
}


.tool-text {
color:				#fefefe;
font-size: 			12px;
padding: 			6px 8px 30px 8px;
line-height:		15px;
background: 		url(images/b07V12-bubble-bottom.png) bottom left;
}


/* ------------------------------------------------------------------------- BREADCRUMBS --------- */

.breadcrumb {
    display: block;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 15px !important;
}

.breadcrumb li {
float: left;
font-size: 13px;
line-height: 30px;
height: 30px;
background: none;
background: url(images/new_layout_small_darkgreyarrow.png) right 11px no-repeat;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 0 14px 0 0;
margin: 0 10px 0 0;
}

.breadcrumb .youarehere, .breadcrumb .current_item li {
padding: 0;
background: none;
}

.breadcrumb .youarehere {
padding: 0 10px;
background: #8a8a8a;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
color: #fff;
}

/* ------------------------------------------------------------------------- LINKBOX --------- */

.linkbox {
	margin-bottom: 23px;
	}