/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */



	/*  
	======================== 
	- Note: These styles are just to pretty the basic page up a bit.
	You should ignore these when copying and pasting into your site 
	because your stylesheet should take care of making it look pretty!
	======================== 
	*/
/*  SECTIONS  ============================================================================= */

.section1 {
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col1 {
	display: block;
	float:left;
}

.col1:first-child { margin-left: 0; } /* all browsers except IE6 and lower */



/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 32.46%;
}

.span_2_of_3 {
	width: 32.46%;
}

.span_1_of_3 {
	width: 32.46%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}


--------------------------------------------------------

/**************************************
RESPONSIVE LAYOUT CSS
**************************************/

.wrapper2 {
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 800px) {

  .wrapper2 {
    max-width: 100%;
  }
  
  header2 {
    width: 100%;
  }
  
  nav2, section2 {
    float: left;
  }
  
   nav2 {
    text-align: left;
	margin-top: 30px;
  }

  nav2 {
    width: 50%;

  }

  section2 {
    width: 50%;
  }
  
}


@media screen and (min-width: 1000px) {

  .wrapper2 {
    max-width: 100%;
  }
  
}



/**************************************
CSS TO MAKE THE EXAMPLE LOOK PRETTY
**************************************/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header2,
nav2,
section2 {
  border: 1px solid rgba(255,255,255,0.8);
  margin-bottom: 5px;
  margin-left: 5px
  margin-top: 0px;
  border-radius: 3px;
}

header2 {
  padding: 0px 0;
}

nav2, section2 {
  padding: 50px 0;
}