/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/

/* import core styles */
@import url(base.css);

/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { background:#1523a3; color:#000; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.2em; }

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container div.container-bottom div.wrapper{ background:url(../images/container-bottom.png) no-repeat top left; height:42px; width:959px; }

/*---- Wrapper ----*/
div.wrapper{ background:url(../images/wrapper-bg.png) left top repeat-y; width:961px; margin:0 auto; padding:0px 9px; }

/*---- Header ----*/
div#header{ background:url(../images/header/header-bg.gif) left bottom repeat-x; border-top:4px solid #777777; overflow:hidden; }

/*---- Navigation ----*/
div#navigation{ background:url(../images/navigation/navigation-bg.gif) repeat-x top left; height:48px; margin-top:-2px; }

/*---- Content ----*/
div#content{ background:#fff url(../images/content/content-bg.jpg) repeat-x left bottom;  }

/*---- Main ----*/
div#main { float:right; padding-left:4px; width:672px; background:url(../images/content/main-bg.jpg) no-repeat top left; padding-top:12px; }

/*---- Sidebar ----*/
div#sidebar { float:left; background:url(../images/content/sidebar-bg.jpg) no-repeat top left; width:252px; padding-top:27px; }

/*---- Footer ----*/
div#footer{ text-align:center; padding:20px 0 40px; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.wrapper { background:none; width:977px; padding:0; }
div#header div.logo{ background:url(../images/header/logo-bg.png) no-repeat left top; padding:17px 2px 9px 36px; width:186px; float:left; margin-top:4px; }
div#header div.logo a { color:#FFF; font-size:80%; }

/*---- Header - Banner ----*/
div#header div#banner { margin-top:-6px; position:relative; z-index:5; width:753px; float:right; }

/*---- Header - Contact ----*/
div#header p#contact { font-size:240%; color:#fff; line-height:28px; z-index:10; position:relative; margin-top:12px; padding-right:26px; }

/*---- Navigation ----*/
div#navigation ul { background:url(../images/navigation/nav-bg.gif) repeat-x top left; padding-left:35px; }
div#navigation ul li { display:block; float:left; }
div#navigation ul li.pipe { background:url(../images/navigation/pipe.gif) no-repeat left -2px; width:1px;  line-height:48px; height:48px;  }
div#navigation ul li a { font-size:170%; color:#FFF; padding:0 18px 0 17px; line-height:48px; height:48px; display:block; float:left; }
div#navigation ul li:hover ,div#navigation ul li a.active { background:url(../images/navigation/li-active-bg.gif) no-repeat center 1px;}
div#navigation ul li a:hover { text-decoration:none; }
/*---- Navigation Flyout----*/
div#navigation ul li.parent { position:relative; }
div#navigation ul li.parent ul.child { display:none; position:absolute; background:#1523a3; top:48px; left:0px; padding-left:0; white-space:nowrap; }
div#navigation ul li:hover ul li { background:none; }
div#navigation ul li.parent:hover ul.child { display:block; }
div#navigation ul li.parent ul.child li { float:none; }
div#navigation ul li.parent ul.child li a { height:auto; line-height:1.6em; width:160px; float:none; }
div#navigation ul li.parent ul.child li a.active, div#navigation ul li.parent ul.child a:hover { background-image:none !important; background-color:#2982be; }

/*---- Content ----*/
div#content div.inner-wrapper { background-color:#fff; padding:0 10px 0 5px; }

/*---- Main ----*/
div#main div.inner-main { padding:0 17px; }

/*---- Sidebar ----*/
div#sidebar div.section { margin-bottom:19px; text-align:center; }
div#sidebar div.section a { color:#1523a3; font-size:140%; }
div#sidebar div#testimonials { margin:27px 0 34px; }
div#sidebar div#testimonials a { color:#1523a3; font-size:140%; }

/*---- Footer ----*/
div#footer p {  color:#fff; }
div#footer ul { margin-bottom:5px; }
div#footer ul li { display:inline; color:#fff; font-size:140%; margin-right:3px; }
div#footer ul li a { color:#fff; }

/*---- Post ---*/
div.post h1 { font-size:250%; margin-bottom:20px; color:#fff; background:url(../images/content/h1-bg.jpg) no-repeat top left; line-height:38px; font-weight:normal; padding-left:20px; }
.home{ font-size:200%; margin-bottom:6px; color:#0078a6; font-weight:normal; }

div.post h2 { font-size:200%; margin-bottom:6px; color:#0078a6; font-weight:normal; }

div.post h3 { font-size:180%; margin-bottom:4px; color:#0078a6; font-weight:normal; }
div.post h4 { font-size:160%; margin-bottom:4px; color:#0078a6; font-weight:normal; }

div.post p { color:#3e3e3e; line-height:1.2em; font-size:120%; margin-bottom:15px; }
div.post p a { color:#3e3e3e; text-decoration:underline; }
div.post p a:hover { text-decoration:none; } 

div.post img { border:#3842af 1px solid; }

div.post blockquote { background:url(../images/content/blockquote-left.gif) no-repeat 13px top; }
div.post blockquote p{ background:transparent url(../images/content/blockquote-right.gif) no-repeat scroll 201px bottom; font-size:150%; line-height:1.4em; margin-bottom:5px; padding:0px 10px 15px 53px; text-align:left;  }
div.post blockquote p.author { background:none; line-height:.8em;  }
div.post blockquote p cite{ font-weight:bold;}

div.post img.alignleft{ float:left; margin:0 10px 10px 0;}
div.post img.alignright{ float:right; margin:0 0px 10px 10px;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:120%; }
div.post li li, div.post li p { font-size:100%; }


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

div.hp img{
	border:none;
	
}

.accoupone{

	width:290px;
	height:171px;
	background-image:url(../images/accoupon.jpg);
	background-repeat:no-repeat;
	padding: 10px 5px 0 10px;
}
.savebig{
	font-size:20px;
	color:#FFF;
	margin: 65px 0 0 18px;
	
}