/*
Theme Name: ODDMAC
Theme URI: http://oddmac.com/
Description: 
Author: VituWatu
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@font-face {
    font-family: "wonderful";
    src: url(wonderful.ttf);
}
.wonderful {
    font-family: "wonderful";
    font-size: 12px;
	letter-spacing:1px;
	font-weight:normal;
}

@charset "utf-8";
/* CSS Document */

body {background-image:url('images/odmacbg.png');} 

strong{color:black;}

.wrapper {
    margin:0 auto;
	height:80%;
	width:75%;
}
.header {
    margin:0 auto;
	width:100%;
	height:232px;
	border-color:black;
	background:white;
}
.left_header_holder {
   display:block;
   float:left;
   height:75px;
   width:200px;
   margin:5px 0 0 35px; 
   background:red;
}
.logoholder {
   width:490px;
   height:140px;
   margin:0 auto;
   background:url(images/banner-large.png);
}
.sloganholder {
   display:block;
   width:40%;
   margin:0 auto;
   font-size:10px;
   font-family: 'IM Fell Great Primer',serif;
}
.sloganholder p{ 
   color:black;
   font-size:24px;
   line-height:40px;
   text-align:center;
   text-transform:lowercase;
}

.leftcontainer_index {
  display:block;
  float:right;
  background:red;
  height:400px;
  width:150px;
 }

.download_drop {
  display:block;
  float:left;
  margin:10px 0 0 0;
  height:150px;
  width:150px;
}
.download_drop h2 {
  text-align:center;
  color:black;
  font-size:18px;
  line-height:18px;
  width:200px;
  margin:20px 0 0 -10px;
 }
.download_drop .selectdoc{
   line-height:0px;
   float:right;
   margin-top: 0px;
   margin-right: 0px;
}
.download_drop .selectdoc select {
   border:1px solid #f0f0f0;
} 

.searchbox {
   display:block;
   float:right;
   margin:0 -37px 0 0;
   height:25px;
   width:228px;
   line-height:17px;
   height:17px;
 }

 .searchinput {
   width:108px;
   border:none;
   
   
 }
 .searchsubmit {
   width:35px;
   border:none;
   height:22px;
   background:white;
   color:#EE3137;
   text-transform:uppercase;
   
 }

 .mainmenu {
   display:block;
   float:left;
   margin:0px;
   height:40px;
   width:100%;
   color:white;
   background:black;
}
.mainmenu ul {
   margin:0px auto; 
   width:95%;
}
.mainmenu ul li {
   display:block;
   float:left;
   font-size:19px;
   text-align:left;
    font-family: Arial, cursive;
}
.mainmenu li a{
   list-style:none;
   line-height:40px;
   margin:0 0 0 20px;
   text-decoration:none;
   font-weight:bold;
   text-transform:uppercase;
   color:white;
}
.mainmenu li a:hover{
   color:#EE3037;
}
.magholder {
   margin:0 auto;
   height:450px;
   width:800px;
}
 
.portfolio_holder {
   margin:0 auto;
   height:275px;
   width:850px;
   background:white;
   border-bottom:2px solid;
   border-color:red;
 }
.portfolio_holder h1{
  font-size:22px;
  color:black;
  line-height:22px;
  text-align:left;
  margin:5px 0 0 15px;
  text-decoration:underline;
}
.portfolio_holder p{
  display:block;
  float:left;
  width:450px;
  font-size:16px;
  font-family: Arial, serif;
  color:black;
  line-height:16px;
  text-align:justify;
  margin:5px 0 0 15px;
  
}
 .portfolio_holder img {
  display:block;
  float:right;
  margin:25px 10px 0 0;
}
 
 .copyright_holder {
  background:#F5353C;
  font-size:16px;
  font-family: 'Simonetta', cursive;
  width:100%;
  height:30px;
  margin:0px auto 0 auto;
  font-size:12px;
  color:white;
  text-align:left;
  padding:0px 1px;
  color:white;
} 
.copyright_holder .left {
  line-height:30px;
 padding-left:10px;
 float:left;
 width:65%;
 color:#fff;
}
.copyright_holder .right {
  line-height:30px;
 float:right;
 width:32%;
 text-align:right;
 padding-right:10px;
 color:#fff;
}

.copyright_holder h4 {
  font-size:14px;
  line-height:14px;
  color:black;
  text-align:right;
  
}
.container {
  margin:0 auto;
  width:100%;
  height:478px;
  overflow:hidden;
  background:#000;
}
.container_contacts {
  margin:0 auto;
  width:100%;
  height:478px;
  background:#fff;
  border-left: 1px solid;
  border-right: 1px solid;
  
}
.container_corevalues {
  margin:0 auto;
  width:100%;
  height:478px;
  background:#fff;
  border-left: 1px solid;
  border-right: 1px solid;
}
.container1_portfolio{
  margin:0 auto;
  width:100%;
  height:478px;
  background:#fff;
  border-left: 1px solid;
  border-right: 1px solid;
 }
.container_category {
  margin:0 auto;
  width:100%;
  height:auto;
  border-left:1px solid;
  border-right:1px solid;
}

.contact_infoholder {
  margin:0 auto;
  width:100%;
  height:450px;
  background:white;
}

.contact_text p {
  color:black;
  font-size:15px;
  text-align:left;
  margin-left:20px;
  margin-top:10px;
}
.contact_text h3 {
  color:#EE3037;
  margin:0;
  text-align:left;
  font-size:22x;

}
.page_infoholder {
  margin:0 auto;
  width:100%;
  height:450px;
  background:white;
}

.page_infoholder p {
  color:black;
  margin:5px 20px 5px 10px;
  font-size:16px;
  text-align:justify;
  font-family: Arial, serif;
}

.scrollholder {
   width:850px;
   height:400px;
   margin:0 auto;
   background:black;
}

.bottomholder{
   margin:3px auto;
   display:block;
   width:100%;
   height:200px;
   border-color:#ccc;
   border-right:1px solid;
   border-left:1px solid;
   background:#000;
   color:#fff;
 }
 .bottomholder2{
   display:block;
   float:left;
   width:465px;
   height:174px;
  
 }

 .footer_home {
   margin:0 auto;
   height:250px;
   width:100%;
 }

 .footer_home h1 {
   margin:0; 
   font-size:20px;
   color:#888;
   line-height:20px;
   text-align:justify;
   font-family: Arial, serif;
  }
 .footer_home .footernotes {
  font-size:16px;
  line-height:22px;
  color:#fff;
  text-align:justify;
  font-family: 'Simonetta', cursive;
  margin:20px;
  height:180px;
  overflow:hidden;
 }
 .footer_home p a{
  color:#F5353C;
  text-decoration:underline;
  }
 .footer_home .right a{
  color:#fff;
  text-decoration:underline;
  }
 .footer_home ul {
   padding:2px 0 0 0;
   margin:0 4px 4px 4px;
 }
 .footer_other {
   margin:0 auto;
   height:159px;
   width:100%;
   border-top:2px solid;
   background:black;
 }

 .footer_other h1 {
   font-size:20px;
   color:white;
   line-height:20px;
   text-align:center;
   margin:0;
 }
 .footer_other p {
  padding:5px 0 0 0;
  font-size:16px;
  line-height:20px;
  color:white;
  text-align:center;
  font-size:16px;
  font-family: 'Simonetta', cursive;
 }
 .footer_other ul {
   padding:0;
 }
 
 .contact_text {
   width:320px;
   height:400px;
   float:left;
   padding:25px 10px 35px 10px;
   text-align:left;
  font-family: 'Simonetta', cursive;
 }
 .contact_form_holder {
    margin:20px 10px 5px 10px;
	width:355px;
	height:448px;
	float:right; 
	text-transform:uppercase;
}
.contact_form_holder input {
  width:300px;
  height:25px;
}
.container_profile {
  margin:0 auto;
  width:100%;
  height:478px;
  background:#fff;
  border-left: 1px solid;
  border-right: 1px solid;
  overflow:hidden;
}

.container_profile  h3{
  color:#EE3037;
  font-size:20px;
  line-height:20px;
  font-weight:bold;
  text-align:left;
  font-family: Arial, serif;
  margin:10px 0 10px 10px;
}
.container_profile  p{
  color:black;
  font-size:13px;
  text-align:left;
  font-family: Arial, serif;
  padding:5px 25px 25px 25px;
  border-bottom: 1px dashed #ccc;
  max-height:100px;
  overflow:hidden;
}
.container_profile  p a{
  color:#EE3037;
  font-size:13px;
  text-decoration:underline;
}