body
{
    background-image: url(../images/bg.png);
    background-repeat: repeat;
    font-size: 100%;
    color: #000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;        
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans Condensed',sans-serif;
}

h1{
    font-size: 24px;
}

h2{
    font-size: 20px;
    text-decoration: underline; 
}



/* Footer */

#footer
{
	margin: 0 auto;
	padding: 0px 0px 15px 0px;
}

#footer p
{
	text-shadow: 1px 1px 0px #FFFFFF;
	text-align: center;
	font-size: 12px;
	color: #4D565E;
}

#footer a
{
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 110%;
        color: #000;
        font-weight: bold;
        text-decoration:none;
}

#footer a:hover{
    text-decoration:none;
    color: orange;
}


/*Wrapper*/
#wrapper
{
	overflow: hidden;
        margin: 3%;
        background: rgb(255,249,255) url(../images/wrapper.png) repeat;
	box-shadow: 0px 0px 10px #000; /**orange ==> #fb9218**/
        border-radius: 15px;
        padding-bottom: 2%;
}

/*LOGO*/

#logo
{
        width: 30%;
        margin-top:1%;
        margin-left: -1%;
        float:left;
	height:100px;
	background:orange;/* #f5ba75*/
	text-align: center;
        border-radius: 0 10px 10px 0;
        vertical-align: middle;
}

#logo h1
{
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 200%;
	letter-spacing: -1px;
        vertical-align: middle;
        text-shadow: 20px wheat; 
}

#logo h1 a
{
        font-weight: 300;
	text-decoration: none;
	color: #FFFFFF;
        vertical-align: middle;
        text-shadow: 1px 2px #000;
        font-weight: bold;
}

/*MENU*/

#menu
{
	float: left;
	min-height: 5px;
        margin-left: 3%;
        margin-top: 1%;
}

#menu a:hover {
        /*padding: 7px 18px 7px 20px;*/
	background:#f5ba75;
	background:-moz-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5ba75), color-stop(100%, #fb9218));
	background:-webkit-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-o-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-ms-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba75', endColorstr='#fb9218', GradientType=0);
	border-radius: 5px;
	border:1px solid #000;
	color:#fff;
    
}

#menu ul
{
	float: right;
	margin: 0 auto;
	padding: 40px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li
{
	float: left;
        margin: 0 5px;
        width: 130px;
}

#menu a
{
	display: block;
	padding: 8px 0px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #757575;
}

#menu .current_page_item a
{
        padding: 7px 10px;
	background:#f5ba75;
	background:-moz-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5ba75), color-stop(100%, #fb9218));
	background:-webkit-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-o-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-ms-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba75', endColorstr='#fb9218', GradientType=0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:4px;
	border:1px solid #000;
	color:#fff;
}
img:hover{
        box-shadow:2px 1px 5px 2px #f5ba75;
}

#test img{
    margin-top: 12%;
}

.border{
border-bottom: 1px solid #ccc;
margin:0 2%; 
width: 95%;
margin-bottom: 1%;
}

.sliderborder{
border-bottom: 1px solid #ccc;
width:100%;
margin-bottom: 1%;
}
.vertical-divider {
 width: 1px;
 float: left;
 background:#ccc right 0;
 padding-bottom: 16px;
 position: relative; 
 height:650px;
 margin-top: 3%;
 margin-right: 5%;
 margin-left: 2%;
}
#content{
    padding: 0 2% 0 2%;
}

/*Contact Form*/
#contact_form {
	float: left;
	padding: 1% 0;
        font-size: 105%;
        font-family: 'Open Sans Condensed',sans-serif;
        font-weight: bold;
}

#contact_form form {
	margin: 0 auto;
	padding: 0px;
}

#author, #company, #email, #phone, #message {
        width: 100%;
}

#contact_form form label {
	display: block;
	margin-right:1%;
	font-size: 105%;	
}
#message{
    height: 80px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom:3%;
  font-size: 80%;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.col_3c p{
    text-align: justify;
}

.section-left{
    float: left; 
    width: 29.5%;
}
.section-right{
    float: right; 
    width: 70%;
}
.top-10{
    margin-top: 1%;
}

#slider{
    margin: 0 auto;
}
#slider section img{
    margin-bottom: 5%;
}

#link{
    text-decoration: none;
    color: #000;
    font-weight: lighter;
}
#link:hover{
    color: orange;
}


@media all and (min-width: 1024px){

    #align{
        margin-right: 3%;
        margin-top: 2%
    }
    #wid p{
        padding: 2% 4% 0 0;
    }
    #wid ul{
        padding: 0 5% 0 0%;
    }
}

@media all and (max-width:1024px){
    
    #align{
        margin-top: 2%
    }
    #wid p{
        padding: 2% 4% 0 2%;
    }
    #wid ul{
        padding: 0 5% 0 8%;
    }

    #menu ul
    {
            float: right;
            margin: 0 auto;
            padding: 40px 0px 0px 0px;
            list-style: none;
            line-height: normal;
    }
    
    #menu li
    {
            float: left;
            margin: 0 5px;
            width: 110px;
    }

    #menu a
    {
            display: block;
            padding: 6px 0px;
            letter-spacing: 1px;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            font-family: 'Montserrat', sans-serif;
            font-size: 10px;
            color: #757575;
    }

    #menu .current_page_item a
    {
            padding: 5px 8px;
	background:#f5ba75;
	background:-moz-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5ba75), color-stop(100%, #fb9218));
	background:-webkit-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-o-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:-ms-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	background:linear-gradient(top, #f5ba75 0%, #fb9218 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba75', endColorstr='#fb9218', GradientType=0);
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius:4px;
            border:1px solid #1A87B9;
            color:#fff;
    }
}

@media all and (max-width:800px){
    #slider{
        display: none;
    }
    .sliderborder{
        display: none;
    }
    #logo h1{
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 150%;
        letter-spacing: -1px;
        vertical-align: middle;
        text-shadow: 20px wheat; 
        margin-top:12%; 
    }

    #logo h1 a
    {
        text-decoration: none;
        color: #FFFFFF;
        vertical-align: middle;
        text-shadow: 1px 2px #000;
    }
    #menu li
    {
            float: left;
            margin: 0 0 0 0;
            width: 75px;
    }

    #menu a
    {
            display: block;
            padding: 6px 0px;
            letter-spacing: 1px;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            font-family: 'Montserrat', sans-serif;
            font-size: 11px;
            color: #757575;
    }

    #menu .current_page_item a
    {
            padding: 5px 3px;
            background:#f5ba75;
            background:-moz-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5ba75), color-stop(100%, #fb9218));
            background:-webkit-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:-o-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:-ms-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba75', endColorstr='#fb9218', GradientType=0);
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius:4px;
            border:1px solid #1A87B9;
            color:#fff;
    }
    .row .col_4 img{
            margin-left: 0%;
    }
}

@media all and (max-width:480px){
    #slider{
        display: none;
    }
    .sliderborder{
        display: none;
    }
    #logo
    {
            width: 100%;
            margin-top:1%;
            margin-left: -1%;
            float:left;
            height:100px;
            background: orange;
            border-radius: 0 10px 10px 0;
            vertical-align: middle;
    }
    
    #logo h1{
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 120%;
        letter-spacing: -1px;
        vertical-align: middle;
        text-shadow: 20px wheat; 
        margin-top:12%; 
    }
    #logo h1 a
    {
        text-decoration: none;
        color: #FFFFFF;
        vertical-align: middle;
        text-shadow: 1px 2px #000;
    }
    #menu ul{
        clear: both;
        float: left;
    }
    
    #menu ul
    {
            margin: 0 auto;
            list-style: none;
            line-height: normal;
    }
    
    #menu li
    {
            clear: left;
            margin: 0 5px;
            width: 75px;
            position: relative;
    }
    #menu a
    {
            display: block;
            padding: 6px 0px;
            letter-spacing: 1px;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            font-family: 'Montserrat', sans-serif;
            font-size: 10px;
            color: #757575;
    }

    #menu .current_page_item a
    {
            padding: 5px 8px;
            background:#f5ba75;
            background:-moz-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5ba75), color-stop(100%, #fb9218));
            background:-webkit-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:-o-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:-ms-linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            background:linear-gradient(top, #f5ba75 0%, #fb9218 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba75', endColorstr='#fb9218', GradientType=0);
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius:4px;
            border:1px solid #1A87B9;
            color:#fff;
    }
    .row .col_4 img{
        margin-left: 0%;
    }
    #imgdimension{
         margin-top: 0%;
    }
    .border{
        margin-bottom: 5%;
        margin-top: 5%;
    }
}


/***Slider**/
#slider ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 48em;
        height: 22em;
}
#slider ul li {
        height:auto;
        width: 40em;
        background-color: #000;
        text-align: center;
        cursor: pointer;
}

#slider ul li img{
    width: 40em
}

#slider ul li.roundabout-in-focus {
                cursor: default;
}
#slider ul li span {
        display: block;
        padding-top: 6em;
}