/*
-------------------------------------------------------------------------------------------------
	TITANMENU
	
	CSS used for the Titan Menu
	http://codecanyon.net/item/titan-menu-a-fresh-and-powerfull-dropdown-menu/258696
-------------------------------------------------------------------------------------------------
*/

/*
	Import all colors/skins/styles
*/

@import url('colormenu.css');


/*
	LAYOUT: BASIC(ONLOAD)
*/

.titanmenu{
	display:block;
	float:none;
	width:100%;
}
.titanmenu > ul{
	float:left;
	list-style:none;
	margin:0;
}
.titanmenu > ul a{
	text-decoration:none;
	font-size:12px;
	text-align:left;
}
.titanmenu > ul> li{
	float:left;
	width:auto;
	height:30px;
	list-style:none;
	margin:0 5px 0 0;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
}

/*
	LAYOUT: BUTTON
*/

.tmbutton > ul{
	height:32px;
	float:left;
	list-style:none;
	margin:0;
	width:100%;
}
.tmbutton > ul > li{
	float:left;
	width:auto;
	height:30px;
	list-style:none;
	margin:0 5px 0 0;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
}

/*
	LAYOUT: BAR
*/

.tmbar > ul{
	height:30px;
	float:left;
	list-style:none;
	margin:0;
}
.tmbar > ul > li{
	float:left;
	height:30px;
	list-style:none;
	margin:0 0px 0 0;
	position:relative;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

/*
	LAYOUT: STACK
*/

.tmstack > ul{
	float:left;
	list-style:none;
	margin:0;
	width:160px;
}
.tmstack > ul > li{
	float:left;
	height:30px;
	list-style:none;
	margin:0 0px 0 0;
	position:relative;
	display:inline;
	width:160px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
.tmstack > ul > li > a{
	width:110px!important;
}

.titanmenu > ul > li > a{
	width:auto;
	float:left;
	height:22px;
	padding:4px 10px;
}
.titanmenu > ul > li > div{
	float:left;
	width:29px;
	height:30px;
	position:relative;
}
div.tmbridge{
	position:absolute;
	right:0;
	display:block;
}
.tmbutton > ul div > span{
	float:left;
	width:28px;
	height:30px;
	margin:0;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-right-radius:5px; 
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.tmbar > ul div > span{
	float:left;
	width:28px;
	height:30px;
	margin:0;
}
.titanmenu > ul > li > div > span > span{
	font-size: 0px; 
	line-height: 0%; 
	width: 0px;
	margin:13px 9px 0 0px;
	float:right;
	border-bottom:none;
	border-right: 5.5px solid transparent;
	border-left: 5.5px solid transparent;
}
.tmstack > ul > li > div > span > span{
	margin:10px 9px 0 0px;
	border-right:none;
	border-top: 5.5px solid transparent;
	border-bottom: 5.5px solid transparent;
}
.tmstack li.split > div:hover > span span,
.tmstack li.nosplit:hover > div > span span{
	margin:10px 9px 0 0px;
	border-right:none;
	border-top: 5.5px solid transparent;
	border-bottom: 5.5px solid transparent;
}

/* second lvl and > */
.titanmenu > ul li ul{
	height:auto;
	width:160px;
	position:absolute;
	display:none;
}
.titanmenu > ul li ul li{
	width:160px;
	float:left;
	margin:0;
	background-position:6px 7px;
	background-repeat:no-repeat;
	position:relative;
}
.titanmenu > ul li ul a{
	width:122px;
	float:right;
	height:100%;
	padding:4px 0 0 10px;
	height:26px;
	position:relative
}
.titanmenu > ul li ul li:hover > a,
.titanmenu > ul li ul ul li:hover > a,
.titanmenu > ul li ul ul ul li:hover > a{
	border:none;
}
.titanmenu > ul li ul li.sep{
	height:0px;
	line-height:0;
}
.titanmenu > ul li ul li.sep:hover{
	background:#none;
} 
.titanmenu > ul li ul ul{
	height:auto;
	width:160px;
	position:absolute;
	right:-162px;
	top:-1px;
	display:none;
}
.titanmenu > ul ul > li > a > span,
.titanmenu > ul ul > li:hover > a > span{
	font-size: 0px; 
	line-height: 0%; 
	width: 0px;
	border-right:none;
	position:absolute;
	right:10px;
	top:12px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

/* 
	INNER BOX(option)
 */
 
.titanmenu > ul ul > li.tmgodown > a > span
{
    font-size: 0px;
    line-height: 0%;
    width: 8px;
    height: 2px;
    margin: 10px 20px 0 0px;
    border: none;
    top: 4px;
    right: 0;
    position: absolute;
}
.titanmenu > ul ul > li.tmgodown > a > span > span{
	font-size: 0px; 
	line-height: 0%; 
	width: 2px;
	height:8px;
	position:absolute;
	top:-3px;
	left:3px;
	border:none;
}
.titanmenu > ul li.tmgodown > ul{
	height:auto;
	width:160px;
	float:left;
	position:relative;
	display:none;
	border:none;
	-moz-box-shadow: 0 0 0px #222;
	-webkit-box-shadow: 0 0 0px #222;
	box-shadow: 0 0 0px #222;
	margin:1px 0 -1px -162px;
	*margin:30px 0 -1px -162px;/*IE7 and below*/
	clear:both;
}

/*
	PROFILE (new in 1.2)
*/

.tmbutton ul li.tmprofile{
	float:right;
	width:auto;
	height:30px;
	list-style:none;
	margin:0 5px 0 0;
	position:relative;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-right-radius:5px; 
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
    border-bottom-right-radius:5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
.tmbutton ul li.tmprofile img,
.tmbar ul li.tmprofile img{
	width:30px;
	height:30px;
	float:left;
}
.tmbutton ul li.tmprofile ul{
	width:160px;
	right:-1px!important;
}
.tmbutton ul li.no-icons div ul li a {
	width:150px;
	border:none
}
/* 
	COLOR SETTINGS: colormenu
*/

.tm-colormenu > li{
	background:#eeeeee;/* fallback color */
    background-image: -moz-linear-gradient(#ffffff,#eeeeee);/* Firefox 3.6+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));/* Safari 4+, Chrome 1+ */
	background-image: -webkit-linear-gradient(#ffffff, #eeeeee);/* Safari 5.1+, Chrome 10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee);/* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee)";/* IE8 */
	background-image: -o-linear-gradient(#ffffff, #eeeeee);/* Opera 11.10+ */
}
.tmbutton .tm-colormenu > li{
	border:1px solid #cccccc;
}
.tmbar .tm-colormenu > li{
	border-right:1px solid #cccccc;
}
.tmbar .tm-colormenu{
	border:1px solid #cccccc;
	border-right:none;
}
.tmstack .tm-colormenu{
	border:1px solid #cccccc;
}
.tm-colormenu > li > a{
	color:#888888;
}
.tmbar .tm-colormenu > li.nosplit > a,
.tmbar .tm-colormenu > li.split > a{
	border-right:none;
}
.tmbutton .tm-colormenu > li:hover{
	-moz-box-shadow: 0 0 5px #ababab;
	-webkit-box-shadow: 0 0 5px #666666;
	box-shadow: 0 0 5px #666666;
	border:1px solid #888888;
}
.tm-colormenu > li > a:hover,
.tm-colormenu > li.split > a:hover,
.tm-colormenu > li.nosplit:hover > a{
	color:#333333;
}
.tm-colormenu > li > div > span{
	background:#eee;
	border-left:1px solid #d7d7d7;
}
.tmstack .tm-colormenu > li > div > span{
	background:none;
	border-left:none;
}
.tm-colormenu > li > div > span span{
	border-top: 5px solid #bbbbbb;
}
.tmstack .tm-colormenu > li > div > span span{
	border-left: 5px solid #bbbbbb;
}
.tm-colormenu > li.tmprofile > div:hover > span span,
.tm-colormenu > li.split> div:hover > span span,
.tm-colormenu > li.nosplit:hover > div > span span{
	border-top: 5px solid #333333;
}
.tmstack .tm-colormenu > li.split > div:hover > span span,
.tmstack .tm-colormenu > li.nosplit:hover > div > span span{
	border-left: 5px solid #333333;
}
.tm-colormenu li ul{
	border:1px solid #999999;
	-moz-box-shadow: 0 0px 4px #aaa;
	-webkit-box-shadow: 0 0px 4px #aaa;
	box-shadow: 0 0px 4px #aaa;
}
.tm-colormenu li ul li{
	background-color:#eee;
}
.tm-colormenu li ul a{
	color:#444;
	background:#ffffff;
	border-left:1px solid #999999;
}
.tm-colormenu li ul li:hover > a,
.tm-colormenu ul li.tmgodown > ul > li:hover > a{
	background-color:#eee;
	border-left:1px solid #999!important;
	-moz-box-shadow: 0 0 0px;
	-webkit-box-shadow: 0 0 0px;
	box-shadow: 0 0 0px;
}
.tm-colormenu ul li.tmgodown > ul > li:hover > a{
	border-left:1px solid #999!important;
}
.tm-colormenu li ul li:hover,
.tm-colormenu  ul li.tmgodown > ul > li:hover{
	background-color:#ffffff;
}
.tm-colormenu li ul li.sep{
	border-top:1px solid #bbbbbb;
	border-bottom:1px solid #ffffff;
}
.tm-colormenu ul > li > a span,
.tm-colormenu ul > li:hover > a span{
	border-left: 5px solid #999999;
}
.tm-colormenu ul li.tmgodown > ul > li{
	background-color:#eee;	
}
.tm-colormenu ul li.tmgodown > ul > li > a{
	color:#333333;
	background:#ddd;
	border-left:1px solid #999999;
}	
.tm-colormenu li.tmgodown > a > span,
.tm-colormenu li.tmgodown > a > span > span{
	background:#999999;
}	
.tm-colormenu li.tmgodown:hover > a > span,
.tm-colormenu li.tmgodown:hover > a > span > span{
	background:#565656;
}		
.tm-colormenu li.tmgodown > ul > li.sep{
	border-top:1px solid #999999;
	border-bottom:1px solid #ffffff;
}

/*
-------------------------------------------------------------------------------------------------
	DEMO
	
	not needed
-------------------------------------------------------------------------------------------------
*/

@import url('http://fonts.googleapis.com/css?family=Orbitron:regular,900');
@import url('http://fonts.googleapis.com/css?family=Ubuntu');

/*
------------------------------------------------------------------------
	RESET
------------------------------------------------------------------------
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, 
cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul,
li,fieldset, form, label, legend, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {  
	display: block;  
}  
nav ul {
    list-style:none;
}
select {
    vertical-align:middle;
}

/* remove dottedborder */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

a{
	outline:none;
}

/*
------------------------------------------------------------------------
	CSS SELECTORS
------------------------------------------------------------------------
*/

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:20px;
	height: 100%;
	min-width:100%;
}
body{	
	width:100%;
    min-height:100%;
}

header span{
	/*position:absolute;
	top:34px;
	left:180px;
	text-shadow: 1px 1px 1px #ffffff;
	color:#444;*/
}
h1{
	font-size:40px;
	color:#666666;
	font-family: 'Orbitron', arial, serif; 
	text-shadow: 1px 1px 1px #ffffff;
	font-weight:bold;
	height:40px;
	line-height:40px
}

article{
	width:960px;
	margin-bottom:60px;
	float:left;
}
article p{
	width:960px;
	margin-bottom:10px;
	float:left;
	text-align:justify
}
section h2{
	position:absolute;
	top:-35px;
	right:0;
	width:auto;
	font-size:20px;
	color:#333333;
	font-family:"Ubuntu";
	margin:5px 0px 0 0
}
#colordiv
{
    width: 500px;
    margin-bottom: 0px;
    border-radius: 10px;
    padding: 30px;
    height: auto;
    position: relative;
    margin-top: -8px;
    margin-right: auto;
    margin-left: auto;
    height: 20px;
    border: 0px solid #CCC;    
    font-family: 'Abadi MT Condensed Light';
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}