@charset "utf-8";
/* CSS Document */
 @import url("common.css");
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0px;
	padding: 0px;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #9E231B url(../images/bg.png);
	background-repeat: repeat-x;
	font: 1em/150%  Calibri, Verdana or Ubuntu;
	/*color: #666;*/
	color:black;
}
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 1000px;
	margin: 0 auto;
	background-color: White;
	padding: 0px;
	margin-top: 40px;
	border-top-left-radius:10px;
   border-top-right-radius:10px;
	border-bottom-right-radius :10px;
    border-bottom-left-radius:10px;
	 margin-bottom:10px;
	
	
}
#footerdiv
{
	 
	background-color: #373435;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right:5px;
	font-size:12px;	 
	border-top:10px solid #BDBFC1;
	height:20px;
	border-bottom-right-radius :5px;
    border-bottom-left-radius:5px;
}
#footerdiv1
{
	border-top:10px solid #BDBFC1;
	height:75px;
	
}
.partners
{
	font-size: 18px;
	font-weight: bold;
	font-family: Tahoma;
	padding-bottom: 5px;
	padding-left: 5px;
}
/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	height: 200px;
}

/* site logo */
#site-logo {
	position: absolute;
	top: 5px;
	padding-left:10px;
}
#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/* site description */
#site-description {
	font: italic 100%/130% "Times New Roman", Times, serif;
	padding-top: 40px;
	float: right;
	padding-right:10px;
	text-align: right;
}
#register
{
    float: right;
    margin: 20px 10px 0;
	text-align:right;
}

/* searchform */
#searchform {
	position: absolute;
	right: 10px;
	bottom: 6px;
	z-index: 100;
	width: 160px;
}
#searchform #s {
	width: 140px;
	float: right;
	background: #fff;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

nav {
  
  margin: 10px 0 0;
  margin:0 auto;
  clear: both;
  width:90%;
  position: absolute; bottom: 0;
  left:5%;
  height:48px;  
  background-image: url(../images/menubg.png);
  background-repeat: repeat-x;
  border-radius:5px;
   
  
}
ul[role=navigation] {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-transform: uppercase;
  padding-right:30px;
}
ul[role=navigation] li {
  list-style: none;
  float: left;
  margin: 10px 0 0 5px;
}
ul[role=navigation] li a {
  
  border-color: #EDEDED;
   border-bottom: 0;
  border-radius:5px;
  color: #FFFFFF;
  display: block;
  padding: 7px 10px 5px;
  font-size:16px;
}
ul[role=navigation] li a:hover,
ul[role=navigation] li a:focus,
ul[role=navigation] li a:active,
ul[role=navigation] li a.activePage {
  border-color: #EDEDED;
  background-color:#673B3B;
  color: #ECECEC;
  text-decoration: none;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}
ul[role=navigation] li a .icon {
  padding-right: 10px;
  font-size: 17px;
}

#main-nav {
	width: 100%;
	background: #ccc;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	/* gradient */
	background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
/************************************************************************************
CONTENT
*************************************************************************************/
#content 
{
	background: #fff;
	width: 100%;
	float: left;
	 
}

#contentleft 
{
	margin: 10px 0 30px;
	padding: 20px 35px;
	width: 520px;
	float: left;	 
}

/* post */
.post {
	margin-bottom: 10px;
	margin-top:10px;
	
}
.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
	text-decoration: none;
	color: #000;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	width:100%;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	
}
.col2_1
{
	width:30%;
	vertical-align: top;
	float:left;
	 
}
.col2_2
{
	width:50%;
	vertical-align: top;
	float:left;
	 
}
.col3_3
{
	width:25%;
	vertical-align: top;
	float:left;
	 
}

.col2_3
{
	width:55%;
	vertical-align: top;
	float:left;
	 
}

.gap
{
  padding:30px;
  float:left;
}
.subtitle
{
	background-color: #FFFFFF;
	text-align: center;
	color:#EB1E24;
	padding: 5px;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	
	
}
.subcontent
{
	margin-top:-10px;
	background-color: #ECECEC;
	border-radius:5px;
	padding:7px;
	padding-top:15px;
	height:300px;
	vertical-align: top;
	text-align:justify;
}
.c-form input[type=text], .c-form input[type=email],.c-form input[type=date],.c-form input[type=password], .c-form input[type=tel], .c-form input[type=number], .c-form input[type=file] {
  border: 1px solid #e0e0e0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 2px 0, rgba(0, 0, 0, 0.05) 0 2px 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 2px 0, rgba(0, 0, 0, 0.05) 0 2px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.05) 0 2px 0, rgba(0, 0, 0, 0.05) 0 2px 1px inset;
  display: block;
  margin: 0 0 15px;
  padding: 10px;
  width: 320px;
}
.c-form input[type=text]:focus, .c-form input[type=email]:focus,.c-form input[type=date]:focus,.c-form input[type=password]:focus, .c-form input[type=tel]:focus, .c-form input[type=number]:focus, .c-form input[type=file]:focus {
  border-color: #3891cf;
  outline: none;
  -moz-box-shadow: #dfe9f2 0 0 7px;
  -webkit-box-shadow: #dfe9f2 0 0 7px;
  box-shadow: #dfe9f2 0 2px 0, #dfe9f2 0 2px 1px inset;
}
.c-form textarea {
  border: 1px solid #e0e0e0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 2px 0, rgba(0, 0, 0, 0.05) 0 2px 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 2px 0, rgba(0, 0, 0, 0.05) 0 2px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.05) 0 2px 0, rgba(0, 0, 0, 0.05) 0 2px 1px inset;
  display: block;
  margin: 0 0 20px;
  padding: 10px;
  width: 92%;
  height: 80px;
}
.c-form textarea:focus {
  border-color: #3891cf;
  outline: none;
  -moz-box-shadow: #dfe9f2 0 0 7px;
  -webkit-box-shadow: #dfe9f2 0 0 7px;
  box-shadow: #dfe9f2 0 2px 0, #dfe9f2 0 2px 1px inset;
}
.c-form .button {
  display: block;
  float: none;
}

.button {
  background: #B03720;
  border: 1px solid #9A8582;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1), 0 4px 0 #689603, rgba(255, 255, 255, 0.1) 0 -1px 0 inset, rgba(255, 255, 255, 0.15) 0 1px 0 inset;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1), 0 4px 0 #689603, rgba(255, 255, 255, 0.1) 0 -1px 0 inset, rgba(255, 255, 255, 0.15) 0 1px 0 inset;
  /*box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1), 0 4px 0 #689603, rgba(255, 255, 255, 0.1) 0 -1px 0 inset, rgba(255, 255, 255, 0.15) 0 1px 0 inset;*/
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #FFFFFF;
  display: block;
  font: bold 18px;
  word-spacing: 3px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  width: 210px;
  margin: 0 20px 0 0;
  text-shadow: #689603 0 1px 0;
}

.subcontentall
{
	margin-top:-10px;
	background-color: #ECECEC;
	border-radius:5px;
	padding:8px;
	padding-top:15px;
	width:92%;
	vertical-align: top;
	text-align:justify;
	
}
.col1_1
{
	width:100%;
	vertical-align: top;
	float:left;
	padding-left:30px;
	padding-right:30px;

	 
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width:320px;
	float: right;
	margin: 30px 0 30px;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
	color: #ccc;
	font-size: 85%;
	margin:0px;
}
#footer a {
	color: #fff;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/************************* Social ************************************/
/*-----------------------------------------------------------------------------------*/
/*	SOCIAL
/*-----------------------------------------------------------------------------------*/
.social {
    margin-bottom: 0px;
    text-align: center;
}
#footer .social {
    margin: 0;
    text-align: left;
}
.social li {
    display: inline;
    margin: 0 2px;
}
.social a {
    background: transparent url(../images/social-icons.png) no-repeat 0 0;
    height: 32px;
    width: 32px;
    display: inline-block;
    position: relative;
    -webkit-transition: none 200ms ease-in;
    -o-transition: none 200ms ease-in;
    -moz-transition: none 200ms ease-in;
}
.social a.rss {
    background-position: 0 0
}
.social a.facebook {
    background-position: -32px 0
}
.social .twitter {
    background-position: -64px 0
}
.social .dribbble {
    background-position: -96px 0
}
.social .pinterest {
    background-position: -128px 0
}
.social .flickr {
    background-position: -160px 0
}
.social .linkedin {
    background-position: -192px 0
}
.social .vimeo {
    background-position: -224px 0
}
.social .lastfm {
    background-position: -256px 0
}
.social .tumblr {
    background-position: -288px 0
}
.social .forrst {
    background-position: -320px 0
}
.social .skype {
    background-position: -352px 0
}
.social .friendfeed {
    background-position: -384px 0
}
.social .deviantart {
    background-position: -416px 0
}
.social .google {
    background-position: -448px 0
}
.social a.rss:hover {
    background-position: 0 bottom
}
.social .facebook:hover {
    background-position: -32px bottom
}
.social .twitter:hover {
    background-position: -64px bottom
}
.social .dribbble:hover {
    background-position: -96px bottom
}
.social .pinterest:hover {
    background-position: -128px bottom
}
.social .flickr:hover {
    background-position: -160px bottom
}
.social .linkedin:hover {
    background-position: -192px bottom
}
.social .vimeo:hover {
    background-position: -224px bottom
}
.social .lastfm:hover {
    background-position: -256px bottom
}
.social .tumblr:hover {
    background-position: -288px bottom
}
.social .forrst:hover {
    background-position: -320px bottom
}
.social .skype:hover {
    background-position: -352px bottom
}
.social .friendfeed:hover {
    background-position: -384px bottom
}
.social .deviantart:hover {
    background-position: -416px bottom
}
.social .google:hover {
    background-position: -448px bottom
}


.fcontentlink
{
	padding-left:40px;
}
/*
	RESPONSIVE STYLES
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 960px) {

/* pagewrap */
	#pagewrap {
		width: 95%;
		margin-top: 10px;
	}

#header {
	position: relative;
	height: 380px;
}
 #register {
    float: none;
    margin-top: 10px;
    /*width: 95%;*/	 
	text-align:right;
  }
  .c-form
  {
   padding:right:10px;
  }
 .c-form input[type=text],.c-form input[type=password], .c-form input[type=email], .c-form input[type=tel], .c-form input[type=number], .c-form input[type=file] 
 {
    padding:5px;
    width: 98%;
  }
  .c-form input[type=submit]
  {
	 width: 100%;
	   padding:5px;
  }

  nav 
  {
    position:relative;
	float: none;
    margin: 140px 0px;
	background:none;
	height:210px;

  }
  ul[role="navigation"] 
  {
   padding-right:0px;
  }
  ul[role=navigation] li {
    float: none;
    display: block;
    margin: 1px;
    width: 100%;

  }
  ul[role=navigation] li a {
    padding: 12px 20px;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
	background-color:#B53D22;
  }
  ul[role=navigation] li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.15)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  }
  ul[role=navigation] li a .icon {
    font-size: 16px;
    vertical-align: text-bottom;
  }
  .col3_3
  {
     width:93%;
	 margin-left:20px;
	 margin-right:20px;
  }
  .col2_3
  {
     width:93%;
	 margin-left:20px;
	 margin-right:20px;
  }
  .gap
	{
	  display:none;
	}

	.col1_1
	{
	 width:99%;
	 margin-left:20px;
	 margin-right:20px;
	 padding:0px;
	}
	
	.col2_1, .col2_2
	{
		 width:92%;
	 margin-left:20px;
	 margin-right:20px;
	 padding:0px;
		
	}
  
}
@media screen and (max-width: 480px) {

#header {
	position: relative;
	height: 400px;
}


}