/* Style page */
/* Reset CSS */
* {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

/*
Top Navigation Menu
*/

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("../images/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(216,216,216); text-decoration:none; font:12px "Lucida Grande", Arial, Helvetica, Tahoma; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("../images/topMenuImages.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(240,240,240);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px "Lucida Grande", Arial, Helvetica, Tahoma; background:url("../images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("../images/topMenuImages.png") 100% -90px no-repeat;}

/* Text Selection Color */

::selection {
background: #0099FF; /* Safari */
color: #D8D8D8;
}
::-moz-selection {
background: #0099FF; /* Firefox */
color: #D8D8D8;
}

/* Footer and Text shadow */

#shadow  {
color:#808080;
text-shadow:0 1px 0 #EEEEEE;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 11px;
}

#shadow span {
/*float:right;*/
padding-right:16; /* Make blank spaces */
}

#shadow span a {
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

#shadow a {
color:#444444;
text-decoration:none;
}

#shadow a:hover {
color: #0099FF;
border-bottom-color:#0099FF;
border-bottom-style:dotted;
border-bottom-width:1px;
text-decoration:none;
}

#shadow a:visited {
color:#444444;
}

/* Header text with shadow */

#shadow_header  {
color:#7C7C7C;
text-shadow:0 1px 0 #EEEEEE;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
font-weight: normal
}

/* Header text with shadow and link */

#shadow_header_link  {
color:#0099FF;
text-shadow:0 1px 0 #EEEEEE;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
font-weight: normal
}

#shadow_header_link a {
color:#0099FF;
text-decoration:none;
}

#shadow_header_link a:hover {
color: #000000;
text-decoration:none;
}

#shadow_header_link a:visited {
color:#0099FF;
text-decoration:none;
}

#pagetext {
color:#5b5b5b;
text-decoration:none;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
}

/* Main paragraph font with Text shadow */

#textshadow-blue { /* Use for contact page */
color:#4174A7;
text-shadow:0 1px 0 #dbdbdb;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
line-height: 1.5;
text-align: right
}

#textshadow-blue-s { /* Use for contact page */
color:#4174A7;
text-shadow:0 1px 0 #dbdbdb;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
line-height: 1.5;
text-align: left
}

#textshadow  {
color:#5B5B5B;
text-shadow:0 1px 0 #dbdbdb;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
line-height: 1.5
}

#textshadow span {
/*float:right;*/
padding-right:16; /* Make blank spaces */
}

#textshadow span a {
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

#textshadow-italic  {
color:#5B5B5B;
text-shadow:0 1px 0 #dbdbdb;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
line-height: 1.5;
font-style: italic
}

#textshadow-bold  {
color:#5B5B5B;
text-shadow:0 1px 0 #dbdbdb;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 12px;
line-height: 1.5;
font-style: normal;
font-weight: bold;
}

#header-shadow p {
color:#5B5B5B;
text-shadow:0 1px 0 #dbdbdb;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 15px;
font-weight:bold;
}

#textshadow-link  {
color:#5B5B5B;
text-shadow:0 1px 0 #dbdbdb;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
line-height: 1.5
}

ul {
list-style-image:url("../images/blue_bullet.png");
list-style-position:outside;
list-style-type:none;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
text-align: left;
font-size:13px;
font-weight: normal;
margin-bottom:0;
margin-top:0;
margin-left: 14px;
padding-left: 14;
}

a.textshadow-link:link {
color:#5B5B5B;
text-shadow:0 1px 0 #EEEEEE;
text-decoration:none
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
}

a.textshadow-link:visited {
color:#5B5B5B;
text-shadow:0 1px 0 #EEEEEE;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
text-decoration:none;
}

a.textshadow-link:hover {
color: #0099FF;
border-bottom-color:#0099FF;
border-bottom-style:dotted;
border-bottom-width:1px;
text-decoration:none;
}

a.textshadow-link:active {
color:#5B5B5B;
text-shadow:0 1px 0 #EEEEEE;
text-decoration:none
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size: 13px;
}

/* Photographer Box */

.photographersbox  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("images/millerg.png");
background-position:left top;
background-repeat:no-repeat;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:35px;
}

.photographersbox img  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
-moz-box-shadow:0 1px 0.3em #636363;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
float:left;
margin-bottom:0;
margin-left:0;
margin-right:15px;
margin-top:0;
padding-bottom:1px;
padding-left:1px;
padding-right:1px;
padding-top:1px;
}

/* Mini portfolio photos */

#sidebar {
float:right;
width:295px;
}

#sidebar p {
color:#696969;
line-height:18px;
margin-bottom:15px;
margin-left:0;
margin-right:0;
margin-top:0;
text-shadow:1px 1px 0 #FFFFFF;
}

.right {
float:right;
}

.sideblock {
margin-bottom:30px;
margin-left:0;
margin-right:0;
margin-top:0px;
padding-bottom:0;
padding-left:1px;
padding-right:3px;
padding-top:0px;
}
.fromportfolio {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
/*background-image:url("images/fromportfolio.png");*/
background-position:left top;
background-repeat:no-repeat;
}
.fromportfolio img {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
-moz-box-shadow:0 1px 0.3em #636363;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
margin-bottom:15px;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
padding-top:4px;
}

/* Start button effects */
/* Download Portfolio */

.downloadbutton {
	float: left;
	width:242px;
	height:52px;
	display:block;
	background-image:url(../images/btn_download_sprite.png);
	background-position: top right;
}
.downloadbutton span.hover{
	position: absolute;
	display: block;
	width:242px;
	height:52px;
	background-position: bottom right;
	background-image:url(../images/btn_download_sprite.png);
}

/* Radio Download Portfolio */

.submit {
background: url(../images/btn_radio_download_off.png) no-repeat;
height: 54px;
width: 242px;
border: none;
}

.submit:hover {
background: url(../images/btn_radio_download_on.png) no-repeat;
}

/* designed by mg button */

.designedbymgbutton {
	float: left;
	width:142px;
	height:25px;
	display:block;
	background-image:url(../images/designed-by-mg-sprite.png);
	background-position: top right;
}
.designedbymgbutton span.hover{
	position: absolute;
	display: block;
	width:142px;
	height:25px;
	background-position: bottom right;
	background-image:url(../images/designed-by-mg-sprite.png);
}

/* back to top button */

.backtotopbutton {
	float: left;
	width:118px;
	height:30px;
	display:block;
	background-image:url(../images/btn_backtotop-sprite.png);
	background-position: top right;
}
.backtotopbutton span.hover{
	position: absolute;
	display: block;
	width:118px;
	height:30px;
	background-position: bottom right;
	background-image:url(../images/btn_backtotop-sprite.png);
}
/* End button effects */

/* Portfolio Download Option */

a#download-btn {
background-image:url("../images/download.png");
}

/* Contact form style */

#form textInput {
background-color:#D8D8D8;
border:1px solid #D8D8D8;
text-shadow:0 1px 0 #dbdbdb;
color:#4174A7;
font-family: "Lucida Grande", Arial, Helvetica, Tahoma;
font-size:12px;
height:23px;
margin-left:4px;
margin-top:3px;
width:270px;
border-color: transparent
}

/* Contact form style - millerg.com */
input, textarea, select {
color: #5B5B5B;
text-shadow:0 1px 0 #dbdbdb;
padding:4px 4px;
width:300px;
background:#D8D8D8;
border-bottom: 1px double #ACB6BF;
border-top: 1px double #ACB6BF;
border-left:1px double #ACB6BF;
border-right:1px double #ACB6BF;
}

input:focus, textarea:focus, select:focus {
border: 1px solid #0099FF;
text-shadow:0 1px 0 #dbdbdb;
background-color: #D0D0D0;
color: #4174A7;
}

input:hover, textarea:hover, select:hover {
border: 1px solid #0099FF;
text-shadow:0 1px 0 #dbdbdb;
background-color: #D0D0D0;
color: #4174A7;
}
