/* get rid of defaults */

/* selects everything on the web page */
{
	margin:0px;
	padding;0px;
}

body
{
	background:#969fab;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-seriff";
	text-align:center;
}

/* centering the webpage */

#center_page /* this is the id given to the div that holds all the body of the page  just name give it id="center_page" */
{
	width:960px;
	margin:0px auto; /* centers the web page */
	text-align:left; /* otherwise this would be centered inheiriting the body style above. */
}

/* **********  ***** my Header starts here ************ ***** */
#top_header
{
      /*  width:960px;     **/
        width:100%;
        max-width:100%;
        margin:0px auto;
	background:#42517f;                   
	border-bottom:1px solid #000;
        box-shadow:1px 1px 2px #000;
	margin-top:5px;
}
/* ******************** thomasmooring.com Header ************* */
#top_header h1
{
	color:#fff;
	text-align:center;
        width:100%;
	word-spacing:8px;
	text-shadow:2px 2px 4px #000;
	background-color:#37699a;
	margin-top:5px;
}
#top_header h6
{
	color:#fff;
	text-align:center;
        width:100%;
	word-spacing:4px;
	text-shadow:2px 2px 4px #000;
	background-color:#37699a;
	margin-top:0px;
}
#top_header img
{
        width:100%;
        height:auto;
        background-color:#37699a;
        border-radius:5px;
        max-width:100%;
        display:block;
        margin:auto;
        margin-top:5px;
        overflow:hidden;
}
/* ****************** my main NAV begins here************** */
#main_nav
{
        box-shadow:1px 1px 2px #000;
}
#main_nav a
{
	text-decoration:none;
	color:#fff;
	padding-left:5px;
	padding-right:5px;

}
#main_nav a:hover
{
        color:#fff;
        background-color:#222222;
/*        border:1px solid #08f3f9;      */
}
#main_nav a:visited
{
	color:#fff;
}
#main_nav a:active
{
        color:#7a8e92;
        background-color:#fff;
}
#active
{
        color:#7a8e92;
        background-color:#fff;
}
/* ****************** this is the UL in my NAV ************* */

#nav_ul
{
	margin:0px 0px auto;
	background:#42517f;
	border-bottom:1px solid #000;
        box-shadow:1px 1px 2px #000;
	margin-top:5px;
}
#nav_ul a
{
	text-decoration:none;
	color:#fff;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	word-spacing:2px;
	text-shadow:1px 1px 2px #000;
}
#nav_ul a:hover
{
        color:#fff;
        background-color:#222222;
}
#nav_ul a:visited
{
	color:#fff;
}
#nav_ul a:active
{
        color:#7a8e92;
        background-color:#fff;
}
#nav_ul li
{
        margin-top: 5px;
        margin-bottom:5px;
        margin-right:5px;
        margin-left:5px;
        box-shadow:1px 1px 2px 1px #222;
}
#nav_ul li:hover
{
	background:#222;
/*        border:1px solid #08f3f9;       */
}
/* ********************  my Section begins here ************* */
#main_content
{
	background:#848c9c;
	background:linear-gradient(to top, #848c9c 0%, #686080 50%, #a7b1c5 100%);
	background:-webkit-linear-gradient(bottom, #848c9c 0%, #686080 50%, #a7b1c5 100%);
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
        box-shadow:1px 1px 2px #000;
        background-image: url("../PICS/background/BluePaint2.jpg");
        width:100%;
}
}
/* ***************  styling the paragraph properties ********* */
#main_content p
{
	color:#000;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	word-spacing:2px;
	text-shadow:1px 1px 2px #eaeaea;
	background-color:#e1e3e3;
	margin:0px 60px auto;
        box-shadow:1px 1px 2px #000;
}
/* *********** setting the headers for my main content area ***** */
#main_content h1, h2, h3, h4
{
	background-color:#f2f3fb;
        color:#222222;
	text-align:center;
	margin:0 60px auto;
	padding:3px 3px;
	word-spacing:2px;
	text-shadow:1px 1px 2px #464956;
        box-shadow:1px 1px 2px #000;
}
#main_content h1, h2, h3, h4 a
{
        text-decoration:none;
}
  /* creating my Horizontal rulers */
#main_content hr
{
	color:#222222;
	margin:0 60px auto;
	height:2px;
        box-shadow:1px 1px 2px #000;
}

/* *****  SETTING ANCHORS INSIDE THE PARAGRAPH SECTION ****** */
#main_content p a
{
	text-decoration:none;
	color:#215463;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	word-spacing:2px;
	background-color:#f2f3fb;       
        border:1px solid #222222;
	text-shadow:1px 1px 2px #000;
}

#main_content p a:visited
{
	text-decoration:none;
	color:#215463;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	word-spacing:2px;
	background-color:#f2f3fb;
        border:1px solid #222222;
	text-shadow:1px 1px 2px #000;
}

#main_content p a:hover
{
	color:#f2f3fb;
	word-spacing:2px;
	background-color:#215463;
	padding-top:1px;
        padding-right:5px;
        padding-bottom:1px;
        padding-left:1px;
        border:1px solid #08f3f9;
	text-shadow:1px 1px 2px #000;
}

/* ******************   STYLING MY CONTACT FORM ************** */
.powr-contact-form
{
	background:#848c9c;
	background:linear-gradient(to top, #848c9c 0%, #686080 50%, #a7b1c5 100%);
	background:-webkit-linear-gradient(bottom, #848c9c 0%, #686080 50%, #a7b1c5 100%);
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
        box-shadow:1px 1px 2px #000;
	margin:0px 60px auto;
	padding-left:20px;
	padding-right:20px;
}

/* ******************  BEGIN IMAGE FORMATTING ************* */
#main_content img
{
/*	width:90%;              */
        padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
        background:#848c9c;
        border:1px solid 99adeb;
        box-shadow:1px 1px 2px #222222;
	overflow:hidden;
}
#main_content img:hover
{
        border:1px solid #08f3f9;
}
/* ****************************** Playing with something *****************
#main_content ul
{
        width:90%;
        height:auto;
        padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
        background:#848c9c;
        border:1px solid 99adeb;
        box-shadow:1px 1px 2px #222222;
	overflow:hidden;
}
**************************** End playing with something *************** */
/* *******************  my FOOTER begins here **************** */
#main_footer
{
        background:#222222;
	color:#fff;
 	text-align:center;
/* 	font-size:11px;      <--trying to take out the size */
 	padding-top:2px;
 	padding-bottom:2px;
        box-shadow:1px 1px 2px #000;
	margin-bottom:5px;
}
/* ************** setting the paragraphs inside the footer ****** */
#main_footer p
{
 	color:#fff;
 	text-align:center;
 /*	font-size:11px;   <- taking out the size */
 	padding-top:5px;
 	padding-bottom:5px;
}

/* **************** SETTING THE LINKS IN THE FOOTER ********** */
#main_footer p a
{
	color:#fff;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
}
#main_footer p a:visited
{
	color:#fff;
}
#main_footer p a:hover
{
	background-color:#fff;
	color:#000;
/*        border:1px solid #08f3f9;           */
}

/* ********** STYLING THE General UNORDERED LISTS ************* */
ul
{
	display:block;
	text-align:center;
	img-align:center;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	background:#848c9c;
	background:linear-gradient(to top, #848c9c 0%, #686080 50%, #a7b1c5 100%);
	background:-webkit-linear-gradient(bottom, #848c9c 0%, #686080 50%, #a7b1c5 100%);
	overflow:hidden;
        box-shadow:1px 1px 2px #000;
	margin:0px 60px auto;
}
ul li
{
	display:inline-block;
	float:none;
	padding:10px 10px;
}
<!--[if lt IE 8]>
ul li
{
	display: inline;
}
<![endif]-->
#main_content p ul li a
{
        text-decoration:none;
}
#main_content p ul li a:visited
{
        text-decoration:none;
}
/* *********************** SOCIAL FOOTER ************************ */
#social_footer
{
      	width:100%;
      	box-shadow:1px 1px 2px #000;
      	margin-bottom:5px;
}
#social_footer h4
{
	color:#fff;
	margin:0px 0px auto;
	background:#37699a;
}
#social_footer img
{
        background:#222222;
        border:1px solid 99adeb;
        box-shadow:1px 1px 2px #222222;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
#social_footer img:hover
{
	background:#fff;
}
#social-icons
{
	background:#222222;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:2px;
	overflow:hidden;
	margin:0px 0px auto;
{
/* ******************** STYLING GALLERY PAGE UL *********************** */
#my_gallery_page
{
	margin:0px 60px auto;
        background:#ffffff;
        img-align:center;
	overflow:hidden;
        box-shadow:1px 1px 2px #000;
}
#my_gallery_page li img
{
        width:25px;
        height:25px;
        padding:10px 10px;
}
#my_gallery_page img
{
        width : 50px ;
        height : 50px ;
        line-height : 50px ;

}
/* ******************** STYLING images on indiv pages *********************** */

.imageClass
{
        width:80%;
        max-width:80%;
        height:auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
#imageHolder
{
        width:90%;
        height:auto;
}