@charset "utf-8";
/* CSS Document */

/* begin basic global styles */
html,body,div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd {
color: #3a3a3a;
list-style: none; 
margin: 0;
padding: 0; 
}
html { 
background:#CCCCCC; 
}
body { 
font: 12px arial; 
}
a { 
color: #444; 
font-weight: bold; 
text-decoration: none; 
}
h1 { 
font-size: 2em; 
}
h2 { 
font-size: 1.5em; 
}

/* Body Wrapper */

#main {
background: #fff; 
margin: 0px auto 40px auto; 
width: 668px; 
border: 50px solid #333333;
margin-top: -17px;
}


/* Heading Styles */

#header {

}
#mainTitle {
text-align: center;
margin-top: 65px;
}
#mainTitle a {
color: #000
}
#mainTagline { 
display:block; 
text-align: center; 
font-size: 18px; 
color: #000
}

/*///// Navigation Bars///// */

#topLinks { text-align: center; display: block; }
#topLinks li { line-height: 2em; }
#topLinks li a { width: auto; height: auto;}
#topLinks a, #topLinks a:link { color: #fff; }
#topLinks a:hover { text-decoration:underline; color: #fff; }
#topLinks {
	background:#000;
}
#sidesm {
	text-align:left;	
}
#topLinks li a, #sidesm li a {
        padding: 1em;
	font-size: 100%;
	line-height: 2.5em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
        display: inline;
        margin-top: -50px;
}
#topLinks a, #sidesm a {
	color: #fff; 
	display:inline;
}
#topLinks a:hover, #sidesm a:hover  {
	color: #fff; 
}
#topLinks li {
display: inline;
list-style: none;
margin: 0 auto;
}
#topLinks ul li {
margin-top: -150px;
}
#bottomLinks { text-align: center; display: block; margin-top: 50px; }
#bottomLinks li { line-height: 2em; }
#bottomLinks li a { width: auto; height: auto; }
#bottomLinks a, #topLinks a:link { color: #50000C; }
#bottomLinks a:hover { text-decoration:underline; color: #50000C; }
#bottomLinks {
	background:#000;
}
#sidesm {
	text-align:left;	
}
#bottomLinks li a, #sidesm li a {
        padding: .5em;
	font-size: 100%;
	line-height: 2.5em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
        display: inline;
}
#bottomLinks a, #sidesm a{
	color: #fff; 
	display:inline;
}
#bottomLinks a:hover, #sidesm a:hover  {
	color: #fff; 
}
#bottomLinks li {
display: inline;
list-style: none;
margin: 0 auto;
}

/*//// wrapper for elements below nav /////*/

#mainArea { 

position: relative;
}

/*/// Left Side Layout ////*/

#leftLinks {   
position: absolute;
bottom: 40px;
text-align: center;
bottom: -150px;
background: #fff;
padding: 15px;
border: 50px solid #333333;
border-top: none;
width: 638px;
margin-left: -50px;
}
#leftLinks li { 
line-height: 20px; 
display: inline;
}
#leftLinks a, #leftLinks a:link { 
color: #000;
}
#leftLinks a:hover { 
text-decoration:underline; 
}



/*//// Web Link Box /////*/

#webLinkTop {  
padding:10px;
background: #fff;
text-align: center;
height: 500px;
width: 500px;
display: block;
text-indent: -99999em;
background: url(/images/weblink.gif) no-repeat;
background-position: top center;
overflow: hidden;
margin: 0 auto;
}
#webLinkBottom {  
padding:10px;
background: #fff;
text-align: center;
height: 500px;
width: 500px;
margin: 0 auto;
display: block;
text-indent: -99999em;
background: url(/images/weblink.gif) no-repeat;
background-position: top center;
overflow: hidden;
}
#webLinkTop h2 a {
display: block;
text-indet: -9999em;
height: 500px;
margin-left: auto;
margin-right: auto;
}
#webLinkBottom h2 a {
display: block;
text-indet: -9999em;
height: 500px;
margin-left: auto;
margin-right: auto;
}
#addressLeft { 
width:250px; 
float:left; 
}
#addressRight { 
margin-left:250px; 
}

/*//// Page Content Styles///// */

#content {
text-align: left; 
margin: 10px 0; 
padding:10px;
}
#content h1{
color: #000;
text-align: center;
font-size: 24px;
text-transform: uppercase;
margin: 20px 0;
}
#content p{
font-size: 12px;
color: #000;
text-align: justify;
}
#content li{
color: #000;
list-style: circle;
margin-left: 20px;
text-transform: capitalize;
}

#mirr-content img {
margin: 10px;
border: #eee solid 1px;
}

#content img {
margin: 10px;
border: #eee solid 1px;
}

/*/// Bottom Keyterms ////*/

#relatedInfo {  
padding: 10px; 
text-align: center; 
clear:both;
/*///Change margin-bottom to raise leftlinks ////*/
/*///Change margin-bottom to raise leftlinks ////*/
margin-top: 10px;
}
#relatedInfo li { 
display:inline;  
}
#relatedInfo h3 { 
color: #000; 
font-size: 18px; 
}
#relatedInfo a { 
color: #000; 
}
#relatedInfo a:hover { 
color: #333; 
}

/*/// Weather /////*/
#wrap{
margin-bottom: 20px;
display: block;
height: 200px;
margin-bottom: 100px;
padding-bottom: 5px;
position: relative;
background: #fff;
}

#weather {
text-align: right;
padding:0px 30px 0px 0px;
margin-top: 0px;
float: right;
width: 200px;
}
#weather img {
float:left;
margin:0;
}
/*//// Cartoon of the day /////*/

#cotd {
margin: 0px 0;
padding: 0px 60px;
text-align:center;
float: left;
width: 160px;
}
#cotd h2{
font-size: 12px;
}

/*//// Opt in form classes /////*/

#optin {
margin-top: 50px;
padding:10px;
width: 210px;
float: left;
}
#optin label {
display:block;
}
#optin label span {
width:45px;
float:left;
margin:7px 0;
font-size:14px;
font-weight:bold;
}
#optin label input {
width:130px;
height:15px;
margin:5px 0;
}
#optin input[type="submit"] { }



/*///// Search box //////*/

#search { 
padding:5px; 
margin-left: 0px;
margin-top: -3em;
position: absolute;
}
#search input, #search option { 
}

/*------------------------------------------
Forms
------------------------------------------*/
#content form { 
text-align:center; 
}
#content form label { 
display:block; 
clear:both; 
}
#content form label span { 
width:75px; 
float:left; 
text-align:right; 
line-height:24px;
}
#content form label input[type=text], #content form label textarea { 
width:375px; 
}
#content form label textarea { 
height:75px; 
}
#content form input[type=submit] { 
margin:0 auto; 
}

/*------------------------------------------
Site Map area Possibly Reusable
------------------------------------------*/
#sitemap { 
margin-left:5px; 
}
#sitemap dt { 
margin-left:10px; 
}
#sitemap h3 { 
margin-left:10px; 
text-decoration:underline; 
}
#sitemap dd { 
margin-left:20px; 
text-transform:capitalize; 
}

/*//// Referer Keyword /////*/
#referer a,
#referer a:link { 
border:2px solid #FF0000; 
margin-bottom:10px; 
padding:11px; background:#FF3; 
text-align:center; 
display:block; 
text-transform:uppercase; 
font:14pt 'Tahoma', 'Helvetica', 'Arial', 'Sans-serif'; 
letter-spacing:1px; 
}
/*////footer///////*/
#footer {
font-size: 12px;
line-height: 16px;
background: url(/images/04r.jpg);
text-align: center;
width: 777px;
margin-left: -12px;
margin-bottom: -12px;
height: 31px;

}
#footer li {
display: inline;
list-style: none;
color: #000;
font-weight: bold;
}
#footer li a {
color: #000;
margin: 0 5px;
}
#footer li a:hover {
}

#mirr {
height: 515px;
}

#mirr img {
position: relative;
z-index: -1px;
}

#mirr-nav {
position: relative;
z-index: 3;
}

#mirr-content {
z-index: 3;
}

#first-col {
width: 520px;
float:left;
}

#welcome {
width: 46%;
padding: 1%;
float:left;
}

#welcome img {
float:left;
margin: 3px;
}

#latest-works {
padding: 1%;
}

#col-two {
padding: 5px;
}

#mirr span {
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
font-size: 150%;
}