/* Layout */
/*-------------------------------*/
body {
font-size: 70%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/media/images/innovations-bg.jpg);
background-position:top left;
background-repeat:repeat-x;
}
#container {
width: 730px;
margin: 0px auto;  
padding:0 0 0 0px;
background-color:#ffffff;
}
#gallery-container {
width: 590px;
margin: 0px auto;  
padding:0 0 0 0px;
background-color:#ffffff;
}
img {
border:0px;
}
img a {
border:0px;
}
table p {
text-transform:none;
}
#imagefader {
position:fixed;
top:28px;
right:1px;
width:218px;
}


/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 743px; 
height: 87px; 
background-image:url(/media/images/photographer-header.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:right;
color:#666666;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#header h1{
padding-top:106px;
font-weight:normal;
font-size:110%;
color:#333333;
text-align:left;
border:none;
padding-left:24px;
}
#header h2{
font-weight:normal;
padding-top:69px;
font-size:110%;
color:#cccccc;
text-align:right;
border:none;
}
#header h2 a{
color:#E6A700;
text-decoration:none;
}
#header h2 a:hover{
color:#ffffff;
text-decoration:none;
}
#header a{
color:#E6A700;
text-decoration:none;
}
#header a:hover{
color:#E6A700;
text-decoration:underline;
}
#flash{
width: 300px; 
height:151px;
position:relative;
right:82px;
top:41px;
}
/*-----------------------------------*/

#headopt {
clear: both;
width: 730px;
float: left; 
display:inline;
direction:ltr;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/media/images/head-btn-bg.jpg);
background-position:top left;
background-repeat:repeat-x;
height:41px;
}
/* hoizontal body modules */
/*-----------------------------------*/
#duo-mod{
width: 311px;
height:160px;
background-color:#FFFFFF;
boreder-top:1px dotted #666666;
margin-top:7px;
}
#duo-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#duo-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
font-weight: bold;
}
#duo-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#999999;
padding-left:85px;
border:none;
}
#duo-mod li  h2:hover {
color:#ffffff;
cursor:default;
}
#duo-mod li a, #duo-mod li a:link, #duo-mod li a:active, #duo-mod li a:visited {
float: left;
display: block;
width: 152px;
height: 138px;
text-decoration: none;
overflow: hidden;
font-size: 1.0em;
padding-top:20px;
padding-bottom:20px;
padding-left:0px;
}
#duo-mod li a:hover {
padding-left:0px;
}
#duo-mod .duo1 a, #duo-mod .duo1 a:link, #duo-mod .duo1 a:active, #duo1-mod .duo1 a:visited  {
margin-right:7px;
color: #ffffff;
background-image:url(../media/images/duo-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
boder:none;
}
#duo-mod .duo1 a:hover {
background-color: #ffffff;
color: #989C5F;
padding-left:0px;
} 
#duo-mod .duo2 a, #duo-mod .duo2 a:link, #duo-mod .duo2 a:active, #duo-mod .duo2 a:visited  {
color: #ffffff;
background-image:url(../media/images/duo-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
boder:none;
}
#duo-mod .duo2 a:hover {
background-color: #ffffff;
color: #989C5F;
padding-left:0px;
} 

/* hoizontal top menu */
/*-----------------------------------*/
#breadcrumb {
clear: both;
width: 715px;
float: left; 
display:inline;
direction:ltr;
text-align:left;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/media/images/breadcrumb-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-left:20px;
padding-top:7px;
padding-bottom:7px;
height:27px;
}
#breadcrumb a {
color:#ffffff;
text-decoration:none;
font-size:100%;
}
#breadcrumb ul{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#breadcrumb li{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:0px;
padding-left:10px;
list-style-position:outside;
}
#breadcrumb a:hover{
color:#333333;
text-decoration:underline;
}
/*-----------------------------------*/

/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-image:url(/media/images/title-left.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/
/* Gallery Content*/
/*------------------------------------*/
#gallery-content {
clear: both;
float: left; 
width: 590px; 
font-size:100%;
margin-top:100px;
}
#gallery-content h1 {
font-weight: normal;
color:#000000;
margin:0 0 0 0px;
padding-bottom:10px;
padding-top:10px;
font-size:110%;
border-bottom: 1px dotted #666666;
width: 590px; 
}
#gallery-content h2 {
font-weight: normal;
color:#000000;
margin:0 0 0 0px;
padding-bottom:10px;
padding-top:10px;
font-size:110%;
border-top: 1px dotted #666666;
border-bottom: none;
width: 590px;
text-align:right;
}
#gallery-content h2 a{
font-weight: normal;
color:#000000;
text-align:right;
text-decoration:none;
}
#gallery-content h2 a:hover {
font-weight: normal;
color:#000000;
text-align:right;
text-decoration:underline;
}
#gallery-holder {
clear: both;
float: left; 
width: 743px; 
font-size:100%;
}

/* Left Options*/
/*------------------------------------*/
#left {
clear: both;
float: left; 
width: 415px; 
font-size:100%;
border-right:14px solid #ffffff;
}
#left h2 {
font-weight: normal;
color:#808099;
margin-bottom:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:10px;
padding-top:10px;
font-size:100%;
border-bottom: 1px dotted #666666;
width: 244px; 
}
#submenu {
clear: both;
float: left; 
padding:0 0 0 0px;
margin:0 0 0 0px;
width:244px;
display:inline;
direction:ltr;
font-size:100%;
color:#ffffff;
}
#submenu h2 {
font-weight: normal;
color:#ffffff;
margin:0 0 0 0px;
padding-bottom:10px;
font-size:100%;
border-bottom: 1px dotted #666666;
width:244px;
}
#submenu ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#submenu li {
width:244px;
list-style-type:square;
list-style-position:outside;
margin:0 0 0 0;
list-style-position:outside;
}
#submenu li a {
text-decoration:none;
color:#993300;
cursor:pointer;
padding-top:1px;
height:10px;
padding-bottom:1px;
list-style-type:square;
}
#submenu li a:hover {
text-decoration:none;
color:#000000;
padding-left:3px;
}

/* Latest News Sub*/
/*--------------------*/

#latest-sub {
position:relative;
clear:both;
width: 520px;
padding-top:53px;
background-image:url(/media/images/latest-body-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#latest-sub  p{
color:#003366;
}
#latest-sub  a{
color:#ffffff;
}
#latest-sub  a:hover {
color:#003366;
}
.latest-sub-body {
position:relative;
clear:both;
width: 496px;
background-image:url(/media/images/latest-body-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:12px;
padding-right:12px;
padding-top:6px;
padding-bottom:4px;
text-align:left;
color:#ffffff;
}
.latest-sub-body p {
color:#003366;
}
.latest-sub-body a{
color:#003366;
}
.latest-sub-body a:hover {
color:#003366;
}


/*-------------------------------*/

/*Right options */
/*-----------------------------------------------*/
#right{
float: right; 
width: 300px; 
margin: 0 0 0 0px;
}
#thumbnail{ 
position:relative;
width: 311px; 
height:67px;
margin: 0 0 0 0px;
padding:0 0 0 0px;
border: solid 1px #cccccc;
}
#right h1 {
font-weight: normal;
color:#000000;
margin:0 0 0 0px;
padding-bottom:10px;
padding-top:10px;
font-size:110%;
border-bottom: 1px dotted #666666;
width: 313px; 
}
#right h2 {
font-weight: bold;
color:#808099;
margin-bottom:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:10px;
padding-top:10px;
font-size:100%;
border-bottom: 1px dotted #666666;
width: 313px; 
}
#right p {
color:#666666;
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
}
#right a {
color:#000000;
text-decoration:none;
font-weight:normal;
}
#right a:hover{
color:#990000;
text-decoration:underline
}
#right ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#right li {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0;
list-style-position:outside;
}
#right li a {
text-decoration:none;
color:#808099;
cursor:pointer;
padding-top:1px;
height:10px;
padding-bottom:1px;
list-style-type:square;
}
#right li a:hover {
text-decoration:none;
color:#000000;
padding-left:3px;
}
.quicksearch{
float: right; 
width: 150px; 
margin: 0px;
height:59px;
padding-top:40px;
padding-left:20px;
background-image:url(/media/images/quick-search-bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
/*-----------------------------------------------*/
#right-sub {
width:100%;
height:auto;
}
#right-sub ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#right-sub li {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0;
width:100%;
}
#right .sub1 {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0;
width:100%;
background-color:#333333;
float: left;
display: block;
width: 152px;
height: 120px;
}
#right .sub2 {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0;
width:100%;
background-color:#666666;
float: left;
display: block;
width: 152px;
height: 120px;
}
#right .sub3 {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0;
width:100%;
background-color:#999999;
float: left;
display: block;
width: 152px;
height: 120px;
}

/* Footer */
/*-------------------------------*/
#footer {
width:100%;
margin-top:10px;
padding-top:10px;
width:313px;
}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer li a {
color:#808099;
text-decoration: none;
padding-right:5px;
}
#footer li a:hover {
color:#000000;
text-decoration: none;
}
#sign-off {
width:100%;
padding-top:5px;
}

#footer-btns a {
color:#E6A700;
text-decoration:none;
font-weight:normal;
}
#footer-btns a:hover {
color:#E6A700;
text-decoration: none;
}

/*-------------------------------*/

/* News
/*-----------------------*/

#news{
clear: both;
float: left; 
width: 200px; 
font-size:100%;
padding-bottom:20px;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
}

#news a {
color:#333333;
text-decoration:none;
font-weight:normal;
}
#news a:hover {
color:#FFffff;
text-decoration:none;
font-weight:normal;
}
#news li {
padding-top:2px;
padding-bottom:10px;
font-size:100%;
list-style-type:none;
width:188px;
}
#navright li a {
color:#ffffff;
font-size:110%;
text-decoration:none;
}
#navright li a:hover {
color:#ffffff;
font-size:110%;
text-decoration:underline;
}

/*-----------------------*/

/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:300px;
color:#D4D0C8;
margin-bottom:6px;
}
h1 {
font-size:120%;
margin:0 0 0 0px;
padding-bottom:10px;
color:#333333;
border-bottom: 1px dotted #333333;
}
h2 {
font-weight: normal;
color:#E6A700;
margin:0 0 0 0px;
padding-top:10px;
padding-bottom:10px;
font-size:110%;
border-bottom: 1px dotted #666666;
}
h3 {
font-weight: normal;
color:#808099;
width:75%;
padding-top:3px;
height:16px;
padding-bottom:3px;
font-size:100%;
font-weight:bold;
}
h4 {
font-weight: bold;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
h5 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
margin-bottom:3px;
}
h6 {
font-weight: normal;
font-size: 110%;
color:#cccccc;
}
h7 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
}
