/* 
============= MEGAMY PROMOTIONS STYLESHEET ============
Developed by Graham Holtshausen 
Freedom Studios
www.freedomstudios.co.za
Updated: 26 January 2012
=======================================================
*/


/*____________ Main Styles ___________________________*/

html, body {
	margin: 0;
	background: url(images/bg-gradient.gif) #5c2b46 repeat-x;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #6aa30f;
	border-bottom: 2px solid #6aa30f;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #dd148e;
	text-transform: uppercase;
	padding: 0;
	line-height: 18px;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: justify;
}


/*_____ End Of Main Styles ___________________________*/







/*____________ ID Styles ___________________________*/


#page {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 782px;
	overflow: visible;
background-image: url(images/big-bg.gif);
	background-position: top;
	background-repeat: no-repeat;/*	*/	
	margin-top: 0;
	vertical-align: top;
	
}


#left-bg {
	background: url(images/left-bg.gif);
	background-repeat: no-repeat;
	float: left;
	width: 120px;
	height: 1123px;	
	background-color: #5c2b46;
	
}


#right-bg {
	background: url(images/right-bg.gif);
	background-repeat: no-repeat;
	float: right;
	width: 119px;
		height: 1123px;	
	background-color: #5c2b46;
	
}

#top-bg {
	background-image: url(images/top-bg.gif);
	background-repeat: no-repeat;
	width: 785px;
	height: 205px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0;
	z-index: 2;
	
}



#middle {
    padding: 0;
	 width: 785px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	 background-color: #FFF;
	 overflow: hidden;
	 -moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px 000;

	 
}


#inner-page-header {
background-color: #fff;
	
	width: 785px;
	margin-left: auto;
	margin-right: auto;
	position: relative;		
	height: 20px;
}


#inner-page-body {
background-color: #f2fcec;
	width: 684px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;	
	padding-top: 10px;
	padding-bottom: 25px;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-align: justify;
}


#inner-page-body p{
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	text-align: justify;
}


#inner-page-body img {
	padding-left: 15px;

}

#models{
	padding:0;

}

#inner-page-body a {
color: #dd148e;
}

#inner-page-body a:link {
 text-decoration: none;
}


#inner-page-body a:visited{
 text-decoration: none;
}


#inner-page-body a:hover {
color: #fff;
background: #dd148e;
}


#flash-gallery {
background-color: #000;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;

	

}




#inner-page-footer {
	background-image: url(images/inner-page-footer.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 734px;
	margin-left: auto;
	margin-right: auto;
	position: relative;		
}




#footer-links {
background-color: #fef5e7;
	width: 684px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #c00000;
	padding-top: 10px;
	padding-bottom: 10px;
}


#footer-links a {
color: #c00000;
text-decoration: none;	
}


#footer-links a:hover {
color: #FFF;
text-decoration: none;
background-color: #c00000;	
}




#left-col {
	float: left;
	width: 345px;
	
}


#right-col {
	float: right;
	width: 305px;
}


#right-col img {
	border: solid #FFF 5px;
}


#clear {
	clear: both;
}


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5c2b46;
		width: 734px;
	margin-left: auto;
	margin-right: auto;
	position: relative;	
}


#copyright {
	float: left;
}


#freedom-studios {
	float: right;
}


#freedom-studios a {
	color: #5c2b46;
	text-decoration: none;
}



#models{
	padding:0;

}


#models img{
	padding:2px;;

}



/*_____ End Of ID Styles ___________________________*/










/*____________ Class Styles ___________________________*/

.megamy-text {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 18px;
font-weight: bold;
color: #ec008c;	
	
}


.megamy-text2 {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #ec008c;	
	
}

.megamy-text3 {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #ec008c;	
	
}

.orange-text {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #f8951d;
text-align:left;	
}

.contact {
	font-size: 20px;
}


.smalltext {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-size: 11px;
	color: #000000;
}

.smalltext-grey {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-size: 10px;
	color: #656565;
	text-align:center;
	display:block;
}

.frame {
	border: 3px #ffffff solid;
}

.hearts {  list-style-type:none;}
.hearts li {padding-left:25px; background:transparent url(images/heart.png) no-repeat; background-position:0 4px;}

.home-box-right {
	float:right;
	text-align:left;
	background-color:#F9C;
	display:block;
	width:250px;
	margin-left:20px;
	margin-right:-10px;
}

.home-box-right p{
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFF;
	
}


#home-feature-box {
	background-color: #CCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 15px 5px 15px;
	margin-left:150px;
	margin-top:35px;
	}
	
#home-feature-box p {
	font-size:18px;
	line-height:24px;
	padding:0;
	}	
	

.home-feature-box-purple {
	background-color: #e3b7e3;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:15px;
	margin-right:130px;	
	}	
 
 
 

/*_____ End Of Class Styles ___________________________*/


#nav-bar {
	background: url(images/nav-bar.gif); 
	background-repeat: no-repeat;
	background-position: top;
	width: 785px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;	
}





/* Tabbed Menu System*/

.solidblockmenu ul{
margin: 0;
margin-top: 0px;
padding-left: 40px;
float: left;
font: bold 13px Arial;
width: 100%;

}

.solidblockmenu li{
display: inline;
width: 109px;
height: 41px;
}

.solidblockmenu li a{
float: left;
color: white;
padding-top: 15px;
text-decoration: none;
background: url(images/inactive-tab.gif);
background-repeat: no-repeat;
width: 109px;
height: 41px;
text-align: center;
margin-top: 0px;
}

.solidblockmenu li a:visited{
color: white;
width: 109px;
height: 41px;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: #dd148e;
background: url(images/active-tab.gif);
background-repeat: no-repeat;
width: 109px;
height: 41px;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}

/* End of Tabbed Menu System*/