/*
Theme Name: garza
Theme URI: http://www.agustingarza.com/
Author: Evolve Media
Author URI: http://www.evolvemedia.com/
Description: Custom Theme
Version: 1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: custom
*/


html, body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Arial, Sans Serif;
	font-size: 11px;
	color: #333333;
	background:#cccccc;
	line-height:18px;
    }

.clear {
	clear: both;
    }
    
.none {
	display: none;
    }    
    

/* LAYOUT */

div#wrapper {
    text-align: left;
    width: 1128px;
    min-height:353px;
    height:auto !important;
    height:353px;
	margin: 40px auto 0px auto;
	}    
   

div#content {
    text-align: left;
    padding:39px;
	width: 1048px; /* 1126 */
	min-height:353px;
    height:auto !important;
    height:353px;
	background:#fff;
	border:1px solid #333333;
	overflow:hidden;
    }    
    

/* ------- */


    
/* MAIN NAV */
    
div#mainNav {
    width: 290px; /* 323 */
	height:313px;
    margin: 0; padding: 0; top: 0;
    position:relative;
    float:left;
    }
    
    
#mainNav p {
    line-height:18px;
    margin: 0 0 25px 0;
    }
 
#mainNav p b {
    color:#000;
    } 


#mainNav a {
	text-decoration:none;
	color: #333333;	
    }    
    
#mainNav a:hover {
	text-decoration:underline;
	color: #333333;	
    }     

    
/* GALLERY */

div#gallery_lg {
    margin: 0 auto 0 auto;
    width: 756px; 
    height: 513px;
    }


/* ---- copy ---- */

div#copy {
    margin: 0px; top: 0;
    padding: 0px;
    width: 756px; /* 761px */
    height:auto !important;
    min-height:313px;
    height:auto !important;
    height:313px;
    background:#fff;
    border:0px solid #cc0000;
    float:right;
    }
    
div#copy p {
    line-height: 16px;
    margin:0 0 10px 0;
    }


div#copy a, div#footer a:visited {
	text-decoration:none;
	color: #333333;	
    }    
    
div#copy a:hover {
	text-decoration:underline;
	color: #333333;	
    }    
    
div#copy #desc {
    width:360px;
    float:left;
    }   
    
div#copy #arrows {
    width:396px;
    float:left;

    }       

div#copy #arrows .arrow_left {
    float:left;
    width:18px;
    height:14px;
    background:#fff url(https://www.agustingonzalezgarza.com/web/20130808115419/http://www.agustingarza.com/images/gallery/arrow_left.gif) top center no-repeat;
    }   
    
div#copy #arrows .arrow_right {
    float:left;
    width:18px;
    height:14px;
    background:#fff url(https://www.agustingonzalezgarza.com/web/20130808115419/http://www.agustingarza.com/images/gallery/arrow_right.gif) top center no-repeat;
    }      

div#copy #arrows a {
    width:18px;
    height:14px; 
    display:block;
    }
    
div#copy ul#thumbs {
    width:756px;
    height:40px;
    list-style: none;
    text-align:left;
    border:0px solid#cc0000;
    margin:25px 0 0 0; padding:0;
    }    

div#copy ul#thumbs li {
    float:left;
    text-align:left;
    width:62px;
    border-right:1px solid #fff;
    }     
    
div#copy ul#thumbs li.last {
    border:0px;
    }   
    
/* ---- INTRO ---- */
  
div#copy div#intro {
    font-family: Georgia, Times New Roman, Serif;
	font-size: 14px;
	font-weight: 500;
	line-height:22px;
	margin:275px 25px 0 5px;
	text-align:left;
    }  
    
    
/* ---- SUBNAV ---- */
    

/* ---- LISTS ---- */     


div#copy ul#list {
	padding:0px; margin: 0 0 10px 0;	
	} 		

div#copy ul#list li {
    list-style-type: none;
	background-image: url(https://www.agustingonzalezgarza.com/web/20130808115419/http://www.agustingarza.com/images/common/list_dot.gif);
	background-position: top left; 
	background-repeat: no-repeat; 
	padding: 0 10px 1px 11px;
	border:0px solid #cc0000;
    }  

div#copy ul#list li a, div#copy ul#list li a:visited {
    color:#0071da;
    text-decoration:underline;
    }    
    
div#copy ul#list li a:hover {
    color:#0071da;
    text-decoration:none;
    }  



/* ---- COPY ----- */
    


#copy p {
    color:#333 ;
    
    }
    
/*
.ie #copy #copyAbout #leftCol, #copy #copyContact #leftCol {
    margin-top:28px;
    border:0px solid #cc0000;
    }    
*/


/* ---- GRID ---- */    

#copy ul#grid {
    width:100%;
    margin: 0; padding: 0; list-style: none;
    
    }

#copy ul#grid li {
    float:left;
    width:191px;
    margin: 15px 0 5px 0;
    }
    
#copy ul#grid li div.tn {
    width:191px;
    height:187px;
    padding:0px 0 10px 0;
    }    
    
#copy ul#grid li div.name {
    width:171px;
    height:20px; /* 28-8 */
    border-top:2px solid #d6d1af;
    padding: 3px 0 0 0 ;
    font:12px Georgia;
    color:#303b16;
    margin:0 10px;
    }        
 
    
#contact_form {
    float:left;
    width:325px;
    }    
    
#address {
    float:right;
    width:250px;
    }    
        
    
/* ---- FOOTER ---- */    


div#footer {
	text-align: left;
    margin: 0px auto 0px 330px;
	padding:0px;
	width: 790px; /* 1126 */
	height:26px;
	border:0px solid #333333;
	}    

div#footer p {
    height:26px;
    }

div#footer a, div#footer a:visited {
	text-decoration:none;
	color: #333333;	
    }    
    
div#footer a:hover {
	text-decoration:underline;
	color: #333333;	
    }     
        
/* CMS */

a {
	color: #666;
}

li.gutsy {
	clear: both;
	overflow: auto;
	width: 320px;
	padding-left: 20px;
}

li.gutsy:hover {
	background-color: #eee;
}

li.gutsy span {
	width: 150px;
	display: block;
	float: left;
}

a.bakLink {
	display: block;
	padding: 3px;
	border: #333 1px solid;
	background: #ddd;
	color: #666;
	text-decoration: none;
	width: 150px;
	text-align: center;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

a.bakLink:hover {
	background: #eee;
	text-decoration: underline;
}

form.fancyPants {
	
}

form.fancyPants .red {
	color: #ff0000;
}

form.fancyPants label {
	display: block;
	float: left;
	width: 100px;
}

.feedbackMsg {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	border: #333 solid 1px;
	background: #fff;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;

	
	color: #242E38;
}

.pa_list {
	height: 105px;
	width: 120px;
	overflow: hidden;
	border: #666 1px solid;
	background: #eee;
	padding: 4px;
	margin-bottom: 15px;
	margin-right: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

.pa_list .pa_name {
	width: 115px;
	padding-left: 5px;
	overflow: hidden;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pa_list:hover {
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	background: #fff;
}

.pa_list img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}

.pa_list .pa_links {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.pa_list .pa_links a {
	color: #666;
	text-decoration: none;
}

.pa_list .pa_links a:hover {
	text-decoration: underline;
}

.pa_list .pa_weight {
	font-size: 9px;
	margin-top: 3px;
}

.pa_list .pa_weight input {
	color: #333;
	border: #666 1px solid;
	font-size: 9px;
	background-color: #ddd;
}

h1 .csub {
	color: #007419;
}

/* albums */

#wrapper #content #copy .items img {
	margin: 0 1px 0 0;
	padding: 0px;
	opacity: 0.7;
}

#wrapper #content #copy .items img:hover {
	opacity: 1;
}

#img_info {
	margin-top: 2px;
	margin-bottom: 20px;
	line-height: 15px;
	height: 30px;
	overflow: hidden;
}

#img_info #img_title {
	height: 15px;
	overflow: hidden;
}

#img_info #img_desc {
	height: 15px;
	overflow: hidden;
}

#image_wrap {
	position: relative;
	width: 756px;
	height: 513px;
	overflow: hidden;
}

#image_wrap .loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 756px;
	height: 513px;
	overflow: hidden;
	line-height: 513px;
	color: #666;
	text-align: center;
	z-index: 10;
	background-color: #fff;
	background: #fff url(https://www.agustingonzalezgarza.com/web/20130808115419/http://www.agustingarza.com/images/loading.gif) center center no-repeat;
}

#loadLoading {
	width: 1px;
	height: 1px;
	overflow: hidden;
	background: #fff url(https://www.agustingonzalezgarza.com/web/20130808115419/http://www.agustingarza.com/images/loading.gif) 0 0 no-repeat;
}

/* scrollable */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	position:relative;
	overflow:hidden;
	width: 756px;
	height:40px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:756px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin: 0 1px 0 0;
	width:62px;
	height:40px;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(https://www.agustingonzalezgarza.com/web/20130808115419/http://www.agustingarza.com/images/navi.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	outline: none;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}




/* Additional Styles for WordPress site */
header {
	display: none;
}

ul#menu-main-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#menu-main-menu li {
	font-weight: bold;
	padding-bottom: 20px;
}

ul.sub-menu  {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.sub-menu li {
	font-weight: normal !important;
	padding-bottom: 0 !important;
}

.non-bold {
	font-weight: normal !important;	
}


.flexslider {
	margin: 0 0 20px 0 !important;
}

.flexslider .slides img {
	width: auto !important;
	height: auto !important;
	margin: 0 auto;
}

.otw-row {
	float: left;
	width: 756px;
}

.otw-column, .otw-columns {
	padding: 0 !important;
}

.otw-eighteen, .otw-row .otw-eighteen {
	width: 100% !important;
}

.flexslider ul.slides > li {
	width: 756px !important;
}

ul.otw-portfolio.block-grid li img { 
	width: 756px !important;
	height: 513px !important; 
}

.single-otw-portfolio .categories,
.single-otw-portfolio .nav-single {
	display: none;
}

.flex-info {
	padding: 0;
}