/* Default CSS for SWGlobla.com
	Developer: Calie Boateng
	Date: 27/08/2008
*/

HTML {
	height: 100%;


}
BODY {
	HEIGHT: 100%
}
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
}
img {
	border: 0px solid #CCCCCC;
}

H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	font-size: 13px;
	color: #F3CB19;
	text-decoration: none;
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	font-size: 1em;
	color: #9C1E1E;
	text-decoration: none;
	background-color: #FFFFFF;
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
	margin: 0px;
}
#top {
	height: 85px;
}
#mid {
	height: 320px;
	border: 6px solid #DDDDDD;
	background-image: url(../img/main_img.jpg);
	background-repeat: no-repeat;
}
#mid-inner {
	border: 6px solid #F4F4F4;
	background-color: #FFFFFF;
	padding: 15px;
}
#logo {
	height: 44px;
	width: 120px;
	float: left;
	font-size: 0.8em;
	color: #B60000;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#foot {
	width: 820px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 0.7em;
	color: #666666;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#footShift {
	margin: 0px;
	float: left;
	width: 295px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#footANav {
	float: right;
	width: 320px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin: 0px;
}
#footNav {
	width: 240px;
	border: 1px solid #E9E9E9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 530px;
	line-height: 2em;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footSupport  h3 {
	padding: 0px;
	color: #8D0000;
	text-decoration: none;
	margin: 0px;
	font-size: 1em;
	font-weight: normal;
	text-transform: capitalize;
}
#footSupport {
	width: 180px;
	border: 1px solid #E9E9E9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 310px;
	line-height: 2em;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


#foot a:link, #foot a:visited, #foot a:active {
	font-size: 1em;
	color: #9D1E1E;
	text-decoration: none;
	margin-right: 15px;
	line-height: 2em;
}
#foot a:hover {
	color: #666666;
	text-decoration: none;
}


#main {
	height: 100%;
	width: 100%;
	background-image: url(../img/body_bg.png);
	background-repeat: repeat-x;
}
#main-innerpage {
	height: 100%;
	width: 100%;
	background-image: url(../img/inner_body_bg.png);
	background-repeat: repeat-x;
}
#main-sec-innerpage {
	height: 100%;
	width: 100%;
	background-image: url(../img/inner_body_blue_bg.jpg);
	background-repeat: repeat-x;
}
#main-trd-innerpage {
	height: 100%;
	width: 100%;
	background-image: url(../img/inner_body_black_bg.jpg);
	background-repeat: repeat-x;
}
#main-ft-innerpage {
	height: 100%;
	width: 100%;
	background-image: url(../img/inner_body_green_bg.jpg);
	background-repeat: repeat-x;
}
#main-ftt-innerpage {
	height: 100%;
	width: 100%;
	background-image: url(../img/inner_body_blue_bg.jpg);
	background-repeat: repeat-x;
}
#main-sx-innerpage {
	height: 100%;
	width: 100%;
	background-image: url(../img/inner_body_brn_bg.jpg);
	background-repeat: repeat-x;
}
#main-se-innerpage {
	height: 100%;
	width: 100%;
	background-image: url(../img/inner_body_yel_bg.jpg);
	background-repeat: repeat-x;		
}
#mid-splitA {
	width: 268px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#mid-splitB {
	width: 264px;
	background-color: #FFFFFF;
	float: left;
	margin: 0px;
}
#mid-splitC {
	width: 264px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 558px;
}
#midcontent {
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #E5E5E5;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	height: 180px;
}
.splitwhite {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	font-size: 0.7em;
	color: #666666;
	text-decoration: none;
}
.newsitem h2 {
	padding: 0px;
	font-size: 1em;
	color: #8F0202;
	text-decoration: none;
	margin: 0px;
	font-weight: normal;
}
.newsitem {
	padding: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 0.8em;
	color: #333333;
	text-decoration: none;
}

.newswhite {
	background-color: #FFFFFF;
	margin: 0px;
	font-size: 0.8em;
	color: #666666;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	height: 140px;
	overflow: auto;
}

.midsplit-title {
	font-size: 0.9em;
	color: #A51E1E;
	text-decoration: none;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 6px;
	background-image: url(../img/title_bg.png);
}
.screenshots {
	width: 120px;
	border: 2px solid #FBE6E6;
	float: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 0px;
}




#area5 {
	background-image: url(../img/mid_bg.png);
	width: 842px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 74px;
	padding-bottom: 0px;
	padding-left: 74px;
}

/* CSS for Nav system : SWGlobla.com
	Developer: Calie Boateng
	Date: 27/08/2008
*/
#nav {
	width: 580px;
	padding-top: 46px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	float: left;
	
	}
#topnavarea {
	width: 455px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	color: #B60000;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#topnav, #topnav ul {
	float: left;
	list-style: none;
	line-height: 0.6em;
	color: #004784;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 455px;
}
/* -------------------------- */
/* Here are the top navigation links */
#topnav a {
	display: block;
	color: #B70000;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}
#topnav a.one, #topnav a.two, #topnav a.three {
	text-align: left;
	font-size: 0.9em;
}
#topnav li {
	float: left;
	padding: 0;
	font-size: 0.8em;
}
/* -------------------------- */
/* The dropdown links lists */
#topnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	font-weight: normal;
	background-color: #F5F5F5;
	margin: 0;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #F5F5F5;
	border-right-color: #F5F5F5;
	border-bottom-color: #F5F5F5;
	border-left-color: #F5F5F5;
}
#topnav li li {
	padding: 0;
	width: 150px; 
}
#topnav li ul a {
	padding: 12px;
	width: 150px;



	* html width: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5F5;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover1 ul ul, #topnav li.sfhover1 ul ul ul {
	left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover1 ul, #topnav li li.sfhover1 ul, #topnav li li li.sfhover1 ul {
	left: auto;
}
/* -------------------------- */
/* The background and color of the main nav link while looking at the dropdown
   (a little different than the method used on the main nav...) */
#topnav li:hover a.one, #topnav li.sfhover1 a.one,
#topnav li:hover a.two, #topnav li.sfhover1 a.two,
#topnav li:hover a.three, #topnav li.sfhover1 a.three {
	color: #B70000;
	background-color: #F5F5F5;
}
/* -------------------------- */
/* The dropdown links list colors */
#topnav li ul.under a {
	background: #fff;
	color: #555;
}
#topnav li ul.under a:hover {
	color: #B70000;
	background-color: #EBEBEB;
}
#contentarea-inner {
	padding: 0px;
	width: 580px;
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
}
#contentarea-img {
	padding: 0px;
	height: 155px;
	width: 572px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border: 4px solid #F4F4F4;
}


.header-inner {
	font-size: 1em;
	color: #B70000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5F5;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#subnav-inner {
	margin: 0px;
	padding: 0px;
	width: 210px;
	clear: right;
	float: left;
}



#subnavA {
	WIDTH: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#subnavA UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	FONT-FAMILY: "Lucida Sans Unicode", "Trebuchet MS", Tahoma;
	LIST-STYLE-TYPE: circle
}
#subnavA LI {
	MARGIN: 2px 0px 0px
}
#subnavA A {
	DISPLAY: block;
	WIDTH: 185px;
	TEXT-DECORATION: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E8E8E8;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}
#subnavA A:link {
	FONT-SIZE: 11px;
	COLOR: #999999;
	FONT-FAMILY: "Lucida Sans Unicode", "Trebuchet MS", Tahoma
}
#subnavA A:active {
	FONT-SIZE: 12px;
	COLOR: #999999;
	FONT-FAMILY: "Lucida Sans Unicode", "Trebuchet MS", Tahoma
}
#subnavA A:visited {
	FONT-SIZE: 12px;
	COLOR: #999999;
	FONT-FAMILY: "Lucida Sans Unicode", "Trebuchet MS", Tahoma
}
#subnavA A:hover {
	COLOR: #999999;
	BACKGROUND-COLOR: #F9F9F9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E8E8E8;
}

.showcase {
	padding: 0px;
	width: 280px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #F8F8F8;
	clear: right;
	float: left;
}
.showcase-img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 120px;
}
.showcase-txt {
	margin: 0px;
	float: left;
	width: 144px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}