/*-----------------------------------------------------------------------------
Styles Style Sheet

Site: Resume post office 	|	www.resumepostoffice.com
Author:   DaliborVasiljevic	|	www.gotsolution.com
-----------------------------------------------------------------------------*/


/* Base Styling
-----------------------------------------------------------------------------*/

body {
	text-align:center;
	margin:0px;
	color: #4E4E4E;
	text-decoration: none;
	list-style-type: none;
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	background: url(base/tilehome.gif) repeat-x left top;
}

* { margin: 0; padding: 0; }
img {border: 0;}

a {outline: none;}

#wrapper{
	width:780px;
	text-align: center;
	margin: auto;
	padding:0px 10px 0px 10px;
	background: url(base/vetical-tile-image.gif) repeat-y left top;
	}

.clear {clear:both;}

/* Headings
-----------------------------------------------------------------------------*/

h1 span, h2 span, h3 span {display:none;}
.white11 {font: bold 11px Tahoma, Arial, Helvetica, sans-serif;color: #ffffff;}


/* =Typography
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
a {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
}

a:hover {text-decoration:none;}


a.tellafriend {
	width:200px;
	height:74px;
	margin-top:10px;
	float:left;
	display:block;
	background: url(titles/tell-a-friend.gif) no-repeat 3px 0px;
}


a:link.white11 {color:  #ffffff; font-family: Tahoma, Verdana; font-size: 11px; text-decoration: underline}
a:visited.white11 {color:  #ffffff; font-family: Tahoma, Verdana; font-size: 11px; text-decoration: underline}
a:hover.white11 {color:  #ffffff; font-family: Tahoma, Verdana; font-size: 11px; text-decoration: none}

a:link.black11 {color:  #000000; font-family: Tahoma, Verdana; font-size: 11px; text-decoration: underline}
a:visited.black11 {color:  #000000; font-family: Tahoma, Verdana; font-size: 11px; text-decoration: underline}
a:hover.black11 {color:  #000000; font-family: Tahoma, Verdana; font-size: 11px; text-decoration: none}

/* =Main Content
-----------------------------------------------------------------------------*/
#logo {
	width:450px;
	height:66px;	
	text-align:left;	
	float:left;	
	/* background: url(base/logo.gif) no-repeat left center; */
}

#logo img
{ margin-top: 9px;
	}

#secondary-nav {
	width:330px;
	height:58px;
	float:left;

	text-align:center;
	padding-top:8px;
}

#left-wrapper {
	width:201px;
	float:left;
}
#right-wrapper {
	width:579px;
	float:left;
}

#mainmenu {
	width:193px;
	padding-top:8px;
	height:240px;
	background: url(base/lefu-up-menu-background.gif) no-repeat left top;	
	float:left;
	text-align:left;
	padding-left:7px;
}


#mainmenu ul {list-style:none;width:185px;margin-bottom:5px;margin-left:2px;}
#mainmenu li {float:left;}
#mainmenu li a { 
	height:18px;
	width:168px;
	padding:2px 0px 2px 15px;
	float:left;
	font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background: url(base/red-arrow.gif) no-repeat left center;
	border-bottom: 1px solid #eeeeee;
}

#mainmenu li a:hover { background: #F33610 url(base/white-arrow.gif) no-repeat left center;color:#ffffff;border-bottom: 1px solid #B92001;}

#bottommenu {
	width:193px;
	padding-top:8px;
	background: url(base/left-bottom-menu-background.gif) no-repeat left bottom;	
	float:left;
	text-align:left;
	padding-left:7px;
	padding-bottom:15px;
	margin:0px;
}
#bottommenu ul {list-style:none;width:185px;margin-bottom:5px;margin-left:2px;}
#bottommenu li {float:left;}
#bottommenu li a { 
	height:18px;
	width:168px;
	padding:2px 0px 2px 15px;
	float:left;
	font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background: url(base/red-arrow.gif) no-repeat left center;
	border-bottom: 1px solid #eeeeee;
}

#bottommenu li a:hover { background: #F33610 url(base/white-arrow.gif) no-repeat left center;color:#ffffff;border-bottom: 1px solid #B92001;}


.welcome {
	width:368px;
	height:109px;
	float:left;
	text-align:left;
	padding:15px 20px 5px 10px;
	text-align:justify;
	color:#ffffff;
}

.login {
	width:181px;
	height:58px;
	float:left;
	color:#ffffff;
	text-align:left;
	padding-top:10px;
}

.special-offer {
	width:569px;
	margin-top:10px;
	float:left;
	text-align:left;
	padding:4px 0px 0px 10px;
}
#maincontent {
	width:559px;
	margin-top:10px;
	float:left;
	text-align:left;
	padding:4px 10px 0px 10px;
}

ul.benefits {
	list-style:none;
}

ul.benefits li {
	background: url(base/double-arrow.gif) no-repeat left center;
	font: 13px/20px Arial, Helvetica, sans-serif, Tahoma;
	color: #333333;
	text-decoration: none;
	padding-left:15px;
	height:20px;
}




/* =Footer
-----------------------------------------------------------------------------*/
div.footer {
	width:569px;
	height:40px;
	float: inherit;
	text-align:center;
	margin-left:200px;
	margin-top:10px;		
	padding:4px 0px 0px 10px;			
	padding-top:15px;
}

div.credits{
	width:569px;
	height:40px;
	margin-top:10px;
	float:inherit;
	text-align:left;
	padding:4px 0px 0px 10px;
	margin-left:200px;
	text-align:center;
	padding-top:15px;
}


/* =Forms
-----------------------------------------------------------------------------*/
input.loginForm {
	width:166px;
	height:17px;
	background: url(titles/form.gif) no-repeat 0px 0px;
	border:none;
	margin-bottom:5px;
	padding:3px 0px 0px 15px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #999999;
	text-decoration: none;	
}

input.loginForm:hover, focus {
	background: url(titles/form.gif) no-repeat -181px 0px;	
}
input.submit-button {
	width:50px;
	height:20px;
	border:none;
	background: url(base/button.submit.gif) no-repeat left top;
	font: bold 10px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	
}

/* =Tables
-----------------------------------------------------------------------------*/




/* =Misc 1
-----------------------------------------------------------------------------*/
img.distance {
	margin-left:45px;
}

div.lists {
	width:275px;
	float:left;
	display:block;
}