html {  height: 100%;margin:0 ;padding:0;}

body { height: 100%; margin: 0;padding: 0;background: #4246BD url('../images/bg.jpg') repeat-x; font-family: 'Lucida Grande' Lucida, Verdana, Arial, sans-serif; font-size: 76%; }

#wrapper {width:755px;margin: 0 auto;padding:0; }
#header {width:745px;margin: 0 auto;padding:0; }

#header a#logo { display: block; margin: 13px 0 0;padding:0;width: 205px; height: 68px; background: url('../images/wws-logo.gif') no-repeat; text-indent: -9999px; float: left; border-style: none;}
#header #call {float:right;width:300px;margin: 0;padding:0;}
#header #call p {font-size: 1.6em; color:#10175F;font-weight: bold;padding: 25px 0 0;text-align:right;margin:0;}

#nav {clear:both;margin:0;padding:0;height:80px;background: url('../images/nav-bg.jpg') no-repeat;}

#nav ul {padding: 29px 0 0 7px; margin:0;}

#nav ul li {list-style: none;display: inline;font-size: 1.1em;}
#nav li { float: left; display: inline;padding-right:5px;} 
#nav ul li a {padding-top:5px;color:#444;text-decoration:none;background-color: transparent;display: block; border-style: none;}
#nav ul li a:hover {color:#000;text-decoration:none;background-color: #fff;background: url('../images/nav-over-bg.gif') repeat-x; border-style: none;}

#nav li.home a { width: 66px; height:26px;text-align: center; }
#nav li.who a { width: 98px; height:26px;text-align: center;}
#nav li.what a { width: 100px; height:26px;text-align: center;}
#nav li.work a { width: 74px; height:26px;text-align: center;}
#nav li.news a { width: 57px; height:26px;text-align: center;}
#nav li.contact a { width: 97px; height:26px;text-align: center;}
#nav li.support a { width: 65px; height:26px;text-align: center;}

#nav li.home-sel a { width: 66px; height:26px;text-align: center; color:#000;background: url('../images/nav-over-bg.gif') repeat-x; }
#nav li.who-sel a { width: 98px; height:26px;text-align: center;color:#000;background: url('../images/nav-over-bg.gif') repeat-x; }
#nav li.what-sel a { width: 100px; height:26px;text-align: center;color:#000;background: url('../images/nav-over-bg.gif') repeat-x; }
#nav li.work-sel a { width: 74px; height:26px;text-align: center;color:#000;background: url('../images/nav-over-bg.gif') repeat-x; }
#nav li.news-sel a { width: 57px; height:26px;text-align: center;color:#000;background: url('../images/nav-over-bg.gif') repeat-x; }
#nav li.contact-sel a { width: 97px; height:26px;text-align: center;color:#000;background: url('../images/nav-over-bg.gif') repeat-x; }
#nav li.support-sel a { width: 65px; height:26px;text-align: center;color:#000;background: url('../images/nav-over-bg.gif') repeat-x; }

#container {width:755px;margin: 0; padding: 0;background: url('../images/container-bg.gif') repeat-y; }
#container #mast-img {height:138px;width:755px;margin: 0; padding: 0;background: url('../images/mast-girl-bg.jpg') no-repeat;}
#container #mast-img h1 {padding: 40px 0 10px 30px;margin:0;font-size: 2.1em;color:#1B1B55;font-weight: bold;}
#container #mast-img p {padding: 0 0 20px 30px;margin:0;font-size: 1.3em;color:#8585A1;font-weight: bold;}

#container #content { width: 700px;margin: 0 auto; padding: 20px 20px 30px 20px;/*border: solid 1px red;*/}

#content blockquote { padding: 10px 0 0 40px;margin:15px;background: url('../images/quote-open.gif') no-repeat;	font-style: italic;font-size: 1.0em;color: #333;}
#content blockquote p{margin: 0;padding:0;font-weight: normal;line-height: 1.5em;}
#content blockquote p.source {font-weight: bold;font-style: normal;margin:5px 0 0;padding:0;background: url('../images/quote-close.gif') no-repeat; background-position: right bottom;}

#container #content #left {	width: 440px; float: left;padding-right:20px;}
#container #content #right { width: 230px; float: right;}

#container #content #left ul#ourwork {margin: 0;padding:0;list-style:none;background-image: none;}
#container #content #left ul#ourwork li {width: 200px;display:inline;float:left;margin: 5px 10px 0 0;padding: 10px 10px 15px 0;background-color:#fff;list-style:none;background-image: none;border-bottom: 1px #ccc dotted;}
#container #content #left ul#ourwork li h2 {margin:0;padding: 5px;color:#333;font-size:1.1em;font-weight:bold;}
#container #content #left ul#ourwork li img {border: 1px solid #999;margin: 5px;}
#container #content #left ul#ourwork li p {margin:0 0 0 5px;padding: 5px;color:#666;}
#container #content #left ul#ourwork li p.link {margin:0 0 0 5px;padding: 5px;color:#666;background-image: url('../images/window-icon.gif'); background-repeat:no-repeat;background-position:left center;padding-left: 17px;}
#container #content #left ul#ourwork li a {	font-size:0.8em;}
#container #content #left ul#ourwork li a:hover {	font-size:0.8em;}

#container #content #right h2 {padding: 0; margin: 7px 0;font-size: 1.1em;font-weight: bold;}

#container #content #right ul#links {margin: 5px 0;padding:0;}
#container #content #right ul#links li {list-style: none;background-image: url('../images/window-icon.gif'); background-repeat:no-repeat;background-position:left center;padding-left: 17px;}

#container #content ul#accessibility {padding:0;margin: 0;}
#container #content ul#accessibility li {list-style: none;padding:5px 0; background-image:none;}

#container #content ul {margin: 10px 0 10px 10px;padding:0;}

#container #content ul li {list-style: none;
display:block;
background: url('../images/bullet.gif') no-repeat left top;
padding: 0 10px 0 20px;
margin: 0 0 1.0em 0;
}

#container #content #right ul {
	margin: 5px 0 5px 5px;padding: 0;}

#core-services {width: 220px;background-color:#D9E1E9;margin: 0 0 10px;padding: 5px 7px;}

#container #content div.profile {background-color:#EDEDEC;margin: 0 0 5px;padding: 7px;border: 1px solid #ccc;}
#container #content div.profile p.position {margin: 0;}

#footer {clear: both;width: 755px;margin: 0; padding: 0;background: url('../images/footer-bg.gif') #CFCFCF repeat-y; font-size:0.8em;}

#footer-nav {padding: 5px 0;margin:0;}
#footer-nav ul {margin: 0 0 0 10px;padding:5px 15px 0;}

#footer-nav ul li {float: left;display: inline;margin: 0;padding: 0; text-align: left;}
/*#footer-nav ul li ul {background: url('../images/dotted-bg1.gif') repeat-y left top;}*/
#footer-nav ul li ul li {margin:0;padding:0;clear:left;}

#footer-nav a.top{ color: #666;text-decoration:none;font-weight: bold;}

#footer a,#footer-nav a {	color: #666;text-decoration:none;}
#footer a:hover,#footer-nav a:hover {color: #333;text-decoration:none;}

#footer p {color: #333;}
#footer p.copyright {color: #333;text-align:center;margin: 0;padding:15px 0 0;}
#footer-btm {width:755px;height: 15px;margin: 0 0 10px; padding: 10px;background: url('../images/footer.gif') no-repeat;  }

#textimonial {width: 220px;background-color:#EDEDEC;margin: 0 0 10px;padding: 5px;}
#textimonial blockquote { padding: 10px 0 0 40px;margin:10px;background: url('../images/quote-open.gif') no-repeat;	font-style: italic;font-size: 1.0em;color: #666;}
#textimonial blockquote p{margin: 0;padding:0;font-weight: normal;line-height: 1.5em;}
#textimonial blockquote p.source {font-weight: bold;font-style: normal;margin:5px 0 0;padding:0;background: url('../images/quote-close.gif') no-repeat; background-position: right bottom;}
#textimonial p.more {text-align:center;font-weight: bold;font-size:0.9em;padding: 10px 0 5px;}

#content #left div.box{width:100%;background-color:#E6E3FD;border: 1px solid #D9D5FE;margin: 0 0 10px;padding: 0px 10px;}
#content #right div.box{background-color:#E6E3FD;border: 1px solid #D9D5FE;margin: 0 0 10px;padding: 0px 10px;font-size:0.9em;text-align:right;}

div.confirmation{width: 100%;background-color:#C7FFCE;border: 1px solid #80FF8F;margin: 0 0 10px;padding: 0px 10px;}
div.error{width: 100%;background-color:#FED4D8;border: 1px solid #FFB3BA;margin: 0 0 10px;padding: 0px 10px;}

#services { margin: 0;text-align:center;}
#services-left { margin: 0;text-align:left;}
#services-right { margin: 0;text-align:right;}

/* Contact form */
#contact-info { margin: 0;text-align:right;}
#container #content #right #contact-info ul {margin: 0;padding:0;list-style:none;}
#container #content #right #contact-info ul li {padding:0;margin:5px 0;list-style:none;background-image: none;}

#contact-form {/*border: 1px #ccc solid;padding: 5px;*/}

#contact-form .row {padding: 2px 0;margin: 0;}

#contact-form .row p.label {color: #333;font-weight: bold;padding: 0;margin:0;}
#contact-form .row p.data {color: #666;font-weight: normal;padding: 0;margin:0;}

.textbox {font-family: 'Lucida Grande' Lucida, Verdana, Arial, sans-serif; font-size:1.0em;width: 250px;border: 1px #ccc solid;background-color:#eee;padding: 5px;}	
.multitextbox {font-family: 'Lucida Grande' Lucida, Verdana, Arial, sans-serif; font-size:1.0em;width: 250px;height: 100px;border: 1px #ccc solid;background-color:#eee;padding: 5px;}	

.btn {border: 1px #999 solid;background-color:#ccc;padding: 5px 10px;font-weight: bold;}

#support-offline { margin: 20px 0;padding: 20px 0;text-align:center;}



.warning {	color: red;font-weight: bold;}

#content #calltoaction { padding: 0;margin:15px 0;background: url('../images/call-action-bg.jpg') no-repeat;font-size: 1.0em;color: #fff;width: 449px;height:65px;}
#content #calltoaction p {font-size: 1.1em; color:#fff;padding: 19px;margin: 0;}
#content #calltoaction a {color:#fff; font-weight: bold; }
#content #calltoaction a:hover {color:#999; background-color: transparent;font-weight: bold;text-decoration:none;}

h1 {color: #333;font-weight: normal;font-size: 2.0em;padding: 0 0 10px;margin:0;}
h2 {color: #333;font-weight: normal;font-size: 1.5em;padding: 10px 0 5px;margin:0;}
h3 {color: #333;font-weight: bold;font-size: 1.1em; font-style:italic;padding:0;margin:0;}

#content p {font-size:1.0em; line-height: 1.7em;margin:10px 0;padding:0;}
#content p.small {font-size: 0.8em;color: #666;}

a {color: #666;text-decoration: none;border-bottom: #666666;border-width: 0px 0px 1px 0px; border-style: none none dotted none;}
a:link {color: #333;text-decoration: none;border-bottom: #666666;border-width: 0px 0px 1px 0px; border-style: none none dotted none;}
a:hover {background-color:#eee;color: #666;text-decoration: none;border-bottom: #666666;border-width: 0px 0px 1px 0px; border-style: none none dotted none;}

a.skype {border-style: none;}

.floatleft { float: left; }
.floatright { float: right; }
.floatfix { clear: both; }