
body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #F5F5F5;
}

h2 {line-height:normal;}

a.link, a.link:visited {color:#214263;}
a.link:hover {color: #214263; }
a.footerlink, a.footerlink:visited {color:#A6C6E3;}
a.footerlink:hover {color: #FFFFFF; }
a.photographerLink, a.photographerLink:visited {color:#214263;font-size:14px;text-decoration:underline;}
a.photographerLink:hover {color: #000000; font-size:14px; text-decoration:underline;}
a.biglink, a.biglink:visited {color:#214263;font-size:25px;text-decoration:underline; font-weight:bold;}
a.biglink:hover {color: #000000; font-size:25px; text-decoration:underline;font-weight:bold;}
a.totop, a.totop:visited {color:#cccccc;text-decoration:none; font-size:10px; float:right;}
a.totop:hover {color:#999999;text-decoration:none; font-size:10px; float:right;}
a.greylink, a.greylink:visited {color:#999999; font-size:11px; text-decoration:none;}
a.greylink:hover {color: #999999; font-size:11px; text-decoration:underline; }


.photoDetailTitle {color: #000000; }
.photoDetailDescription{color: #999999; }
.photoDetailMedium{color: #999999; }
.photoDetailDimensions{color: #999999; }
.photoDetailPrice{color: #999999; }

/* ******************************************************************** **************************** */

p.eyebrow {display:block; padding:2px 2px 2px 2px; background-color: #D7F2FF; font-weight:bold; color: #990000; }
p.eyebrowCool {font-size:16px; font-weight:bold; color: #990000; }

/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** LAYOUT *** ***************** */

#topsection{
background: #214263;
height: 55px; /*Height of top section*/
margin:0px 0px 0px 0px;
}

#bottomsection{
background: #214263;
color: #FFFFFF;
height: 50px; /*Height of top section*/
}

#topsection h1 { color: #A6C6E3; font-size:36px; line-height:36px;  text-decoration:none; margin:0px 0px 0px 0px; padding: 10px 0px 10px 0px; }

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 10% 0 10%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #FFFFFF;
border-left:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;
border-bottom:1px solid #EAEAEA;
}

#leftcolumn{
float: left;
width: 10%; /*Width of left column in percentage*/
margin-left: -100%;

}

#rightcolumn{
float: left;
width: 10%; /*Width of right column in pixels*/
margin-left: -10%; /*Set margin to that of -(RightColumnWidth)*/

}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin:0px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}




/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** NAVIGATION ***************** */


#modernbricksmenu2{
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
border-top: 5px solid #A6C6E3; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit; 
}

#modernbricksmenu2 ul{
margin:0px 0px 0px 0px;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0px 0px 0px 0px;
list-style: none;
}
/* dark #214263 */
/* light #6490BA */

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #FFFFFF;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #214263; 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #6490BA; 
color: #000000;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #A6C6E3; 
color: #214263;
border-color: #A6C6E3; 
}

#modernbricksmenu2 #members a{ /*currently selected tab*/
background-color: #A6C6E3; 
color: #214263;
border-top: 1px solid #A6C6E3; 
height: 15px;
float:right;
font-size:10px;
font-weight:normal;
margin: 0 0 0 1px; /*Margin between each menu item*/
padding: 0px 5px 0px 5px;
}

#modernbricksmenu2 #members a:hover{  
background-color: #A6C6E3; 
color: #000000;
border-top: 1px solid #A6C6E3; border-bottom: 3px solid #214263;
height: 15px;
float:right;
font-size:10px;
font-weight:normal;
margin: 0 0 0 1px; /*Margin between each menu item*/
padding: 0px 5px 0px 5px;
}

#modernbricksmenu2 #membersfocused a{ /*currently selected tab*/
background-color: #A6C6E3; 
color: #000000;
border-top: 1px solid #A6C6E3; border-bottom: 3px solid #214263;
height: 15px;
float:right;
font-size:10px;
font-weight:normal;
margin: 0 0 0 1px; /*Margin between each menu item*/
padding: 0px 5px 0px 5px;
}

#modernbricksmenu2 #membersfocused a:hover{  
background-color: #A6C6E3; 
color: #000000;
border-top: 1px solid #A6C6E3; border-bottom: 3px solid #214263;
height: 15px;
float:right;
font-size:10px;
font-weight:normal;
margin: 0 0 0 1px; /*Margin between each menu item*/
padding: 0px 5px 0px 5px;
}

/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** FORMS ********************** */

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}

textarea {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	width:600px; height:100px;
}

.textareafield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	width:600px; height:100px;
}
.textareafieldERROOR {
	font-size: 11px;
	color: #333333;
	background: #FFFFCC; 
	border: 1px solid #990000;
	padding-left: 1px;
	width:600px; height:100px;
}

.textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	width:200px;
}

.textfieldERROR {
	font-size: 11px;
	color: #333333;
	background: #FFFFCC; 
	border: 1px solid #990000;
	padding-left: 1px;
	width:200px;
}

.photoEditField {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	width:380px;
}
.photoEditFieldERROR {
	font-size: 11px;
	color: #333333;
	background-color: #FFFFCC;
	border: 1px solid #FF0000;
	padding-left: 1px;
	width:380px;
}

.deleteButton{
font: normal 10px Verdana;
height: 15px;
}

.orderButton{
font: normal 10px Verdana; text-align:center;
height: 15px; width: 17px;
border: 1px solid #000000;
background-color: #F5F5F5;
}
.orderButtonF{
font: normal 10px Verdana; text-align:center;
height: 15px; width: 17px;
border: 1px solid #000000;
background-color: #000000; color: #FFFFCC;
}
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** PHOTO MANAGER*************** */
div.photoDisplay {
display:block; width: 305px; float:left; margin: 0px 4px 4px 0px; padding: 2px 2px 2px 2px;;
border:1px solid #F5F5F5; text-align:center;
}
div.photoManagerImage {
display:block; width: 310px; float:left; margin: 0px 4px 4px 0px; padding: 2px 2px 2px 2px;;
border:1px solid #999999; text-align:center;
}
div.photoManagerEdit {
display:block; width: 800px; margin: 0px 5px 5px 0px; padding: 5px 5px 5px 5px;;
border:1px solid #999999; text-align:center;
}

/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** **************************** */
/* ******************************************************************** DHTML MANAGER*************** */
.contactLink{ /*header of 1st demo*/
color:#214263;
}

.contactForm{ /*class added to contents of 1st demo when they are open*/
background: #FFFFFF;
}

