@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Swordfish Communications
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #666;
			font-family: Helvetica, Arial, Sans-Serif;
		}
		
		#container-wrap {
			width: 886px;
			margin: 0 auto;
			background: url(../images/container-bg.gif) repeat-y;
		}
		#container {
			width: 860px;
			margin: 0 auto;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			background: url(../images/header-bg.gif) no-repeat;
		}
			#header h1 {
				display: block;
				height: 138px;
			}
				#header h1 a {
					display: block;
					height: 138px;
					text-indent: -999999px;
				}
			
			#header ul {
				display: block;
				margin: 0 auto;
				text-align: center;
				list-style-type: none;
				padding-left: 19px;
			}
				#header ul li {
					display: block;
					height: 43px;
					float: left;
				}
					#header ul li a {
						display: block;
						float: left;
						padding: 0 22px;
						height: 43px;
						line-height: 46px;
						font-size: 14px;
						color: #fff;
						text-decoration: none;
					}
						#header ul li a:hover { text-decoration: underline; }
					#header ul li.current { background: url(../images/main-nav-li-bg-current.gif) left no-repeat; }
						#header ul li.current a { background: url(../images/main-nav-a-bg-current.gif) right no-repeat; color: #000; }
							#header ul li.current a:hover { text-decoration: none; }



/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content {
			margin: 15px 22px 0 22px;
			background: url(../images/content-bg.gif) 260px top repeat-y;
		}
			#masthead h2 {
			}



/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 260px;
			float: left;
		}
			#sidebar ul {
				display: block;
				list-style-type: none;
			}
				#sidebar ul li {
					display: block;
					height: 56px;
					width: 238px;
				}
					#sidebar ul li a {
						display: block;
						height: 40px;
						line-height: 42px;
						padding-left: 45px;
						background: url(../images/sidebar-nav-bg.gif) top no-repeat;
						text-decoration: none;
						font-size: 16px;
						color: #666;
					}
						#sidebar ul li a:hover {
							text-decoration: underline;
							color: #333;
						}
						#sidebar ul li.current a {
							background: url(../images/sidebar-nav-bg.gif) bottom no-repeat;
							font-weight: normal;
							text-decoration: none;
							color: #fff;
						}



/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#main {
			width: 530px;
			float: right;
		}
			#main h3 {
				display: block;
				font-family: Georgia, Serif;
				color: #f4901e;
				font-size: 15px;
				font-weight: bold;
				padding-bottom: 18px;
			}
			#main p {
				display: block;
				padding-bottom: 8px;
				font-size: 12px;
				line-height: 18px;
				color: #333;
			}
			#main a {
				color: #f4901e;
				text-decoration: underline;
			}
			#main a:hover {
				color: #8d4300;
			}
			#main ul {
				display: block;
				padding: 10px 0 15px 15px;
				list-style-type: none;
				color: #333;
			}
				#main ul li {
					display: block;
					padding: 3px 0 3px 20px;
					background: url(../images/normal-list-li-bg.gif) left 2px no-repeat;
					font-size: 12px;
				}

			#sidebar h3.testimonial {
				display: block;
				width: 238px;
				background: url(../images/sidebar-test-bg-bottom-interior.gif) bottom no-repeat;
				margin-bottom: 12px;
			}
				h3.testimonial strong {
					display: block;
					padding: 20px;
					background: url(../images/sidebar-test-bg-top-interior.gif) top no-repeat;
					font-size: 13px;
					line-height: 20px;
					font-weight: bold;
					text-align: center;
					color: #fff;
					font-weight: normal;
				}
					h3.testimonial strong em {
						display: block;
						font-weight: bold;
						font-family: Georgia, Serif;
					}


/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
	
		#footer {
			width: 886px;
			margin: 0 auto;
			padding: 65px 0 40px 0;
			background: url(../images/footer-bg.gif) top no-repeat;
		}
		#footer ul {
			display: block;
			list-style-type: none;
			padding-left: 26px;
		}
			#footer ul li {
				display: block;
				float: left;
				background: url(../images/footer-nav-li-bg.gif) right no-repeat;
				font-size: 11px;
				color: #fff;
			}
				#footer ul li a {
					display: block;
					float: left;
					padding: 3px 9px;
					font-size: 11px;
					text-transform: uppercase;
					color: #fff;
					text-decoration: underline;
				}
					#footer ul li#legal {
						padding: 3px 0 0 9px;
						background: none;
					}