/* LAYOUT
---------------------------------*/

#outerContainer {
	width:907px;
	margin:0 auto;
	background:#fff;
	padding:10px;
}

/* header */

	#header {
		width:927px;
		height:126px;
		background:url(../images/blueGlobe.gif);
		background-repeat:no-repeat;
		position:relative;
		margin:10px auto 0 auto;
		z-index:10000;
	}
	
	#logo {
		position:absolute;
		z-index:1;
		left:25px;
		top:25px;
	}
	
/* slideshow */	

	#featureBlock {
		width:906px;
		margin:0 0 10px 0;
	}

/* footer */

	#footer {
		width: 879px;
		background: #36424a;
		margin: 0 auto;
		padding: 22px 24px;
		color:#828a8f;
		font-size:11px;
	}
	#footer p{
		font-size:11px;
	}
	#footer-links ul{
		float:left;
		width:180px;
		margin:0;
		padding:0;
	}
	#footer-links ul li{
		list-style:none;
		font-size: 11px;
		padding: 0;
		font-family:Arial, Helvetica, sans-serif;
		line-height:14px;
		color: #828a8f;
		text-decoration:none;	
	}
	#footer-links a{
		color: #828a8f;
		text-decoration:none;	
	}
	#footer-links ul li a:hover{
		color: #eee;	
	}		
	#footer-links ul h1,
	#footer-links ul h2,
	#footer-links ul h3,
	#footer-links ul h4{
		color: #828a8f;
		font-size:11px;
		font-weight:normal;
		padding:0 0 5px 0;
		margin:0 0 5px 0;
		text-transform:uppercase;
		border-bottom:solid 1px #4c5962;		
	}
	#footer .cyberdesign a{
		color: #828a8f;
		text-decoration:none;			
	}




/* COMPONENTS
---------------------------------*/

	.component{
		padding:20px;
		background-image:url(../images/image-text-backgroud.jpg);
		background-repeat:repeat-x;
		margin:0 0 10px 0;
	}

/* buckets */

	.bucket{
		background-image:url(../images/bucket-header.gif);
		background-position:top center;
		background-repeat:no-repeat;
		min-height:246px;
	}
	.bucket-col-2-1{
		background-image:url(../images/bucket-header-2-1.gif);
	}
	.bucket-col{
		float:left;
		width:254px;
		margin:0 12px 0 0 ;
		padding:20px 20px 10px 20px;
	}
	.bucket-col-2{
		width:560px;
	}
	.bucket-end{
		margin:0;
	}
	.bucket-footer{
		height:10px;
		font-size:1px;
		background-image:url(../images/bucket-footer.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		margin:0 0 10px 0;		
	}
	.bucket-footer-2-1{
		background-image:url(../images/bucket-footer-2-1.gif);	
	}	
	.bucket h1 {font-size:16px}
	.bucket h2 {font-size:14px}
	.bucket h3 {font-size:12px}
	
/* new bucket */

	.newsbox {
		margin:0 0 8px 0;
	}
	.newsbox-date {
		background:#bf0000;
		width:32x;
		float:left;
		margin:0 10px 0 0;
		padding:4px;
	}
	.newsbox-date .month {
		font-size:12px;
		text-align:center;
		color:#fff;
		line-height:16px;
		height:18px;
		width:32px;
	}
	.newsbox-date .date {
		font-size:12px;
		color:#fff;
		line-height:16px;
		background-color:#000000;
		text-align:center;
		height:16px;
		width:32px;
	}	
	.newsbox-text{
		float:left;
		width:200px;
	}
	.newsbox-text h2{
		margin:0;
		padding:0;	
	}
	.newsbox-text h2 a{
		color:#af0000;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
	}
	.newsbox-text h2 a:hover {
		border-bottom:dotted 1px #af0000;
	}
	.newsbox-text p{
		margin:0;
		padding:0;
		font-size:11px;
	}
	
/* image-text */

	.image-text{
		background-image:url(../images/image-text-backgroud.jpg);
		background-repeat:repeat-x;
		/*position:relative;*/
		height:320px;
		/*overflow:hidden;*/
	}
	.image-text-position{
		position:relative;
	}
	.image-text-hero{
		
	}
	.image-text-text{
		position:absolute;
		z-index:10;
		left:245px;
		top:80px;
		width:550px;
	}
	.image-text-button {
		position:absolute;
		z-index:1;
		right:20px;
		top:20px;
	}
	.image-text-button a{
		background-image:url(../images/downloadbtn.png);
		background-repeat:no-repeat;
		width:165px;
		height:42px;
		display:block;
		color:#FFFFFF;
		text-align:center;
		text-decoration:none;
		padding:10px 0 0 0;
	}
	.image-text-button a:hover{
		background-image:url(../images/downloadbtnOver.png);	
		color:#999999;
	}
	
/* product box */

	.product-box-wrapper{
		padding-left:55px;
		margin:0 0 10px 0;
	}
	.product-box{
		float:left;
		border:1px solid #EAEAEA;
		background-color:#F4F4F4;
		width:136px;
		height:170px;
		overflow:hidden;
		margin:0 2px 2px 0;
		padding:17px;
	}	
	.product-box a{
		color:#36424a;
		text-decoration:none;
		font-weight:bold;
	}
	.product-box a:hover{
		color:#AF0000;
		text-decoration:underline;
	}
	.product-box-text{
		background:url(../images/product-box-bullet.gif);
		background-repeat:no-repeat;
		padding:0 0 0 15px;
		background-position:0 5px;
	}
	.product-box-active{
		border:1px solid #CCCCCC;
	}	

/* Forms */

	.form fieldset {
		border:none;
		border-bottom:solid 4px #003366;
		margin:0 0 10px 0;
		padding:0 0 5px 0;
		font-size:12px;
	}
	.form fieldset legend {
		background-color:#af0000;
		color:#F2F4F5;
		font-weight:bold;
		font-variant:normal;
		font-size:110%;
		padding:5px;
		margin:0px 0px 10px 0px;
		position:relative;
		top: -12px;
	}
	.form label {
		display:block;
		color:#36424a;
		float:left;
		width:110px;
		text-align:right;
		margin:6px 5px 0px 0px;
	}
	.form .error{
		color:#AF0000;
		padding:0 0 5px 0;
	}
	.form .button {
		background-color:#f8f8f8;
		border:2px solid #af0000;
		color:#36424a;
		font-weight:bold;
		font-size:15px;
		background:none;
	}
	.form .button:hover {
		background-color:#af0000;
		color:#eee;
		cursor:pointer;
	}
	/*.form .input {
		background:url(../images/inputBG.gif);
		background-repeat:repeat-x;
		margin-bottom:2px;
		height:20px;
		border:solid 1px #7f9db9;
		width:180px;
		padding:2px;
	}*/
	.form input,.form textarea, .form select{
		background:url(../images/inputBG.gif);
		background-repeat:repeat-x;
		border:solid 1px #7f9db9;
		padding:2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:0 0 5px 0;
	}
	.form .input,.form .textarea, .form select{
		width:300px;
	}
	.form #select option {
		background:#f8f8f8;
	}
	.form .loginBox {
		width:280px;
		padding:10px 5px 5px 10px;
	}

/* SUPPORT MODULE
---------------------------------*/

	.faq-list{
		margin:0;
		padding:0;
	}
	.faq-list li{
		list-style:none;
	}
	.faq-list a{
		display:block;
		border:1px solid #EAEAEA;
		background-color:#F4F4F4;
		padding:6px 8px;
		margin:0 0 2px 0;
		text-decoration:none;
	}
	.faq-list a:hover{
		border:1px solid #CCCCCC;
	}