/* CSS Document */

body { color: #6d6f71; font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; font-size: 13px; line-height: 1.4em;  /* */}
#shadow{background: url(images/shadow.jpg) no-repeat bottom right; margin-left: auto; margin-right: auto; height: 650px; width: 1000px;position: relative; overflow: hidden;}
* html #shadow{background: url(images/shadow.jpg) no-repeat top right; padding-top: 2px;}
#superwrapper {margin-left: auto; margin-right: auto; width: 960px; height: 620px; padding-top: 14px;  }
/*CONTAINERS*/
/*#bg {  width: 210px; background: #d31044; height: 100%; position: fixed; left: 0;top:0;}*/
* html #bg { display:none;}
/*#container { bottom: 0px; position: absolute; } */
#menu {width: 131px; float: right; list-style:none; margin-left: -30px; text-align: right; text-transform: uppercase; font-size: 1.2em; line-height: 1.7em; letter-spacing: 1px;  }
#wrapper  {margin-left: auto; margin-right: auto; width: 960px;  position: relative; overflow: hidden; }
#main-container{ position: relative;}
#splash{background: #d31044; height: 500px;}
#portfolio {margin-top: -77px; margin-left: -10px; float: left;  padding: 15px; height: 545px; overflow: hidden; position: relative;}
#portfolio-upload {margin-top: -77px; margin-left: -10px; float: left;  padding: 15px; height: 545px; overflow: scroll; position: relative;}
* html #portfolio { margin-left: 0px; }
#featureimage{height: 100px; width: 100px; padding-bottom: 25px; padding-top: 10px;}
.col{position: relative; float: left;}
#main{width: 610px; padding-left: 20px; padding-right: 20px; height: 538px; padding-top: 80px;}
* html #main { width: 620px; }
#maincol1 {width: 285px; padding-left: 20px; padding-right: 10px; height: 265px; padding-top: 70px;}
#maincol2 {width: 285px; padding-left: 10px; padding-right: 20px; height: 195px; padding-top: 205px;}
#sidebar{width: 170px; padding-left: 20px; padding-right: 20px; background: #d31044; height: 300px; padding-top: 100px; position: relative;}
#sidebarporfolio{margin-left: 0px; margin-top: 0px;width: 170px; padding-left: 20px; padding-right: 20px; background:  url("images/baseimage2.gif") no-repeat bottom #d31044; height: 518px; padding-top: 100px; }

#baseimage{float: left; height: 219px; width: 402px; bottom:0px; position: relative; }
* html .aboutpage{ margin-top: -99px;}
/*Link Styles*/

.current a{color: #fff !important; font-weight: bold;}

a{color: #d31044; text-decoration: none;}
a:link{color: #d31044; text-decoration: none;}
a:visited{color: #d31044; text-decoration: none;}
a:hover{color: #333; text-decoration: none; border-bottom: 1px dotted #d31044;}}

#menu a{color: #eb93ab; text-decoration: none; }
#menu  a:link{color: #eb93ab; text-decoration: none;}
#menu  a:visited {color: #eb93ab; text-decoration: none;}
#menu  a:hover {color: #fff; font-weight: bold; border-bottom: none;}
#menu ul{list-style: none;}

#splash a{color: #bbbdc0; text-decoration: none; font-size: 26px; border-bottom: none; font-weight: 100;}
#splash a:hover{color: #fff; font-weight: 100;}


/*Font Styles*/
p{font-size: 11px; padding-bottom: 7px; margin: 0; line-height: 1.3em;}
.word{font-size: 20px; font-weight: bold;}
.pronunciation{font-size: 13px; font-weight: bold}
.mico{font-size: 13px; font-weight: normal;}

/*Image Gallery*/
#imageBox { margin: auto; width: 560px; overflow: hidden; position:relative; z-index:3 }
#imageBoxInside { width: 10000px; left: 0; top: 0; }  
#imageBox img { float: left; padding: 0px; margin: 0px; }
#imageBox br { clear: both; }
#slidecontainer {text-align: center; }

#previous { float: left; margin-top: -30px; width: 14px;  }
#next { float: left; margin-top: -30px; width: 14px; margin-left: 600px; }
* html #next { margin-left: 310px; }

#slidecontainer img { border: none;}
#slidecontainer a:hover, #slidecontainer a:link, #slidecontainer a:visited   { border-bottom: 2px dotted #fff !important;}

#myGallery3 { margin-top: -170px; background: none; position: relative !important; }
#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #fff;
	color: #333;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}