/*  
Theme Name: WSC
Theme URI: http://www.pro-create.net
Description: Minimal Consultancy 
Version: 1.0
Author: http://www.pro-create.net
Author URI: http://www.pro-create.net
*/

* html {
  height: 1%;
}

.wrapper {
	margin:0 auto;
	width:880px;
}

body {
  font-size: 100.01%;
  height: 100%;
  text-align: left;
}

#mainwrap {
}

#header {
  margin: 100px 0 20px 0;	
  height: 170px;
}

#header .logo {
  float: left;
  height: 170px;
  width: 180px;
  padding:0 20px 0 0;
  margin: 0 0 0 0;
  background: url(../images/wsc-logo.png) no-repeat top left;
}

#header .logo a { height: 170px; width: 200px; display: block;
}

#header .headerImg {
  float: left;
  position: relative;
  background: url(../images/imageshadow.png) no-repeat;
  height: 200px; width: 680px; 
  /*background: url(../images/headerimg2.png) no-repeat;*/
  padding: 0 0 0 0;
}

#wrap {
}

#wrap2 {
}

#content {
  margin: 0 0 0 200px;
  *margin: -340px 0 0 200px;
  padding-left: 20px;
  width: 680px;
  display: block; position: relative;
}

#content h1 {
color: #77A9A0;
font-size: 16px;
}

#content a {
background: #D0ECE8; 
padding: 2px 3px 2px 3px;
font-weight: 900;
text-decoration: none;
float: right;
color: #31434C; 
border-bottom: 1px dotted #31434C;
}

#content a:hover { border-bottom: 1px solid #31434C; }

#content img {
padding: 5px;
border:1px solid #ccc;
} 
/* START Form elements */
#content input, textarea { background: #BBD4D0; border: 1px solid #77A9A0; margin: 3px 0 3px 0; width: 140px; font-family: Arial; font-size: 10px; font-weight: normal; color: #31434C; text-decoration: none; 
}
#content label { display:block; float:left; margin-right:0.5em; width:4em;
}
#content input:focus { border: 1px solid #47645F; 
}
#content textarea:focus { border: 1px solid #47645F; 
}
#content fieldset { width: 350px; 
}
#content legend { color:#31434C;
}
/* END Form elements */

#content .left { float: left; width:48%;  padding: 0 10px 0 0;
}
#content .mid { float: left; width:45%; padding: 0 10px 0 10px;  
   border-left: 1px solid #B0C0CF;
   /*border-right: 1px solid #B0C0CF;*/		
}

#content .right { float: left; width:20%; padding: 0 0 0 10px;
}
#content .right a { background: none; border: none;
}

/* START ABOUT */
#content .about { float: left; padding: 0 10px 0 0;
}
#content .about p { padding: 0 20px 0 0; width: auto;
}
#content .about a { background: none; padding: 0; text-align: left; position: relative; float: none;
}
#content .about img { margin: 0 20px 0 0
}
/* END ABOUT */

/* START EXPERIENCE */
#content .experience { float: left; padding: 0 10px 0 0;
}
#content .experience ul li { list-style-type: square; 
}
#content .experience p { padding: 0 20px 0 0; 
}
#content .experience p span { font-weight: bold; background: #D0ECE8; border-bottom:1px dotted #31434C;
}
#content .experience a { background: none; padding: 0; text-align: left; position: relative; float: left;
}
#content .experience img { margin: 0 20px 0 0
}
/* END EXPERIENCE */

/* START DOWNLOADS */
#content .downloads { float: left; padding: 0 10px 0 0;
}
#content .downloads a {
background: none; padding: 0; float: left;   	
}
#content .downloads ul { list-style-type: none; text-align:left; float: left;  margin: 0 0 20px 0; padding: 0; 
}
#content .downloads ul li { list-style-type: none; text-align:left; float: left; display: block;
}
#content .downloads ul li a[href$=".pdf"]  {
background:url("../images/pdf_icon.gif") no-repeat scroll right center transparent;
padding-right:16px; text-align: left; float: left;
}
#content .downloads ul li a[href$=".doc"]  {
background:url("../images/page_word.png") no-repeat scroll right center transparent;
padding-right:17px; text-align: left; float: left;  
}
#content .downloads ul li a[href$=".docx"]  {
background:url("../images/page_word.png") no-repeat scroll right center transparent;
padding-right:17px; text-align: left; float: left;  
}
/* END DOWNLOADS */

/* START SERVICES */
#content .services { float: left; padding: 0 10px 0 0;
}
#content .services a { background:none; padding: 0; margin: 0; float: none;
}
#content .services p {
}
#content .services h2 { margin: 20px 0 10px 0; text-align: left; color: #BCCBCC;
}
#content .services ul { list-style-type:square;
}
#content .services ul li { margin: 2px 0 2px 0;
}
#content .services ul ul { list-style-type:circle; 
}
#content .services blockquote { margin: 0; font-weight: bold; }

#content .services .links a[href$=".pdf"]  {
background:url("../images/pdf_icon.gif") no-repeat scroll right center transparent;
padding-right:16px; text-align: left; float: left;
}

/* END SERVICES */

#content .contact { float: left; padding: 0 10px 0 0;
}
#content .contact p span { color:#77A9A0; font-weight:bold; 
}
#content .contact a { color:#31434C; font-weight:bold; background:none; position:relative; padding: 0;

text-align: left; float: left;

}


#sidebar {
  float: left;
  width: 180px;
  border-right: 1px solid #ccc;
  padding: 0 20px 0 0; 
}

#sidebar div {
  padding-right: 20px;
}

#sidebar h1,h2,h3,h4 {
	text-align: right;
	font-size: 16px; 
	}

#sidebar p {
	text-align: right;
	margin: 0;
	color: #616F70;
	}
	
#sidebar p span {
		color: #77A9A0;
		font-weight: bold;
}

#sidebar img {
	margin: 20px 0 0 0;
}

/* nav */

ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul {
	list-style:none;
	width: 180px; 
	float: left;
	margin: 0;
	padding: 0;
	background: #ffffff;
	
}

ul#navmenu-v li {
    float: left;
    position: relative;
    width: 100%;
	border-bottom: 1px dotted #B0C0CF;
  	text-align: right;
}

ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ } 

ul#navmenu-v ul { 
	display: none; 
	position: absolute; 
	top: 0; left: 100%; 
	z-index: 9999; 
	text-align: left;
	padding: 0 0 0 5px;
	width: 350px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
  } 
/* Root Menu */ 
ul#navmenu-v a {
  font-family: Arial;
  font-size: 18px;
  font-weight: normal;
  color: #B0C0CF;
  text-decoration: none;
  text-align: right;
  display: block;	
  height: 25px;
}

ul#navmenu-v a:hover {
  background: #EEEEEE;
}

/* Root Menu Hover Persistence */ 
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a { background: #eee; } 
/* 2nd Menu */ 
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a { float: none; text-align:left;
font-size: 16px; color: #A8B7C4; background: #fff; } 
/* 2nd Menu Hover Persistence */ 
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a { background: #eee; } 
/* 3rd Menu */ 
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a { background: #999; } 
/* 3rd Menu Hover Persistence */ 
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a { background: #666; } 
/* 4th Menu */ 
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a { background: #666; } 
/* 4th Menu Hover */ 
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { background: #333; } 
/* Hover Function - Do Not Move */ 
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; } ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

#sidebar .spacer {
  	display: block;
  height: 30px;
  float: right;
  width: 180px; 
  padding-right:0px;
  
}

#sidebar .partnerIcons {
  float: right;
  width: 180px; 
  padding-right:0px;
}
	
#sidebar .partnerIcons ul { 
	list-style-type:none; 
	margin:0;
	padding:0;
	float: right;
}
#sidebar .partnerIcons ul li {
  display:inline;
  border-bottom: none;
  text-align: right;
  height: 30px;
  position: relative;
  padding: 0 3px 5px 0; float: right;
}


#sidebar .partnerIcons ul li a {
  display:inline;
  text-decoration: none;
  text-align: left; 
}

#sidebar .partnerIcons ul li a:hover {
background: none;	
}

.page_item a {
  font-size: 18px;
  color: #B0C0CF;
  text-decoration: none;
}

#footer {
  clear: both;
  height: 50px;
  padding: 20px 0 0 0;
}

#footer p {
	text-align: right;
  	color: #ccc; 
  	border-top: 1px solid #ccc;
	}
	
#footer a {
	color: #ccc; 
}

#footer a:hover {
	color: #ccc; text-decoration:none;
}

* div {
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  color: #31434C;
  text-decoration: none;
  
  
}

* h2 {
  font-size: 18px;
  font-weight: normal;
  color: #77A9A0;
  text-decoration: none;
}

.preloadPic {display:none;
			position: absolute;
			top:100px; left:20px; 			
			}