/* ================================================================ 

CSS created by Paul Morrison - Web Designer - DSGi Business
www.dsgibusiness.com

=================================================================== */

p, li, h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; }
p { color:#333; line-height:18px; 	padding-left:0px; }
p, li, h2, h3 { font-size:11px; }
h1 { font-size:14px; }
h1, h2, h3 {color:#006;}
a { text-decoration:none; }
img {padding:0; margin:0; border:0;}


#wrapper { width:100%; min-width:900px; position:relative; float:left; }
 
#branding { position:relative; float:left; width:100%; height:auto; margin:0; padding:0; } 

#header-links { position:relative; float:right; width:auto; margin:0; padding:0; } 

#header-links ul { margin:0; padding:0; list-style:none; }

#header-links ul li { float:left; display: block; padding: 0 0.5em; text-decoration:none; }

#header-links ul li a, #header-links ul li a:visited, #header-links ul a:hover { color:#666; text-decoration:none; }

#dsgi-business-logos { position:relative; float:left; margin-top:0; width:auto; margin:0; padding:0; } 

#dsgi-brand-logos { position:relative; float:left; width:auto; margin-left:20px; padding:0; } 

#dsgi-values { position:relative; float:left; width:auto; margin:0; padding:10px; border:solid #006 1px; background-color:#e9f4fb; }

#banner-holder { width:100%; position:relative; float:left; left:0px; height:auto; padding:0px; margin:0px; clear:both; }

#banner { width:100%; position:relative; float:left; left:0px; height:auto; padding:0px; margin:0px; background:url(../images/banner-bg-slice.gif) repeat-x; } 

#main-image { position:relative; float:right; width:auto; height:120px; padding:0; margin:0; }

#main-content { position:relative; width:100%; height:auto; float:left; padding:0; margin:0; clear:both; } 

#main-content-left-col { width:160px; position:relative; float:left; height:auto; padding:0; margin:0; background:#f0f4f7 url(../images/menu-bottom.gif) left bottom no-repeat; }

#main-content-middle-col { position:relative; width:500px; min-width:500px; height:auto; float:left; padding:0; margin-left:10px; margin-right:10px; } 

#main-content-middle-col-left { position:relative; width:auto; height:auto; float:left; padding:0; margin-right:10px; } 

#main-content-middle-col-right { position:relative; width:auto; height:auto; float:left; padding:0; margin-right:0px; }

#brand-content-holder { position:relative; width:100%; height:auto; float:left; padding:0; margin-bottom:20px; clear:both; }

#flashcontent { position:relative; width:100%; height:auto; float:left; background:#CCC; padding:0; margin:0; clear:both; z-index:1; }

.content-bar { position:relative; float:left; width:100%; height:20px; padding-top:5px; margin:0; margin-top:5px; background-color:#ebebeb; border-bottom:solid 1px #CCC;
border-top:solid 1px #f4f3f3; }

#text-container { position:relative; float:left; width:100%; height:auto; padding:0; margin-top:5px; clear:both; }

.column-container { position:relative; float:left; width:40%; height:auto; padding-left:7%; margin:0; }

#text-container-intro { position:relative; float:left; left:5%; width:90%; height:auto; padding:0; margin:0; clear:both; background:#f8daa1; }

#text-container-left { position:relative; float:left; width:70%; height:auto; padding:1%; margin:0; }

#text-container-right { position:relative; float:right; width:25%; height:auto; padding:1%; margin:0; }

.image-holder { position:relative; float:left; width:auto; height:auto; padding:0; margin-left:8px; }

#dsgibusiness-images { position:relative; float:left; width:auto; height:auto; padding:0; margin-bottom:10px; }

#image-holder { position:relative; float:right; width:auto; height:auto; padding:0; margin:0; border:solid 1px #333; }

#main-content-right-col { position:relative; width:25%; height:auto; float:right; padding:0; margin:0; }

.main-content-right-col-box { position:relative; float:left; width: 99%; height:auto; background-color:#e9f4fb; color:#006; border-left:solid 1px #c9e9fe; border-right:solid 1px #c9e9fe;
}

.main-content-right-col-box-container { position:relative; float:left; width:100%; height:auto; padding-top:10px; margin-top:25px; border-top:dotted 2px #fff; }

#main-content-right-col-box-container-leftbox { position:relative; float:left; left:10px; top:20px; width:auto; height:auto; }

#main-content-right-col-box-container-rightbox { position:relative; float:right; width:65%; height:auto; padding:0; margin:0; }

.main-content-right-col-box-container-leftbox p { margin: 0 5px; }

.main-content-right-col-box-bottom { position:relative; float:right; background:url(../images/b-slice.gif) repeat-x; height:30px; width:100%; padding:0; margin:0; }

.main-content-right-col-box-bottom-left { position:relative; float:left; height:auto; width:auto; margin:0; padding:0; }

.main-content-right-col-box-bottom-right { position:relative; float:right; height:auto; width:auto; margin:0; padding:0; }

#main-content-right-col-profiles-container { position:relative; width:100%; height:auto; float:right; padding:0; margin-top:20px; }

#footer { position:relative; float:left; width:100%; height:auto; padding-top:10px; margin-top:40px; clear:both; border-top:solid 1px #CCC; } 

#footer div { width:800px; margin:0.5em auto; }

#footer ul { width:800px; margin:0 auto; padding: 0; }

#footer li { float:left; text-align:center; display:block; width:200px; margin:0; padding:0; }

#footer li a { padding:10px; margin:0; }

.vacancies-list { position:relative; float:left; height:auto; width:auto; margin-top:10px; padding:0; }