/*
Theme Name: Architekt Theme
Theme URI: http://www.dessign.net/architekttheme/
Description: Architekt Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 
Version: 2.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 2 column theme, clean
*/


/** Global **/

* { margin: 0; padding: 0; }
body { font-family: arial, verdana, georgia; font-size: 14px; background-color: #FFFFFF;  color: #c7c7c7; }
#outside_container { margin: 0 auto; background-color: #fff; border-top: 7px solid #FFFFFF; width: 1039px; }
#main_container { width: 959px; margin: 0 auto; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
h1 { font-size: 15px; }
a { color: #A1A1A1; text-decoration: none; }
a:hover { text-decoration:underline; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { border: none; }

/** Header **/

#header { }
.header_top_text { text-align: center; font-size: 20px; border-bottom: 1px dotted #ccc; color: #999; }
.header_text_cont { float: right; padding: 0 25px 0 15px; margin: 10px 0; border-left: 1px solid #ddd; width: 275px; }
.logo { float: left; margin-top: 15px; }

#menu_container { padding: 5px 0; border-bottom: 1px solid #FFF;}
#menu_container ul { list-style-type: none; }
#menu_container ul li { float: left; font-size: 12px; }
#menu_container ul li a { display: block; padding: 5px 15px; color: #999; text-decoration: none; }
#menu_container ul li a:hover { background-color: #333; color: #999; }

.current-menu-item a { background-color: #333; color: #999; }

.header_search { float: right; position: relative; }
.header_search input[type=text] { width: 284px; height: 28px; border: 1px solid #EEEEEE; padding-right: 30px; }
.search_icon { position: absolute; right: 10px; top: 10px; }

#slider_container { padding: 10px 0; border-bottom: 1px solid #E5E5E5; }
#single_container { padding: 20px 0; }

.home_blog_box { float: left; width: 306px; margin: 10px 20px 1px 0;  position:relative;  }
.home_blog_box img { width: 306px; height: 215px; opacity:1.0; filter:alpha(opacity=100); }

.home_blog_box_last { margin-right: 0; }
.home_blog_box h3 { font-size: 12px; font-weight: normal; color: #a4a4a5; }
.home_blog_box h3 a { color: #a4a4a5; text-decoration: none; }
.home_blog_box h3 a:hover { color: #333; }

.home_port_cont { border-top: 1px solid #E5E5E5; padding: 5px 0 25px; }
.home_port_box { float: left;  width: 306px; height: 387px; margin: 10px 20px 10px 0; }
.home_port_box img { width: 306px; height: 387px; opacity:1.0; filter:alpha(opacity=100); }

.home_port_box_last { margin-right: 0; }
.home_port_box h3 { font-size: 12px; font-weight: normal; color: #a4a4a5; }
.home_port_box h3 a { color: #a4a4a5; text-decoration: none; }
.home_port_box h3 a:hover { color: #333; }

#single_left { width: 628px; float: left;  }
#single_left p { color: #888888; }
.blog_box { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E5E5E5; }
.blog_box p { color: #3E3E3E; }
.blog_box h3 { font-size: 15px; }
.blog_box h3 a { color: #c7c7c7; text-decoration: none; }
.blog_box h3 a:hover { color: #333; }
.blog_box img { width: 625px; height: 152px; }

.navigation { padding: 15px 0; }
.navigation a { color: #000000; text-decoration: none; }

.port_box { float: left; width: 306px; margin: 5px 20px 5px 0; }
.port_box_last { margin-right: 0; }
.port_box_divider { border-bottom: 1px solid #c7c7c7; margin: 5px 0 10px; }
.port_box img { width: 306px; height: 387px; }
.port_box h3 a { color: #c7c7c7; text-decoration: none; }
.port_box h3 a:hover { color: #333; }

.navigation { padding: 15px 0; }
.navigation a { color: #000000; text-decoration: none; }

#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }

/** Sidebar **/

#sidebar { width: 306px; float: right; margin-top: 37px; }
.side_box { margin-bottom: 25px; }
.side_box img { width: 306px; height: 215px; }
.side_box img:hover { opacity:0.80; filter:alpha(opacity=80);}
.side_box h3 { font-size: 15px; }
.side_box h3 a { color: #c7c7c7; text-decoration: none; }
.side_box h3 a:hover { color: #333; }

/** Footer **/

.footer_box_cont { padding: 10px 0; border-top: 1px solid #E5E5E5; margin-top:25px; }
.footer_box { width: 198px; float: left; padding-right: 20px; border-right: 1px solid #DDDDDD; color: #6c6c6c; margin-right: 20px; }
.footer_box_last { border-right: none; }
.footer_box h3 { color: #010101; font-size: 12px; font-weight: normal; }
.footer_box ul { list-style-type: none; }
.footer_box ul li { margin-bottom: 5px; }
.footer_box a { color: #6c6c6c; text-decoration: none; }
.footer_box a:hover { color: #ED1C24; }

#footer { background-color: #fff; padding: 5px 40px 0 0; color: #838383; font-size: 11px; text-align: right; margin-top: 15px; margin-bottom: 10px; }


#slideshow {
    position:relative;
    height:349px;
    width: 959px;
}

#slideshow img { width: 959px; height: 349px;} 

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow a.active {
    z-index:10;
}

#slideshow a.last-active {
    z-index:9;
}


#slider_container img.slide_prev { position: absolute; top: 200px; left: 15px; z-index: 999; width: 19px !important; height: 24px !important; display: block; }
#slider_container img.slide_next { position: absolute; top: 200px; left: 697px; z-index: 999; width: 19px !important; height: 24px !important; display: block; }


/* for tablet */

@media only screen and (min-width: 768px) and (max-width: 959px) {
#menu_container{margin-top:1px !important;}
body.home.blog #outside_container{ background: none !important; }
#outside_container { margin: 0 auto; border-top: none; width: 728px; }
#main_container { width: 728px; margin: 0 auto; }
/*body #outside_container #main_container #slider_container #slideshow img { width: 728px !important; height: 300px !important; }*/

#slideshow {
    position:relative;
    height:300px;
    width: 728px;
}

#slideshow img { width: 728px; height: 300px; }

.home_port_box_last {  }
.home_blog_box_last {  }
.home_second_port_box { float: right; margin-right: 0; }
.home_second_blog_box { float: right; margin-right: 0; }

.home_blog_box { width: 336px; }
.home_blog_box img { width: 336px; height: 230px; }

.home_port_box { width: 336px; height: 407px;  position:relative;   }
.home_port_box img { width: 336px; height: 407px; }
.port_box_divider { display: none; }
.port_box_right { float: right; margin-right: 0; }
#port_cont .clear { clear: none; }
.port_clear { clear: both; }
.port_box_last { margin-right: 20px; }

#single_left { width: 478px; float: left;  }
.blog_box img { width: 475px; height: 150px; }
.single_content img { max-width: 478px; height: inherit; }


#sidebar { width: 206px; float: right; margin-top: 37px; }
.side_box img { width: 206px; height: 115px; }

.footer_box { width: 138px; }

}


/* for mobile */

@media screen and (max-width: 480px) {

#outside_container {
	margin-top:30px !important;
}

#menu_container {
	margin-top:10px !important;
}

.body.home.blog #outside_container {
	background: none !important;
}

#outside_container {
	margin: 0 auto;
	border-top: none;
	width: 320px;
}

#main_container {
	width: 320px;
	margin: 0 auto 0 -150px;
}

.header_top_text {
	display: none;
}

.header_text_cont {
	display: none;
}

.logo {
	max-width: 300px;
	height: inherit;
}
.header_search {
	display: none;
}

#slider_container {
	display: none;
}

.home_blog_box {
	display: none;
}

.home_port_box {
	float: none; 
	margin: 15px auto 25px;
	height: auto;
}

.blog_box img {
	width: 300px;
	height: 150px;
}

.single_content img {
	max-width: 300px;
	height: inherit;
}

#single_left {
	width: 300px;
	float: none;
	padding: 0 10px;
}

#sidebar {
	display: none;
}

.port_box {
	float: none;
	width: 306px;
	margin: 5px auto 25px;
}

#commentform textarea {
	width: 285px;
}

.footer_box_cont {
	display: none;
}

#footer {
	display: none;
}

body.home.blog #outside_container {
	background: none;
}}

.header_text_cont, .header_search {display:none;} 
#menu_container ul li a {color:#322f31; font-family:arial, helvetica; font-size:12px; text-transform: uppercase;}

#menu_container { padding: 18px 0; border-bottom: 1px solid #FFF; border-top: 1px solid #afaeaf;  margin-top:-60px; float:right;}
#menu_container ul { list-style-type: none; }
#menu_container ul li { float: left; font-size: 12px; }
#menu_container ul li a:hover { background-color: #ed1c24; color: #fff; }
.current-menu-item a { background-color: #ed1c24; color: #ffffff !important; }

.header_top_text { border-bottom: none; color: #322f31; font-size: 20px; padding-top: 32px; text-align: right; text-transform: uppercase;}

#outside_container {
    background-color: #FFFFFF;
    border-top: none;
    margin: 0 auto;
    width: 1039px;
}

.logo { float: left; margin-top: -26px;}

body { background: url('images/img_bg.gif') no-repeat center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } 



#outside_container {
    background-color: #FFFFFF;
    border-top: medium none;
    margin: 0 auto;
    width: 972px;
}

.footer_box h3 { color: #322f31; font-size: 12px;font-weight: normal; text-transform:uppercase; }
.nocomments {display:none;}
#footer {display:none;}

.home_blog_box h3 { font-size: 12px; font-weight: normal; color: #a4a4a5; text-transform:uppercase;}
.home_blog_box h3 a { color: #322f31; text-decoration: none; }
.home_blog_box h3 a:hover { color: #ED1C24; }

.home_port_cont { border-top: 1px solid #E5E5E5; padding: 5px 0 25px; }
.home_port_box { float: left;  width: 306px; height: 387px; margin: 10px 20px 10px 0; }
.home_port_box img { width: 306px; height: 387px; opacity:1.0; filter:alpha(opacity=100); }

.home_port_box img:hover { opacity:60; filter:alpha(opacity=60); }

.home_port_box_last { margin-right: 0; }
.home_port_box h3 { font-size: 12px; font-weight: normal; color: #a4a4a5; }
.home_port_box h3 a { color: #322f31; text-decoration: none;  text-transform:uppercase;}
.home_port_box h3 a:hover { color: #ed1c24; }

.port_box h3 a { color: #322f31; text-decoration: none; text-transform:uppercase;  font-weight: normal;}
.port_box h3 a:hover { color: #ed1c24; }


.blog_box h3 a { color: #322f31; text-decoration: none; text-transform:uppercase;  font-weight: normal;}
.blog_box h3 a:hover { color: #ed1c24; }

 

.side_box h3 a { color: #322f31; text-decoration: none; text-transform:uppercase;  font-weight: normal;}
.side_box h3 a:hover { color: #ed1c24; }

h1 {color: #322f31; text-decoration: none; text-transform:uppercase;  font-weight: normal;}

body.page-id-15 h1 {display:none;}
body.page-id-9 h1 {display:none;}
body.page-id-7 h1 {display:none;}

.blog_box img { height: 212px;}



body.home.blog #outside_container{ background: url("http://www.buhlerassociates.co.za/email/img_shadow.png") no-repeat -1px 136px transparent; width:1056px; }


@font-face {
    font-family: 'vegurlight';
    src: url('vegur-l_0600.eot');
    src: url('vegur-l_0600.eot?#iefix') format('embedded-opentype'),
         url('vegur-l_0600.woff') format('woff'),
         url('vegur-l_0600.ttf') format('truetype'),
         url('vegur-l_0600.svg#vegurlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


.header_top_text {font-family: 'vegurlight'; font-size:20px;}
 
span.roll {
	background:url('http://www.buhlerassociates.co.za/email/hover.png') center center no-repeat #fff;
	height:387px;
	position: absolute;
         width:306px;
	z-index: 10;
-webkit-box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 0px 4px  #666;
	box-shadow: 1px 1px 4px  #666; 
 opacity:0.80; filter:alpha(opacity=80);	

}


span.akira {
	background:url('http://www.buhlerassociates.co.za/email/hover1.png') center center no-repeat #fff;
	height:215px;
	position: absolute;
         width:306px;
	z-index: 10;
-webkit-box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 0px 4px  #666;
	box-shadow: 1px 1px 4px  #666; 
 opacity:0.80; filter:alpha(opacity=80);	

}