#container {
			margin:70px auto;
			width:500px;
		
			/* Basic repeatable PNG background */
			background:url('/example_bg.png') repeat-x;
		}




body {
	background-color: #48001c;
	background-image:url(/images/back.jpg); background-repeat:repeat-x; font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; color:#FFFFFF;
}
#background{margin-left:auto; margin-right:auto; background-image:url(/images/header.jpg); width:100%; min-height:900px; background-position:center; background-repeat:no-repeat; background-position:top;}
#maincontainer{width:960px; margin-left:auto; margin-right:auto; position:relative;}
#bodycontainer{width:850px; margin-left:auto; margin-right:auto;}
#logo{float:left; }
#menu{padding-top:45px; float:right;}
#footer{background-color:#340011; height:175px; width:100%; color:#FFFFFF; background-image:url(/images/footerdot.gif); background-position:top; background-repeat:repeat-x;}
a{color:#FFFFFF; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{color:#6cd9e9; font-family:Tahoma,Geneva,Kalimati,sans-serif;}
h2{color:#6cd9e9; font-family:Tahoma,Geneva,Kalimati,sans-serif;}

/************************************************
 Carousel
************************************************/
#photoframe{
	margin-left: auto;
	margin-right: auto;
	height:300px; width:910px;
	padding-top:10px; clear:both;
	}



.stepcarousel{
position: relative; /*leave this value alone*/
border: 00px solid black;
overflow: scroll; /*leave this value alone*/
width: 910px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
left:0px;
top:12px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 910px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/************************************************
 Carousel
************************************************/




/************************************************
 Round Corners Button Rollover
************************************************/

.mymenu li {
    display:inline;
    list-style:none;
}

.mymenu li a {
    background:transparent url(/images/buttons.gif) no-repeat top left;
    display:block;
    float:left;
    height:28px;
    margin-right:1px;
	text-decoration:none;
	color:#FFFFFF;
}

.mymenu li a span {
    background:transparent url(/images/buttons.gif) no-repeat right top;
    display:inline;
    float:left;
    height:24px;
    padding:4px 10px 0 0;
    margin-left:10px;
    cursor:pointer;
}

.mymenu li a:hover {
    background-position:0px bottom; color:#fff;
}

.mymenu li a:hover span {
    background-position:right bottom;
}
/************************************************
 Round Corners Button Rollover
************************************************/