/*
 * This CSS file is for customization purpose only
 *
 * To make it easier to update a YOOtheme template to the latest version use
 * this custom.css file for small CSS modifications.
 *
 * How it works:
 * For example if you want to change a color which is applied in layout.css
 * just copy the original styling into this file right after the commented
 * section. Do this for all CSS modifications.
 *
 * In case you have to update the template save the custom.css file on your computer.
 * De-install and re-install the updated template version. And copy your saved
 * custom.css file back in place. Now compare your modification with the new CSS
 * files and make sure they are working.
 *
 * To activate the loading of this file goto the template folder and take a look
 * at css/template.css.php at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 * also open css/template.css at the last line and uncomment following line:
 * @import url(custom.css);
 */ 



/*
 * layout.css
 */

* {
	margin: 0px;
	padding: 0px;
}
img {
	border:0;
}
body, html {
	height: 100%;
}
body {
	background:#72a3d6 url(http://www.netspray.com/template-v8/8/images/background.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color:#151515;
}

body.yoopage {
	padding-bottom: 0px;
}


ul,  ol {
	list-style-position:inside;
	margin-left:15px;
}

#ribbin,  #header,  #home-section-top, #container,  #new_footer,  #subpage-section-top,  #netSpray-works-with-wrapper ul,  #blog-container {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

div#page-body div.page-body-b {
  width:980px;
}

#ribbin {
	height:40px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	font-family: Arial;
}

#header-wrapper {
	background:url(http://www.netspray.com/template-v8/8/images/header-bg.png) repeat-x;
	height:126px;
}

/* begin Header */
#header {
  height:86px;
	background:url(http://www.netspray.com/template-v8/8/images/header-background.png) no-repeat top left;
	position:relative;
}

h1#logo {
	width:195px;
	height:86px;
	position:absolute;
	top:0;
	left:0;
}
h1#logo a {
	display:block;
	width: 195px;
	height: 86px;
	background: url(http://www.netspray.com/template-v8/8/images/logo.png) no-repeat;
	text-indent:-9999px;
}
#sec-nav {
	position:absolute;
	top:35px;
	right:0;
	list-style:none;
	color:#1d77b6;
	font-family: Arial;
}
#sec-nav li {
	display:inline;
	float:left;
	margin-left:8px;
	line-height:18px;
}
#sec-nav li a {
	color:#000;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
#sec-nav li a:hover {
	color:#000;
	text-decoration:underline;
}

/* end Header */


/* begin footer */

#new_footer-wrapper {
	height:auto;
	width:100%;
	background:#1E1E1E url(http://www.netspray.com/template-v8/8/images/footer-bg.gif) repeat-x;
gif

}
#new_footer {
	padding-top:25px;
}
#new_footer .links {
	display:inline;
	float:left;
	width:140px;
	padding-left:20px;
	text-align: left;
}
#new_footer h4 {
	width:140px;
	color:#ffffcc;
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
	font-family: Arial;
}
#new_footer ul {
	list-style:none;
	list-style-position:outside;
	border-right:1px solid #252525;
	font-size:14px;
	margin:0;
	padding:0;
}

#new_footer ul li {
	padding:0;
	margin:0;
	line-height:18px;
}
#new_footer ul li a {
	color:#fff;
	text-decoration:none;
	font-family: Arial;
}
#new_footer ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
#new_footer .copyright {
	display:block;
	float:right;
	color:#fff;
	font-size:11px;
	padding:15px 20px 10px 0;
	text-align:right;
	width:960px;
	font-family: Arial;
}










/* FOOTER */
#footerwrapper{
	background: url(http://www.netspray.com//img/bgBttmV4.gif) repeat-x #333;
	height: 132px;
	margin-top: 30px;
	margin-left: -10px;
	margin-bottom: -10px;
	margin-right: -8px;
}
#footer {
	margin-top:40px;
	padding-top:15px;
	width: 960px;
	margin: 0 auto;
	}

#footer .stay-connected {
	float:left;
	}

#footer .stay-connected h1 {
	color:#CCC;
	font-size:14pt;
	font-weight:normal;
	}
	
.social-media-icons {
	vertical-align:bottom;
	padding-bottom:3px;
	margin-right:8px;
	}

#footer .copyright {
	display:block;
	float:right;
	color:#fff;
	font-size:11px;
	padding-top:90px;
	text-align:right;
	}

/* end footer */



/*
 * general.css
 */



/*
 * menus.css
 */



/*
 * modules.css
 */



/*
 * joomla.css
 */



/*
 * extensions.css
 */



/*
 * [color]-[specific].css
 * Place here your color specific CSS changes depending on your choosen color variation
 */



/*
 * ie7hacks.css
 * use IE7 browser hacks to apply the styling only to IE7
 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }
 */



/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */