/*PhotoLatino.com CSS*/
body {
margin: 0px 0px 0px 0px; /*top - right - bottom - left*/
padding: 0px 0px 0px 0px; /*top - right - bottom - left*/	
color: #ccc;
background-color: #FFFFFF;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

body, p, td, li {
font-family: Arial, Helvetica, sans-serif;
}

#container {
font-family: Arial, Helvetica, sans-serif;
margin-right: auto;
margin-left: auto;	
background-color: #FFFFFF;
text-align:left; 
width: 775px;
height: auto;	
padding: 0px 0px 0px 0px; /*top - right - bottom - left*/	
}

#header {	
font-family: Arial, Helvetica, sans-serif;
background-image: url(header-col.jpg);
width: 775px;
height: 121px;		
}

div#search_loc {
position: absolute;
top: 30px;
}

#header-lightbox {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
left: 50%;
margin-left: -390px;
background-image: url(/images/header-col.jpg);
background-repeat: no-repeat;	
width: 780px;
height: 121px;
}

#navigation {		
font-family: Arial, Helvetica, sans-serif;
background-image: url(topnav.gif);
background-repeat: no-repeat;
background-position: left;
text-align: center;
width: 775px;
height: 32px;		
}

#navigation-lightbox {	
font-family: Arial, Helvetica, sans-serif;	
background-image: url(topnav.gif);	
background-repeat: no-repeat;
background-position: left;
top: 10px;	
width: 780px;
height: 20px;	
}

#bottom-nav {
font-family: Arial, Helvetica, sans-serif;
float:left;	
background-image: url(backgr-navigation-bottom.jpg);
background-repeat: repeat-x;
width: 775px;
height: 42px;
margin: 0px 0px 0px 0px; /*top - right - bottom - left*/
padding: 2px 0px 0px 0px; /*top - right - bottom - left*/
}

#middle {	
font-family: Arial, Helvetica, sans-serif;
background-image: url(backgr-middle.gif);
background-repeat: no-repeat;
background-position: top center;
width: 775px;
height: 254px;
margin: 0px 0px 0px 0px; /*top - right - bottom - left*/
padding: 0px 0px 0px 0px; /*top - right - bottom - left*/
}

#middle-corp-content {
font-family: Arial, Helvetica, sans-serif;	
background-image: url(backgr-corp-content.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 775px;
height: auto;	
}

#register {	
font-family: Arial, Helvetica, sans-serif;
position:relative;
left:135px; 
top: 10px;
width: 80px;
height: 10px;
}

#login {	
font-family: Arial, Helvetica, sans-serif;
position:relative;
left: 50px; 
top: 43px;
width: 176px;
height: 158px;
}

#search{
font-family: Arial, Helvetica, sans-serif;
width: 206px;
height: 145px;
}

#search-lightbox{
font-family: Arial, Helvetica, sans-serif;
position:relative;
left: 150px;
top: 10px;
width: 274px;
height: 10px;
}

#image{
position:relative;
left: 52px;
top: 26px;
width: 160px;
height: 140px;	
}

/**************Static Content STARTS HERE******************/
#image-about-us{
background-image: url(img-about-us.jpg);
background-repeat: no-repeat;
background-position: top left;	
width: 470px;
height: auto;	
position:relative;
left: 40px;
top: 40px;		
padding: 50px 0px 30px 250px; /*top - right - bottom - left*/
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
color: #666666;	
}

#image-terms-and-conditions{
background-image: url(img-terms-and-conditions.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 470px;
height: auto;	
position:relative;
left: 40px;
top: 40px;		
padding: 65px 0px 30px 250px; /*top - right - bottom - left*/
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
color: #666666;	
}

#image-licencing{
background-image: url(img-licencing.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 470px;
height: auto;	
position:relative;
left: 40px;
top: 40px;		
padding: 50px 0px 30px 250px; /*top - right - bottom - left*/
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
color: #666666;	
}

#image-contact-us{
background-image: url(img-contact-us.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 300px;
height: auto;	
position:relative;
left: 40px;
top: 40px;		
padding: 50px 0px 30px 350px; /*top - right - bottom - left*/
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
color: #666666;	
}

#image-img-fotografos{
background-image: url(img-fotografos.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 300px;
height: auto;	
position:relative;
left: 40px;
top: 40px;		
padding: 50px 0px 30px 350px; /*top - right - bottom - left*/
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
color: #666666;	
}

/**************Static Content ENDS HERE******************/
#credits {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
color: #666666;
text-align:center;
}

#credits-lightbox {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: normal;
color: #666666;
text-align:center;
padding: 0px 0px 20px 0px; /*top - right - bottom - left*/
}

#categories-text {
font-family: Arial, Helvetica, sans-serif;
position:relative;
left: 20%;
top: 40px;	
width: 100px;
height: 20px;
}

#content {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: normal;
color: #666666;	
position:relative;
left: 290px;
top: -200px;
width: 460px;
display: block;			
}

#standard-text {
font-family: Arial, Helvetica, sans-serif;
padding: 5px 10px 0px 10px; /*top - right - bottom - left*/
text-align:left;
}

.fields {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
width: 120px;
color: #0066CC;
border: 1px solid #B9DAEC;
padding: 0.2em 0.2em 0.2em 0.2em; /*top - right - bottom - left*/
margin: 0.2em 0.2em 0.2em 0em; /*top - right - bottom - left*/
}

.field-search-lightbox {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
width: 120px;
color: #0066CC;
border: 1px solid #B9DAEC;
padding: 0.2em 0.2em 0.2em 0.2em; /*top - right - bottom - left*/
margin: 0em 0.2em 0em 0em; /*top - right - bottom - left*/
}

.contact-fields {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
width: 250px;
color: #0066CC;
border: 1px solid #B9DAEC;
padding: 0.2em 0.2em 0.2em 0.2em; /*top - right - bottom - left*/
margin: 0em 0.2em 0em 0em; /*top - right - bottom - left*/
}

.buttons {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: #000000;
background-color: #B9DAEC;
font-weight: bold;
margin: 2px 0em 2px 0em; /*top - right - bottom - left*/
padding: 0.2em 0.2em 0.2em 0.2em; /*top - right - bottom - left*/
width: 80px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.button-search-lightbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: #000000;
background-color: #B9DAEC;
font-weight: bold;
margin: 2px 0em 2px 0em; /*top - right - bottom - left*/
padding: 0.2em 0.2em 0.2em 0.2em; /*top - right - bottom - left*/
width: 80px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.rmrf {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
color: #666666;	
}

.title-1{
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
color: #7E7E7E;
text-align:center;
}

.title-2{
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #000000;
text-align:center;
}

.text-1{
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: normal;
color: #000000;
text-align:left;
}

/*Top Nav*/
li {display:inline;}
ul.nav {	
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px; /*top - right - bottom - left*/
padding: 5px 0px 0px 0px; /*top - right - bottom - left*/
list-style-type: none;	
}

/*Top Nav*/
a.top-nav:link {color: #1D4E67; text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

a.top-nav:visited {color: #1D4E67; text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

a.top-nav:hover {color: #1D4E67; text-decoration:underline; 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

a.top-nav:active {color: #1D4E67; text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

/*Content List Items*/
a.content-list {	
text-align:left;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
padding:0em 0em 0em 0em; /*top - right - bottom - left*/	
}

a.content-list:link {color: #1D4E67}
a.content-list:visited {color: #1D4E67}
a.content-list:hover {color: #1D4E67; text-decoration:underline}
a.content-list:active {color: #1D4E67}

/*Categories*/
a.categories {	
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: bold;	
}

a.categories:link {color: #000000; text-decoration:underline}
a.categories:visited {color: #000000; text-decoration:underline}
a.categories:hover {color: #000000; text-decoration:none}
a.categories:active {color: #000000; text-decoration:underline}

/*Bottom Nav*/
a.bottom-nav {
font-size: 10px;		
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

a.bottom-nav:link {color: #7E7E7E; text-decoration:none}
a.bottom-nav:visited {color: #7E7E7E; text-decoration:none}
a.bottom-nav:hover {color: #000000; text-decoration:underline}
a.bottom-nav:active {color: #7E7E7E; text-decoration:none}

/*Bottom Nav Lightbox*/
ul.bottom-nav-lightbox {
text-align:center;
width:100%;
padding: 10px 0em 0em 0em; /*top - right - bottom - left*/
margin:0;
list-style-type:none;
}

a.bottom-nav-lightbox {		
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 90%;
padding:0px 4px 0px 4px; /*top - right - bottom - left*/
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

a.bottom-nav-lightbox:link {color: #7E7E7E; text-decoration:none}
a.bottom-nav-lightbox:visited {color: #7E7E7E; text-decoration:none}
a.bottom-nav-lightbox:hover {color: #000000; text-decoration:underline}
a.bottom-nav-lightbox:active {color: #7E7E7E; text-decoration:none}

/*Login*/
a.login {	
float:left;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 70%;
padding:0em 1em 0em 0em; /*top - right - bottom - left*/
color: #7E7E7E;
}

a.login:link {color: #7E7E7E; text-decoration:underline}
a.login:visited {color: #7E7E7E; text-decoration:underline}
a.login:hover {color: #000000; text-decoration:underline}
a.login:active {color: #7E7E7E; text-decoration:underline}

/*Links Content*/

a.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;	
}

a.content:link {color: #000000; text-decoration:underline}

a.content:visited {color: #000000; text-decoration:underline}

a.content:hover {color: #000000; text-decoration:none}

a.content:active {color: #000000; text-decoration:underline}

/*************Categories button****************/
#dropmenudiv{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
position:absolute;
border:1px solid #B9DAEC;
border-bottom-width: 1px;
font:normal 12px Arial;
line-height:22px;
z-index:100;
}

#dropmenudiv a{
font-family: Arial, Helvetica, sans-serif;
width: 100%;
color:#000000;
display: block;
text-indent: 5px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #B9DAEC;
}

h1 {
display:none;	
}
/*************END****************/

.bottom_nav {
height: 14px;
padding: 0px;
padding-right: 4px;
padding-left: 4px;
margin-left: 1px;
margin-right: 1px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

a.sub_cat {
display: block;
width: 200px;
height: 20px;
text-align: left;
vertical-align: middle;
font-weight: normal;
padding-left: 0px;
}

.sub_cat_height {
width: 1px;
height: 50px;
border: 0px solid #ffffff;
}

.cat_titles {
width: 775px;
height: 100px;
text-align: left;
vertical-align: middle;
}