body
{
	font-family: Arial, SunSans-Regular, Sans-Serif;
	font-size: 85%;
	text-align: center;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/body.gif) repeat-y;	
	color: #621655;
	margin:0 auto;
}

p
{
	font-size: 1.0em;
}

/* Three-pixel bug fix: http://www.positioniseverything.net/explorer/threepxtest.html */
* html p
{
	height: 1%;
}

#wrapper
{
	margin: 0 auto;
	width: 1000px;
	height: auto;
	overflow: hidden;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/background.gif) repeat-x;
}

#header
{
	height: 100px;
	width: 1000px;
	background: left url(http://pics.halo-online.hr/pink/header_stars.gif) repeat-x;
}

#image
{
	height: 100px;
	width: 1000px;
	font-size: .8em;
	background: top url(http://pics.halo-online.hr/pink/header_image.gif) no-repeat;
	text-transform: uppercase;
	text-align: center;
	text-indent: -9999px;
}


/*navigacijski meni*/

#meni 
{
	margin: 10px 25px;
	float: left;
	width: 950px;
	height: 70px;
	text-align: center;
	background: top url(http://pics.halo-online.hr/pink/meni_2.gif) repeat-x;
	overflow:hidden;
}

#meni1 
{
	float: left;
	width: 20px;
	height: 70px;
	text-align: center;
	background: top url(http://pics.halo-online.hr/pink/meni_1.gif) no-repeat;
}

#meni2 
{
	float: right;
	width: 20px;
	height: 70px;
	text-align: center;
	background: top url(http://pics.halo-online.hr/pink/meni_3.gif) no-repeat;
}

#meni ul
{	
	padding: 10px 150px;
	overflow: hidden;
	width: 600px;
}

#meni li
{	
	float: left;
	display: block;
	list-style-type: none;
 	background-position: center;
 	padding: 0px 0px;
 	margin:0;
 	width: 150px;
 	height: 20px;
 	text-indent: -9999px;
}

#meni a
{
	display: block;
	overflow: hidden;
	width: 150px;
 	height: 20px;
}

li#home a
{background: center url(http://pics.halo-online.hr/pink/link_home.gif) no-repeat;}

li#home a:hover
{background: center url(http://pics.halo-online.hr/pink/link_homeover.gif) no-repeat;}

li#onlinetools a
{background: center url(http://pics.halo-online.hr/pink/link_onlinetools.gif) no-repeat;}

li#onlinetools a:hover
{background: center url(http://pics.halo-online.hr/pink/link_onlinetoolsover.gif) no-repeat;}

li#aboutus a
{background: center url(http://pics.halo-online.hr/pink/link_aboutus.gif) no-repeat;}

li#aboutus a:hover
{background: center url(http://pics.halo-online.hr/pink/link_aboutusover.gif) no-repeat;}

li#contactus a
{background: center url(http://pics.halo-online.hr/pink/link_contactus.gif) no-repeat;}

li#contactus a:hover
{background: center url(http://pics.halo-online.hr/pink/link_contactusover.gif) no-repeat;}

/** kraj nav menija **/


/** content **/
#main
{
	float: left;
	width: 1000px;
	text-align: center;
	overflow: hidden;
}

#w_content
{
	float: left;
	margin: 10px 15px 0px 30px;
	width: 680px;
	text-align: center;
	overflow: hidden;
	background: left url(http://pics.halo-online.hr/pink/content_leftsub.gif) repeat-y;
}

#c_left
{
	float: left;
	height: 491px;
	width: 15px;
	background: top url(http://pics.halo-online.hr/pink/content_left.gif) no-repeat;
}

#content
{
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	height: auto;
	width: 650px;
	text-align: center;
	background: white top url(http://pics.halo-online.hr/pink/content.gif) repeat-x;
}

#c_right
{
	float: left;
	height: 491px;
	width: 15px;
	background: top url(http://pics.halo-online.hr/pink/content_right.gif) repeat-y;
}

#c_rightfix
{
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	height: auto;
	width: 15px;
	background: top url(http://pics.halo-online.hr/pink/content_rightsub.gif) repeat-y;
}

#wrap_c_bottom
{
	float: left;
	height:10px;
	width: 680px;
	overflow: hidden;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/content_bottom.gif) repeat-x;
}

#c_bottomleft
{
	float: left;
	width: 15px;
	height: 10px;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/content_bottomleft.gif) no-repeat;
}

#c_bottomright
{
	float: right;
	width: 15px;
	height: 10px;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/content_bottomright.gif) no-repeat;
}

#w_news
{
	float: left;
	margin: 10px 10px;
	width: 230px;
	text-align: center;
	overflow: hidden;
}

#n_left
{
	float: left;
	height: 491px;
	width: 15px;
	background: top url(http://pics.halo-online.hr/pink/content_left.gif) no-repeat;
}

#news
{
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	height: auto;
	width: 200px;
	text-align: center;
	background: white top url(http://pics.halo-online.hr/pink/content.gif) repeat-x;
}

#n_right
{
	float: left;
	height: 491px;
	width: 15px;
	background: top url(http://pics.halo-online.hr/pink/content_right.gif) repeat-y;
}


#wrap_n_bottom
{
	float: left;
	height:10px;
	width: 230px;
	overflow: hidden;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/content_bottom.gif) repeat-x;
}

#n_bottomleft
{
	float: left;
	width: 15px;
	height: 10px;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/content_bottomleft.gif) no-repeat;
}

#n_bottomright
{
	float: right;
	width: 15px;
	height: 10px;
	background: #fcc9f3 top url(http://pics.halo-online.hr/pink/content_bottomright.gif) no-repeat;
}


#footer
{
	float: left;
	font-size: 1em;
	text-transform: uppercase;
	background: right url( http://pics.halo-online.hr/pink/footer.gif) no-repeat;
	height: 20px;
	width:924px;
	margin: 20px 50px 20px 50px;
	text-indent: -9999px;
}

#newsstuff
{
	font-size: 1em;
	text-transform: uppercase;
	background: top url( http://pics.halo-online.hr/pink/news.gif) no-repeat;
	height: 20px;
	width:200px;
	text-indent: -9999px;
	margin-top: 10px;
}

.line
{
	background-color: #5a0c64 ;
	height: 3px;
	width: 200px;
	margin: 10px 0px;
}

.new
{
	text-align:center;
	font-size: 0.8em;
	padding:0;
	margin:5px 10px;
	width: 180px;
}

/**kraj masterpagea**/

/** homepage **/
#homepage
{
	font-size: 1em;
	text-transform: uppercase;
	background: top url( http://pics.halo-online.hr/pink/home.gif) no-repeat;
	height: 400px;
	width:650px;
	text-indent: -9999px;
	margin-top: 50px;
}
/** kraj hompagea **/

/** onlinetools **/

div#links
{
	 text-align: center;
	 width: 100%;
	 font-size: xx-large;
	 color: #fcc9f3;
}


div#links ul
{
	list-style-type: none;
}

div#links li
{
	padding:5px 5px;
}

div#links a
{
	width: 250px;
	height: 50px;
	text-decoration: none;
	color: #fcc9f3;
}

div#links a:hover
{
	color:#5a0c64;
}

/**kraj onlinetools**/

/**ogame tools**/
ul#ogame
{
	height:50px;
	display: inline;
	list-style-type: none;
	font-size: 0.8em;
}

ul#ogame li
{
	display: inline;
	padding: 0 5px;
}

ul#ogame a
{
	padding: 0.4em 2em;
	text-decoration: none;
	color: #8986c3;
}

ul#ogame a:hover
{
	text-decoration: none;
	border-bottom: 2px solid #5a0c64;
	color: #5a0c64;
}

/** kraj ogame tools**/



#content-inside
{
	width: 100%;
	text-align: center;
	background-color: Green;
}

.control
{
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

h2
{
	font-size: 1.1em;
	text-align: left;
}

h3
{
	font-size: 1em;
	text-decoration: none;
	color: Blue;
	text-align: left;
}
h4
{
	font-size: .8em;
	text-align:center;
}

h6
{
	font-size: .5em;
	text-align:left;
	margin:0;
	padding: 0;
}

.content
{
	text-align: center;
	width: 100%;
	overflow: auto;
}

/*postavke za horizontalni meni u ogame.aspx*/

.hor-meni
{
	padding: 10px 10px;
}

ul#hor
{
	display: inline;
	list-style-type: none;
}

ul#hor li
{
	display: inline;
	padding: 0 20px;
}

ul#hor a
{
	padding: 0.4em 2em;
	text-decoration: none;
	color: #4169e1;
}

ul#hor a:hover
{
	text-decoration: none;
	border-top: 3px solid #4169e1;
	border-bottom: 3px solid #4169e1;
}

/*horizontalni meni sa 3 clana*/
ul.hor3
{
	display: inline;
	list-style-type: none;
}

ul.hor3 li
{
	display: inline;
	padding: 0 20px;
}

ul.hor3 a
{
	padding: 0.4em 2em;
	text-decoration: none;
	color: #4169e1;
}

ul.hor3 a:hover
{
	text-decoration: none;
	border-top: 3px solid #4169e1;
	border-bottom: 3px solid #4169e1;
}

/**general**/

/* 2 columne u contentu */

.col-wrap
{
	margin: 0;
	width: 100%;
	overflow: hidden;
}

div.column-left
{
	float: left;
	width: 40%;
	padding-left: 10%;
}

div.column-right
{
	float: right;
	width: 40%;
	padding-right: 10%;
}

div.chb3a
{	 
	float:left;
	width:40%;
	padding-left: 10%;
	text-align:center;
}

div.chb3b
{	 
	float:left;
	width:40%;
	text-align:center;
}

div.chb3a ul, div.chb3a li, div.chb3b ul, div.chb3b li
{	
	list-style-type: none;
	display: block;
}


div.chb3a li, div.chb3b li
{
	text-align: left;
}

/**kraj general**/