/*

Theme Name: Significant Meetings And Events

Author: Olive Group & On 2 Plan B Ltd.

Author: http://www.olivegroup.biz

Description: The custom developed theme for Significant Meetings And Events.

Version: 1.0

-------------------------------------------------------------- */



@charset "utf-8";

/* CSS Document */



/*------------------------------------*\

	RESET

\*------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{

	margin:0;

	padding:0;

	

}

table{

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img{ 

	border:0;

}

address,caption,cite,dfn,th,var{

	font-style:normal;

	font-weight:normal;

}

caption,th{

	text-align:left;

}

h1,h2,h3,h4,h5,h6{

	font-size:100%;

	font-weight:normal;

}

q:before,q:after{

	content:'';

}

abbr,acronym{

	border:0;

}



h3 {

	color: #ef3c42;

}



/*------------------------------------*\

	MAIN

\*------------------------------------*/



body {

	font:Verdana, Geneva, sans-serif;

	font-family:Verdana, Geneva, sans-serif;

	background-image:url(/wp-content/themes/sme/images/bg.jpg);	

	background-repeat:repeat;

	margin:0px; 

	color:#474840;

}



#container {

	background-image:url(/wp-content/themes/sme/images/bg-scroll.png);

	background-repeat:repeat-y;

	position:relative;

	width:976px;

	padding:0px 35px;

	margin:0 auto;

	overflow:auto;

}

/*

#search {

	background-image:url(/wp-content/themes/sme/images/search.jpg);

	position:absolute;

	top:15px;

	right:30px;

	width:344px;

	height:41px;

	background-position:

}



#q {

	border:0px;

	color:#D1D1D1;

	font-size:120%;

	height:23px;

	left:15px;

	position:relative;

	top:-3px;

	width:266px;

}*/



#search {

	background-image:url(/wp-content/themes/sme/images/search.jpg);

	position:absolute;

	top:15px;

	right:30px;

	width:544px;

	height:90px;

	background-position:right top;

	background-repeat:no-repeat;

}



#s {

	border:0px;

	color:#D1D1D1;

	font-size:120%;

	height:27px;

	left:215px;

	position:relative;

	top:7px;

	width:266px;

}



#search_button {

	position:relative;

	float:left;

/*	left:15px; */

	left:216px;

	top:6px;

}



#meetings_events {

	float:left;

}



#main_copy {

	font-size:110%;		

}



.main_copy_index {

	display:block;

    margin-top: 0px;

}



#social-media-icons-home {

	margin-top:15px;

}



#footer {

	background-image:url(/wp-content/themes/sme/images/bg-bottom.jpg);

	background-repeat:repeat;

	width:100%;

	height:100%;

	overflow:auto;

}



#footer_container {

	width:976px;

	margin:0 auto;

	position:relative;

	padding:10px;

	padding-top:20px;

	padding-bottom:20px;

	overflow:auto;

}



#footer_left {

	background-image:url(/wp-content/themes/sme/images/blue-rectangle.png);

	background-repeat:no-repeat;

	float:left;

	width:443px;

	height:162px;

	padding-top:6px;

	padding-left:6px;

	padding-right:5px;

	color:#FFFFFF;

}



#blue_rectangle_small_text {

	font-size:80%;

}



#number {

	border:0px;

}



#go_button {

/*	font-size:120%; */

	font-weight:bold;

}



#footer_center {

	float:left;

	width:195px;

	height:162px;

	font-size:75%;

	position:relative;

	left:25px;

}



#email_button {

	float:right;

	position:relative;

	right:30px;

	top:-13px;

}



#footer_right {

	float:right;

	height:162px;

	font-size:80%;

}



#copy {

	font-size:70%;

	text-align:right;

	float:right;

}



a:link {color:#ef3c42;}    /* unvisited link */

a:visited {color:#ef3c42;} /* visited link */

a:hover {color:#a9dff7;}   /* mouse over link */

a:active {color:#FF0000;}  /* selected link */

/******** Homepage CSS ***********/

#homepage_content {

	font-size:200%;

	color:#ef3c42;

	font-family:Arial, Helvetica, sans-serif;

	position:relative;

	top:-25px;

	height:25px;	

	vertical-align:top;

}

/******** Subpage CSS ********/



#subpage_content {

	padding:0px 20px 70px 20px;

	overflow:auto;

}

#subpage_content p {
	margin-top:12px;
}



#subpage_about_us {

	font-size:200%;

	color:#ef3c42;

	font-family:Arial, Helvetica, sans-serif;

	position:relative;

	top:25px;

	height:75px;	

	vertical-align:bottom;

}



#subpage_social_media {

	float:right;
	z-index:999999;

}

.social {
	left:40;
	top:-40;
}



.red {

	color:#FF0000;

}



ul.a {list-style-type:circle;}



#inner_circle {

	font-size:180%;

	color:#FF0000;

	font-style:italic;

	display:block;

	margin-top:30px;

}



#subpage_profile {

	float:left;

}



#subpage_right_of_profile {

	float:right;

	width:750px;

}



.strong {

	font-weight:bold;

	font-size:110%;

}





/******** World Map ********/

#world-map {

	/*width:750px;

	height:398px;*/

	width:930px;

	height:462px;

	margin:auto;

	/*background-image:url(/wp-content/themes/sme/images/world-map3.jpg);*/

	/*background-image:url(/wp-content/uploads/2012/07/map-globe1.jpg);*/
	background-image:url(/wp-content/uploads/2012/08/map-globe2.png);

	position:relative;

}



#world-map #asia {

	width:170px;

	height:100px;

	position:absolute;

	left:450px;

	top:40px;

}



#world-map #america {

	width:100px;

	height:80px;

	position:absolute;

	left:140px;

	top:70px;

}



#world-map #europe {

	width:100px;

	height:60px;

	position:absolute;

	left:340px;

	top:50px;	

}



#world-map #newyork2 {

	width:100px;

	height:60px;

	position:absolute;

	left:140px;

	top:10px;	

}



.world-map-img {

	display:hidden;

}

a.tucson, a.atlanta, a.washington, a.vienna, a.copenhagen, a.johannesburg, a.newyork {
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	background: url("/wp-content/uploads/2012/08/map-dot-rollover5.png");
	position:absolute;
}

a.tucson:hover, a.atlanta:hover, a.washington:hover, a.vienna:hover, a.copenhagen:hover, a.johannesburg:hover, a.newyork:hover {
	background-position: -80px 0;
	}

a.tucson {
	left:130px;
	top:190px;
}

a.atlanta {
	left:210px;
	top:200px;
}
a.washington {
	left:230px;
	top:182px;
}

a.vienna {
	left:465px;
	top:153px;
}

a.copenhagen {
	left:465px;
	top:125px;
}

a.johannesburg {
	left:510px;
	top:360px;
}

a.newyork {
	left:240px;
	top:175px;
}








/******** Search Bar **********/

.screen-reader-text {

	display:none;

}



#searchsubmit {

	display:none;

}



#searchform {

	float:left;

}


/******** Thumbel Slider ***** */

.jcarousel-prev {
	margin-left:35px;
}

#smooth_slider {
	right:30px;
	background-color:transparent;
}




/******** Menu Styling ********/

/*

#logo {

	float:left;

}

*/

#menu-top-nav{

	list-style:none;

	font-weight:bold;

	margin-bottom:0px;
	/* Jake changed from margin-bottom:0px; */

	/* Clear floats */

	float:left;

	width:100%;

	/* Bring the nav above everything else--uncomment if needed.

	position:relative;

	z-index:5;

	*/

	/** added by me **/

	position:relative;

	top:32px;

	left:-10px;

	/** end added by me **/

}

#menu-top-nav li{

	float:left;

	margin-right:3px; /* 10 */

	position:relative;

	border-left:solid 1px #a9dff7;

	padding-left:2px; /* 8 */

	z-index:1000;

}

#menu-top-nav a{

	display:block;

	padding:5px;

	color:#919296;

	font-weight:bold;

/*	background:#333; */

	text-decoration:none;

}

#menu-top-nav a:hover{

	color:#a9dff7;

	background:#ffffff;

/*	text-decoration:underline; */

	text-decoration:none;

}



/*--- DROPDOWN ---*/

#menu-top-nav ul{

	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */

	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */

	list-style:none;

	position:absolute;

	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

}

#menu-top-nav ul li{

/*	padding-top:1px; */ /* Introducing a padding between the li and the a give the illusion spaced items */

	float:none;

	font-size:80%;	

	background-color: #FFFFFF;

	position:relative;

	left:-1px;

	font-weight:

}

#menu-top-nav ul li:last-child{

	border-bottom:solid 6px #a9dff7;

}

#menu-top-nav ul a{

	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */

	font-weight:normal;

}

#menu-top-nav li:hover ul{ /* Display the dropdown on hover */

	left:0; /* Bring back on-screen when needed */

}

#menu-top-nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

	background:#ffffff;

	text-decoration:none;

}

#menu-top-nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */

	text-decoration:none;

}

#menu-top-nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

	background:#ffffff;

	color:#a9dff7;

}