body {
  background: url(/dms/skg/templates/dms/_images/template/bkgMiddleCol.gif) 0 220px repeat-x #fff;
  font-family: verdana, arial;
}

#uberContainer {
  background: url(/dms/skg/templates/dms/_images/template/bkgHeaderTop.png) 0 0 repeat-x;
  margin: 0 auto;
  width : auto;
}

#content {
  width: 100%;
}

ul {
  list-style:none;
  }
  
h1 {
  color: #03c1ff;
  font-size: 2.4em;
  margin-bottom: 28px;
}

h2 {
  color: #545454;
  font-size: 1.8em;
  margin-bottom: 13px;
}
h3 {
  color: #545454;
  font-size: 1.8em;
  margin-bottom: 13px;
}
h4 {
  color: #545454;
  font-size: 1.8em;
  margin-bottom: 13px;
}

h2 span {
  visibility: hidden;
}

p, td {
  color: #797979;
  font-size: 1.2em;
  margin-bottom: 20px;
}

.fckEditText p{
	color: #000000;
  	font-size: 10px;
  	margin-bottom: 0px; 
}

a
{
  color:#03c1ff;
  text-decoration:none;
}
a:hover
{
  text-decoration:underline;  
}
li
{
  color: #797979;
  font-size: 1.2em;  
}
.clearFloat {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
  visibility: hidden;
}

.noMargin {margin: 0!important;}

.marginTop20 {
  margin-top: 20px;
}
.marginBottom10, .marginBottom {margin-bottom: 10px;}
.marginBottom40 {margin-bottom: 40px;}

.horizList li {
  float: left;
  list-style:none;
  background-image: none;
  padding-left: 0;
  margin: 0;
  }

.horizList li a {
  float: left;
  display: block;
  }

#mainCol {
  background: #fff;
  width: 431px;
  float: left;
  display: inline;
  margin: 50px 21px 20px 38px;
}

#mainCol ul
{
  margin-left: 15px;
  margin-bottom:15px;
}

#mainCol ul li
{
  margin-bottom:10px;
}

#mainCol ol
{
  margin-left: 20px;
  margin-bottom:15px;
}

#mainCol ol li
{
  margin-bottom:10px;
}


#mainColWide {
  background: #fff;
  width: 581px;
  float: left;
  display: inline;
  margin: 50px 10px 20px 25px;
}


#headerContainer {
  position: relative;
  width : auto;
  background:  url(/dms/skg/templates/dms/_images/headerImages/grass.png) 0 20px repeat-x;
}

#header {
  margin: 0 auto;
  width: 1000px;
  height: 220px;
  position: relative;
  /*background: url(../_images/headerImages/bkgHeader.jpg) 0 20px no-repeat;*/
}

/* footer */

#footer {
  margin: 30px 0 20px 0;
  width: 419px;
  background: #fff;
  border-top: 1px solid #f2f2f2;
  float: left;
  padding-left: 180px;
  padding-right: 40px;
}

#footer p {
  color: #545454;
  font-size: 1.2em;
  margin: 18px 0 0 5px;
}

#footer ul {
  color: #03c1ff;
  font-size: 1em;
  margin: 10px 0 0 5px;
}

#footer li {
  float: left;
  background: url(http://www.skg-pharma.com/_images/template/pipeFooter.jpg) right top no-repeat;
  margin-right: 8px;
  padding-right: 9px;
  list-style:none;
}

#footer li.last {
  background: none;
}

#footer p a, #footer li a {
  color: #03c1ff;
  text-decoration: none;
}

#footer p a:hover, #footer li a:hover {
  text-decoration: underline;
}

#footerInner {
  margin: 0 auto 0 auto;
  width: 855px;
}

/* content */

#contentPosition {
  margin: 0 auto;
  width: 920px;
  background: #fff url(/dms/skg/templates/dms/_images/template/bkgInnerContent.gif) 1px 0 repeat-y;
  position: relative;
}

#innerPositionFix {
  width: 1000px;
  margin: -40px auto 0 auto;
  position : relative;
  left: -1px;
}

#contentInner {
  float: left;
  width: 640px;
}

/* xcol */

#xCol {
  width: 226px;
  background: #03c1ff;
  float: left;
  padding: 46px 10px 24px 27px;
}

/* --- mainNav --- */

#mainNav {
  margin: 0 auto;
  background: url(/dms/skg/templates/dms/_images/navigation/bkgMainNav.png) 0 0 no-repeat;
  width: 942px;
  height: 43px;
  z-index: 999;
  top: -20px;
  position: relative;
}

#mainNav ul {
  margin: 5px 0 0 26px;
}

#mainNav ul li {
  margin: 0 15px 0 0;
  font-size: 1.6em;
  position: relative;
}

#mainNav ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  height: 32px;
}

#mainNav ul li a span {
  visibility: hidden;
}

#mainNav ul li a.aboutus {background: url(/dms/skg/templates/dms/_images/navigation/1.gif) 0 0 no-repeat; width: 84px;}
#mainNav ul li a.partnering {background: url(/dms/skg/templates/dms/_images/navigation/2.gif) 0 0 no-repeat; width: 90px;}
#mainNav ul li a.products {background: url(/dms/skg/templates/dms/_images/navigation/3.gif) 0 0 no-repeat; width: 84px;}
#mainNav ul li a.ourservices {background: url(/dms/skg/templates/dms/_images/navigation/4.gif) 0 0 no-repeat; width: 99px;}
#mainNav ul li a.contactus {background: url(/dms/skg/templates/dms/_images/navigation/5.gif) 0 0 no-repeat; width: 90px;}

#mainNav ul li a:hover, #mainNav ul li.selected a {
  background-position: 0 -32px;
}

/* --- banner --- */

#banner {
  clear: both;
  margin-bottom: 30px;
}

/* --- about --- */

#aboutBox {
  clear: both;
  float: left;
  background: url(http://www.skg-pharma.com/_images/aboutBG.gif) 0 0 repeat-x;
  width: 206px;
  height: 300px;
  padding: 11px 12px;
  margin-bottom: 30px;
}

#aboutBox h2 {
  background: url(http://www.skg-pharma.com/_images/h2BGAbout.gif) 0 0 no-repeat;
}

/* --- module -- */

.content {
  margin-bottom: 20px;
}

.content a {
  color: #95ABC4;
  text-decoration: none;
}

.content a:hover {
  background-color: #B7CEE7;
  text-decoration: none;
  color: #fff;
}

.content p {
  color: #666;
  font-size: 1.2em;
  margin: 0 50px 10px 0;
  clear: both;
}

.folioModule {
  margin-bottom: 40px;
  clear: both;
  width: 683px;
}

.folioModule img {
  float: left;
  width: 400px;
  margin-right: 15px;
}

.folioModule p, .folioModule div {
  float: left;
  color: #666;
  width: 250px;
  font-size: 1.2em;
}

.folioModule div h3 {
  margin-bottom: 4px;
  font-size: 1.4em;
}

.folioModule div p {
  float: none;
  color: #666;
  width: auto;
  font-size: 1em;
  margin-bottom: 8px;
}

.folioModule div ul li {
  padding-left: 10px;
  background: url(http://www.skg-pharma.com/_images/bullet.gif) 0 4px no-repeat;
  margin-bottom: 4px;
}

/* warning in W3C validator, but this is fine, the text also 
changes colour in each state so doesnt blend with BG colour */
.folioModule div a, .errorPage a {
  color: #81A7CF;
}

.folioModule div a:hover, .folioModule div a:active, .errorPage a:hover, .errorPage a:active {
  background: #81A7CF;
  color: #fff;
  text-decoration: none;
}

.outline {
  width: 685px;
}

.outline img {
  border: 1px solid #B2CBE6;
}

/* photography */

.photography a img {
  margin: 0!important;
  padding: 0!important;
  width: 115px;
  float: left;
}

.photography img.empty {
  margin: 0!important;
  padding: 0!important;
  width: 115px;
  float: left;
  border: 4px solid #fff;
}

.photography a {
  border: 4px solid #fff;
  margin: 0!important;
  display: block;
  float: left;
  padding: 0!important;
}

.photography a:hover {
  text-decoration: none!important;
  background-color: #000;
  border: 4px solid #b7cee7;
}


/* form */

#form {
  margin-top: 20px;
  }

.frmRow {
  clear: both;
  margin-bottom: 12px;
}

.field {
  border: 1px solid #e0e0e0;
  width: 300px;
  font: 1.2em "Arial";
  height: 16px;
  float: left;
  }
  
#form label {
  width: 8em;
  display: block;
  font-size: 1.2em;
  float: left;
  text-align: right;
  padding-right: 5px;
  }

#form .button {
  border: none;
  background: #B7CEE7;
  color: #fff;
  height: 18px;
  line-height: 18px;
  margin-left: 102px;
  padding-left: 4px;
  padding-right: 4px;
  }
  
#form .button:hover {
  border: none;
  background: #333;
  color: #fff;
  height: 18px;
  line-height: 18px;
  }

.red {
  color:#FF0000!important;
  }
  
textarea {
  height: 200px!important;
  float: left;
  }
  
#infoArea {
  /*background: #e2ebf5;*/
  background: #f0f5fa;
  padding: 10px 10px 5px 10px;
  color: #666;
  /*border: 3px solid #98b4d2;*/
  border: 3px solid #cbd9e8;
  margin-bottom: 20px;
  width: 660px;
  font-size: 1.2em;
}

#infoError {
  background: #f6c9d5;
  padding: 10px 10px 5px 10px;
  color: #fff;
  border: 3px solid #d8023e;
  margin-bottom: 20px;
  width: 660px;
  font-size: 1.2em;
}

#infoError h2 {
  margin-bottom: 8px;
  font-weight: 700;
}

#infoCorrect {
  background: #bdefc6;
  padding: 10px 10px 5px 10px;
  color: #666;
  border: 3px solid #36a548;
  margin-bottom: 20px;
  width: 660px;
  font-size: 1.1em;
}

#infoError a {
  color: #d8023e;
}

#infoError a:hover {
  color: #fff;
  background:#d8023e;
}

#infoArea p, #infoError p, #infoCorrect p {
  margin-bottom: 5px;
}

.copy {
  color: #ccc;
}

#infoArea a {
  color: #666;
  text-decoration: underline;
}

#infoArea a:hover {
  color: #fff;
  text-decoration: none;
  background: #666;
}

/* error pages */

.errorPage p {
  font-size: 1.2em;
}

/* gallery */

#galleryHolder {
  width: 400px;
  margin-right: 10px;
}

#galleryHolder img {
  margin-bottom: 5px;
  border: 2px solid #ccc;
  width: 395px;
}

#imageGallery img {
  width: 125px;
  margin: 0!important;
  padding: 0!important;
  border: 2px solid #ccc;
}

#imageGallery {
  width: 400px;
}

#imageGallery {
  margin: 5px 0 0 0!important;
}

#imageGallery li {
  float: left;
  margin: 0 6px 0 0;
  background: none;
  padding: 0!important;
}

#imageGallery li.last {
  margin-right: 0!important;
}

.newGallery {
  width: 210px;
  height: 83px;
  display: block;
  background: url(http://www.skg-pharma.com/_images/galleryPopup.gif) 0 0 no-repeat;
  padding: 10px 10px 10px 30px;
  margin-top: 82px;
}

/* flickr gallery */

.leftGallery {
  float: left;
  margin-right: 15px;
}

.rightGallery {
  width: 440px;
  float: left;
}

.rightGallery h1 {
  margin-bottom: 10px;
}

.rightGallery p {
  font-size: 1.2em;
  margin-bottom: 10px;
}

#images {padding:0; margin:0 0 10px 0; overflow: hidden;}
#images img { border: 2px solid #B2CBE6;}

.leftGallery a, .rightGallery a {
  color: #B2CBE6;
}

.leftGallery a:hover, .rightGallery a:hover {
  color: #fff;
  background: #B2CBE6;
  text-decoration: none;
}

#prev, #next {
  margin-right: 20px;
  font-size: 1.4em;
}

/* banner */

#banner {
  border: 6px solid #dadada;
  position: absolute;
  top: 50px;
  left: 30px;
}

#banner img {
  display: block;
}

/* logo area */

#logoArea {
  background: url(/dms/skg/templates/dms/_images/template/bkgLogo.png) 0 0 no-repeat;
  width: 280px;
  height: 200px;
  position: absolute;
  right: 40px;
  top: 0;
}

#logoArea a {
  background: url(/dms/skg/templates/dms/_images/template/siteLogo.png) 0 0 no-repeat;
  width: 135px;
  height: 90px;
  float: left;
  display: inline-block;
  text-decoration: none;
  margin: 4px 0 0 73px;
}

#logoArea a span {
  visibility: hidden;
}

/* searchArea */

#searchArea {
  width: 232px;
  float: left;
  margin: 46px 0 0 20px;
  background: url(/dms/skg/templates/dms/_images/template/searchLabel.gif) 50px 0 no-repeat;
  padding-bottom: 5px;
  display: inline;
}

#searchArea .field {
  width: 149px;
  margin: 2px 6px 0 0;
  border: 0;
  background: none;
}



#searchArea label {
  width: 46px;
  height: 15px;
  margin: 4px 4px 0 0;
  background: url(/dms/skg/templates/dms/_images/template/searchField.gif) 0 0 no-repeat;
  display: block;
  float: left;
}

#searchArea .button {
  margin: 4px 0 0 0;
}

/* sub navigation */
  
#subCol {
  width: 150px;
  float: left;
  padding-top: 50px;
}  

#subCol ul {
  border-top: 1px solid #b2ecff;
  width: 150px;
  float: left;
}

#subCol ul li {
  border-bottom: 1px solid #b2ecff;
  width: 150px;
  float: left;
}

#subCol ul li a {
  padding: 10px 0 10px 8px;
  float: left;
  color: #03c1ff;
  text-decoration: none;
  width: 140px;
  font-size: 1.2em;
}

#subCol ul li a:hover, #subCol ul li.selected a {
  background: #03c1ff;
  color: #fff;
  text-decoration: none;
}

/* titles */

h2.titleLatestNews {
  background: url(/dms/skg/templates/dms/_images/template/headerSiteHighlights.gif) 0 0 no-repeat;
}

/* news col */

.newsItem {
  clear: both;
  border-bottom: 1px solid #4fd4ff;
  padding-bottom: 20px;
  margin-bottom: 20px;
  float: left;
  width: 220px;
}

.newsItem img {
  display: block;
  width: 98px;
}

.newsItem .imageContainer {
  border: 1px solid #fff;
  margin: 0 10px 0 0;
  float: left;
  width: 98px;
}

.newsItem .newsInner {
  float: left;
  width: 110px;
  display: block;
}

.newsItem .newsInner h4 {
  color: #fff;
  font-size: 1.4em;
  margin-bottom: 10px;
}

.newsItem .newsInner p {
  color: #000;
  font-size: 1em;
  margin-bottom: 10px;
}

.newsItem .newsInner a {
  color: #35359a;
  font-size: 1em;
}
#search h3
{
  margin-top:10px;
  margin-bottom:5px;  
}
#search h3 a
{
  color: #03c1ff;  
}

#search h3 a:hover
{
  color:#797979;
}
#search p
{
  margin-bottom:5px;  
}
#search a
{
   color:#03c1ff;
}
#search a:hover
{
  color: #797979;
}
#search .iconxls
{
  background-image:url(/dms/skg/templates/dms/_images/icons/icon-xls.gif);
  background-repeat:no-repeat;
  background-position:left;  
}
#search .icondoc
{
  background-image:url(/dms/skg/templates/dms/_images/icons/icon-doc.gif);
  background-repeat:no-repeat;
  background-position:left;  
}
#search .iconpdf
{
  background-image:url(/dms/skg/templates/dms/_images/icons/icon-pdf.gif);
  background-repeat:no-repeat;
  background-position:left;  
}
#search .iconppt
{
  background-image:url(/dms/skg/templates/dms/_images/icons/icon-ppt.gif);
  background-repeat:no-repeat;
  background-position:left;  
}
#search .iconelse
{
  background-image:url(/dms/skg/templates/dms/_images/icons/icon-else.gif);
  background-repeat:no-repeat;
  background-position:left;  
}
#search .iconhtml
{
  background-image:url(/dms/skg/templates/dms/_images/icons/icon-html.gif);
  background-repeat:no-repeat;
  background-position:left;  
}
#search .searchResult
{
  margin-bottom:20px;  
  padding-left:40px;  
}

#sitemap ul
{
  width:300px;  
  list-style:none;
}
#sitemap ul li a {
  padding: 10px 0 10px 8px;
  float: left;
  color: #797979;
  text-decoration: none;
  width: 150px;
  font-size: 1.2em;
}
#sitemap ul li a:hover {
  color: #03c1ff;
  text-decoration:underline;
}