a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ul{
   list-style:none;		
}
li {
   display:inline;
}
.clear {
   clear:both;
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
* {
   margin:0;
   padding:0;
}
@font-face {
        font-family: "CenturyGothic";
        font-style: normal;
        src: url(../fonts/Century Gothic.eot); /*if IE */
        src: local("CenturyGothic"), url("../fonts/CenturyGothic.ttf") format("truetype"); /* non-IE */
}
body{
  background:url('../images/bck1.jpg') top center repeat-x;
  background-color:#007581;
  font-family:"CenturyGothic";
  }
img {
  width:100%;
  height:auto;
}
#container {
    min-height: 900px;
    width: 100%;
    background:url(../images/bck-center.jpg) no-repeat center top;
}
#content {
  width:100%
}
#header {
    height: 210px;
    margin: 0 auto;
    padding: 40px 5px 5px;
    width: 940px;
}
.image_holder {
  width:420px;
  margin:0 auto;
}
#content_holder {
   background:url(../images/content_bg.png) repeat-x;
   height: 220px;
   width: 100%;
}
.content {
	width: 940px;
	margin:0 auto;
}
.tag {
   width:380px;
   float:left;
   margin-right: 30px;
}
.tag_content {
   width:510px;
   margin-top: 50px;
   float:left;
}
.tag_content > p {
   color:#fff;
   font-size: 16px;
   line-height:22px;
}
.theme {color:#babc34;}
#button_holder {
   width:100%;
   margin-top: 150px;
}
.btn_container {
   width:1000px;
   margin:0 auto;
 }
 .btn {
   float:left;
   width:323px;
   height:90px;
   text-align:center;
   background:url(../images/btn_bg.png) repeat-x;
   border-radius: 8px 8px 8px 8px;
   margin-right: 15px;
 }
 .btn a {
    color: #111111;
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
    top: 20px;
 }
 .btn:last-child {
   margin-right:0px;
 }

.btn:nth-child(2) {
   margin-bottom:15px;
 }


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#header {
		width: 94%;
	}
	.content {
		width:98%
	}
	.tag {
    float: left;
    margin-right: 35px;
    width: 30%;
   }
   .tag_content {
      width:64%;
      margin-top: 20px;
      float:left;
   }
   .btn_container {
      width:100%;
      margin:0 auto;
    } 
   .btn {
   float:left;
   width: 32%;
   height:90px;
   text-align:center;
   background:url(../images/btn_bg.png) repeat-x;
   border-radius: 8px 8px 8px 8px;
   margin-right: 15px;
 }

   
	
}

/* for 700px or less */
@media screen and (min-width:481px) and (max-width: 700px) {

	#content {
		width:94%;
		float: none;
	}
	#content_holder {
	background:url(../images/content_bg.png) repeat;
	height:344px;
	}
	.tag {
    float: none;
    margin: 15px auto 0;
    width: 60%;
   }
   .tag_content {
      margin: 15px auto 0;
      width: 94%;
      float:none;
   } 
   #button_holder {
      margin-top: 15px;
   }
   .btn_container {margin: 0 auto;}
   .btn {width:31%;}
   .btn a {font-size:16px}
   
}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	.image_holder {
    width:90%;
	}
	#content_holder {
	background:url(../images/content_bg.png) repeat;
	height:362px;
	}
	.tag {
      width:90%;
      float:none;
   }
   .tag > img {
      max-width:375px;
      height:auto;
      margin-left:1.2em; 
      margin-top: 15px; 
   }
   .tag_content {
      width:90%;
      margin-left: 1.2em;
      margin-top: 20px;
      float:none;
   }  
   .btn_container {
      width:80%;
      margin:0 auto;
     
    } 
    #button_holder {
       margin-top: 15px;
    }
   .btn {
   float:none;
   width: 100%;
   height:90px;
   text-align:center;
   background:url(../images/btn_bg.png) repeat-x;
   border-radius: 8px 8px 8px 8px;   
 }
 .btn:first-child {
   margin-bottom:15px;
 }
.btn:nth-child(2){
   margin-bottom:15px;
 }
	
}

/* for 320px or less */
@media screen and (max-width: 320px) {
	#content_holder {height:432px;}
}