@import url("nav.css");

body 
{
	background:#c9c9c9 url(images/bg.jpg) repeat-x center top; margin:0px;
	font-family:Verdana; font-size:11px; color:#4f4f4f; line-height:18px;
}

a { font-family:Verdana; font-size:11px; color:#4f4f4f; text-decoration:underline; }
a:hover { font-family:Verdana; font-size:11px; color:#4f4f4f; text-decoration:none; }

.titlehome { color:#000000; font-family: Cambria, "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size:20px; margin:0; line-height:18px; }
.sitemapheading { color:#000000; font-family: Cambria, "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size:20px; margin:0; line-height:18px; margin-top:20px; }
.title { font-weight:bold; color:#000000; font-family:Verdana; font-size:14px; margin:0; line-height:18px; }

em {
    font-style:italic;
}
textarea {
    overflow:auto;
}
input.text,
textarea {
    border:1px solid;
    padding:.1em .3ex;
}
input.hinted,
textarea.hinted {
    font-style:italic;
}

.align-left { float:left; margin: 0 15px 15px 0; }

/* ICON BUTTONS
----------------------------------------------------------*/
a.ibutton {
    outline:none;
}
input.ibutton,
a.ibutton img,
img.ui-datepicker-trigger {
    background:none;
    border:none;
    padding:2px;
}
img.ui-datepicker-trigger {
    margin-bottom:-5px;
}
input:hover.ibutton,
a:hover.ibutton img,
img:hover.ui-datepicker-trigger {
    background:none;
    border:1px solid;
    padding:1px;
}
input.ibutton.remove,
a.ibutton.remove img {
    border-color:#E6554B;
}
input.ibutton.edit,
a.ibutton.edit img {
    border-color:#F7DF62;
}
input.ibutton.add,
a.ibutton.add img {
    border-color:#87B960;
}
input.ibutton.approve,
a.ibutton.approve img {
    border-color:#7CBB65;
}
img:hover.ui-datepicker-trigger {
    border-color:#FFBD79;
}
.admin.buttons {
    text-align:right;
}
.admin.manage.buttons {
    float:right;
}
.admin.buttons form {
    display:inline;
    margin:0;
    padding:0;
}
.admin.buttons form fieldset {
    display:inline;
    margin:0 0 -4px;
}

img { border: 0px solid #ffffff;   
}
.marginright10 { margin-right: 10px; }
/* HEADINGS   
----------------------------------------------------------*/
.editPage h2.title,
.editPost h2.title {
    margin-left:0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------
*/

#wrapper
{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1010px;
}

#header
{
	font-family:Verdana; font-size:11px; color:#333333;
	height:26px; width:1010px; padding-top:4px;
}

#logo-navigation
{	
	height:80px; width:1010px; background-color:#ffffff; float:left;
}

#logo { height:80px; width:220px; float:left; }
#navigation { height:80px; width:790px; float:left; }

#container { float:left; width:970px; background-color:#ffffff; padding:0 20px 0 20px; }

#left-container
{
	float:left; width:680px;
}

#news-tip { float:left; width:100%; padding:0 0 0 10px; color:#791010; height:30px; margin-bottom:10px; }
#hosting-home { float:left; width:340px; }
#solutions-home { float:left; width:330px; padding-left:10px; }
#banner-hosting-home { float:left; text-align:center; margin:10px 0 0 0; width:680px; }
#banner-hosting-sitemap { float:left; text-align:center; margin:10px 0 20px 0; width:680px; }
#consultancy-home { float:left; width:680px; }

#right-container
{
	margin: 0;
	float: left;
	width: 270px;
	padding-left:20px;
	height: 1% /* Holly hack for Peekaboo Bug */	
}

ul#why-erudeye 
{
	list-style-type: none;
	padding: 0;	
	
	font-family:Verdana; color:#4f4f4f;
}

ul#why-erudeye li.budget
{
	background-image: url(images/receh.gif);
	background-repeat: no-repeat; list-style-type: none;
	padding-left: 50px; height:80px;	
}
ul#why-erudeye li.reliable
{
	background-image: url(images/perisai.gif);
	background-repeat: no-repeat;
	padding-left: 50px; height:60px;	
	list-style-type: none;
}
ul#why-erudeye li.support
{
	background-image: url(images/ban-renang.gif);
	background-repeat: no-repeat;
	padding-left: 50px; height:60px; list-style-type: none;	
}
ul#why-erudeye li.green
{
	background-image: url(images/pohon.gif);
	background-repeat: no-repeat;
	padding-left: 50px; height:70px; list-style-type: none;	
}

#banner-rotator
{
	width:682px; height:148px; float:left;
}

#button-view-package
{
    width:680px; height:50px; float:left; margin:0 0 0 0;
}

#button-shared
{
    width:340px; height:50px; float:left;
}

#link-shared
{
    width:340px; height:50px; float:left;
    display: block; background: url(images/view-shared.gif) no-repeat 0 -50px;
}

#link-shared:hover
{ 
    background-position: 0 0; cursor:pointer;
}

#link-shared span
{
    display: none;
}

#button-hyperv
{
    width:340px; height:50px; float:right;
}

#link-hyperv
{
    width:340px; height:50px; float:right; cursor:pointer;
    display: block; background: url(images/view-hyperv.gif) no-repeat 0 -50px;
}

#link-hyperv:hover
{ 
  background-position: 0 0; cursor:pointer;
}

#link-hyperv span
{
  display: none;
}

#websitespark-home
{
    margin:20px 0 10px 0; width:680px;   
}

.emailContact { float: left; margin-top: 3px; margin-left: 3px; }
.floatLeft { float:left; }
.floatRight { float:right; }

#content-footer
{
	clear:both; background-image:url(images/bg-content-bottom2.png); height:16px; width:1010px; 
	background-position:center bottom; background-repeat:no-repeat;
}

#tech 
{
	width:1010px; height:49px; background-image:url(images/tech.jpg);
	background-repeat:no-repeat; background-position:center top;
	bottom:47px; clear:both;
}
#footer 
{
	width:1010px; clear:both; margin-bottom:0px; bottom:0px;
	height:47px; background-image:url(images/footer.png);
	background-position:center top; background-repeat:no-repeat;
}

#footer-left { float:left; margin:15px 0 0 30px; color:#791010; }
#footer-right { float:right; margin:15px 30px 0 0; color:#791010; }
#footer-left a, #footer-right a { color:#791010; text-decoration:none; }
#footer-left a:hover, #footer-right a:hover { color:#791010; text-decoration:underline; }

/* SECTIONS
----------------------------------------------------------*/
.sections .primary {
    float:left;
    width:77%;
}
.sections .secondary {
    float:right;
    width:20%;
}
.secondary .sub {
    margin:0 .8ex;
}

/* LOGIN FORM
----------------------------------------------------------*/
form.login div {
    margin:0 0 1em 5px;
}
form.login div.submit {
    margin-bottom:0;
}
form.login label {
    display:block;
}
form.login .remember label {
    display:inline;
}
form.login input.text {
    width:42ex;
}

/* VALIDATION MESSAGES
----------------------------------------------------------*/
.field-validation-error {
    display:block;
}