/*
*************************************************

Seric 
General Screen Styles

*************************************************
*/

/*------------------------------------------   
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 140%; }
body { background: #363636; font: 100% Arial, sans-serif; text-align: center; }
input,select,textarea { font-size: 1em; font-family: Arial, sans-serif; font-weight: normal; color: #444; }
input.text,textarea.text { width: 100%; border: 1px solid #ccc; background: #fff; padding: 2px; }
a { color: #0093D4; text-decoration: none; line-height: inherit; }
a:hover { text-decoration: underline; }
img { border: 0; }
img.icon { vertical-align: middle; }
hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0;  }
.clear { clear: both; }

/*------------------------------------------   
    Wrap
-------------------------------------------*/
#wrap { }

#nav1-wrap { height: 40px; }

#nav1 { width: 960px; margin: 0 auto; text-align: left; }
#nav1 ul { list-style: none; font-size: .85em; }
#nav1 ul.nav { float: left; margin-top: 10px; }

#nav1 ul.utils { float: right; text-align: right; margin-top: 10px; }
#nav1 ul li { display: inline; }
#nav1 ul.nav li { padding: 0 15px 0 0; }
#nav1 ul.utils li { padding: 0 0 0 12px; }
#nav1 ul.nav a,#nav1 ul.utils a { color: #999; }
#nav1 li.sel a { color: #fff; font-weight: normal; }

#content-wrap { background: url(../images/bg-dk.gif) 50% 0 no-repeat; padding-bottom: 5px; }

#content { width: 960px; background-color: #fff; margin: 0 auto; text-align: left; }
.content-home { background: #fff url(../images/home-bg.jpg) 0 30px no-repeat !important; }

#header { height: 100px; text-align: left; }
#seric-logo { margin: 21px 0 0 70px; }

#logos { display: block; float: right; width: 480px; }
#logos h2 { font-size: .7em; float: right; line-height: 1.2em; font-weight: normal; color: #333; width: 130px; margin: 34px 30px 0 0; }
#logos #ibm-logo { background: #fff; float: right; width: 100px; margin: 28px 17px 0 0; }

/*------------------------------------------   
    Home
-------------------------------------------*/

#home-wrap { width: 720px; float: left; }

#home-banner { height: 180px; margin: 0 0 0 70px; }
#home-banner h1 { font-size: .85em; text-transform: uppercase; color: #0093D4; }
#home-banner h2 { font-size: 1.7em; line-height: 1.2em; margin: 0 0 .35em 0; }
#home-banner p { font-size: 1.05em; margin: 0 2em 0 0; line-height: 1.2em; color: #777; }
#home-banner p a { padding-right: 10px; background: url(../images/li-arrow.gif) 100% 8px no-repeat; }

#home-content { margin-left: 60px; width: 710px; height: 220px; float: left; }
#home-col1 { float: left; width: 160px; }
#home-col2 { float: left; width: 160px; }
#home-col3 { float: left; width: 160px; }

#home-content h2 { font-size: .8em; line-height: 1.2em; margin: 0 2em 0 10px; height: 21px;  } 
#home-content ul { list-style: none; font-size: .7em; margin: 0 1.5em 0 0; color: #666; }
/* #home-content li { padding-left: 10px; line-height: 140%; background: url(../images/li-arrow.gif) 0 6px no-repeat; } */
#home-content li a { padding-right: 0 }
#home-content li { padding: 4px 0 0 10px; line-height: 140%; margin: 0 0 .5em 0; background: url(../images/li-arrow.gif) 0 8px no-repeat; border-top: 1px solid #b5e4f5; }


/*------------------------------------------   
	Nav2
-------------------------------------------*/
#nav2 { margin: 0 10px 50px 60px; width: 160px; float: left; }
#nav2 h2 { font-size: .8em; line-height: 1.2em; color: #333; margin: 0 1.5em 0 10px; height: 40px; }
#nav2 h3 { font-size: .7em; line-height: 140%; color: #333; margin: 1em 1em .5em 10px; }
#nav2 ul { list-style: none; font-size: .7em; margin: 0 1.5em 0 0; color: #666; }
#nav2 li { padding: 4px 0 0 10px; line-height: 140%; margin: 0 0 .5em 0; background: url(../images/li-arrow.gif) 0 8px no-repeat; border-top: 1px solid #b5e4f5; }
#nav2 li a { padding-right: 5px; }
#nav2 li.sel a { font-weight: normal; background: #b5e4f5; }
#nav2 li ul { display: none; }
#nav2 li.sel ul,#nav2 li.parent ul { font-size: 1em; display: block; padding-top: 4px; margin-right: 0; }
#nav2 li.sel ul li a { background: none; }
#nav2 li.parent ul li.sel a { font-weight: normal; background: #b5e4f5; }

/*------------------------------------------   
	Main
-------------------------------------------*/
#main-wrap { width: 500px; min-height: 360px; border-right: 0px solid #ccc; float: left; padding-bottom: 25px; }
#main { padding-bottom: 25px; background: #fff; padding: 0; }

#main h1 { color: #222; height: 76px; font-size: 1.7em; font-weight: bold; font-style: normal; line-height: 1em; margin: 0 60px .5em 0; border-bottom: 5px solid #222; }
#main h2 { color: #222; line-height: 1.2em; margin: 1.5em 60px .5em 0; font-size: 1.25em; }
#main h3 { color: #222; margin: 1em 60px 0 0; font-size: .85em; }
#main p { color: #444; margin: 0 60px 1em 0; font-size: .85em; }
#main ul,#main ol { color: #444; margin: 0 60px 1em 18px; font-size: .85em; }
#main .links { list-style: none; margin-left: 0; }
#main .links li { background: url(../images/li-arrow.gif) 6px 6px no-repeat; padding: 0 0 0 18px; }

#main .compare { list-style: none; margin-left: 0; }
#main .compare li { cursor: pointer; color: #0093D4; font-weight: bold; background: url(../images/li-arrow.gif) 8px 6px no-repeat; padding: 0 0 0 18px; }
#main .compare li div { display: none; background: #eee; padding: 15px; margin: 10px 0 20px 0; border-top: 2px solid #999; }
#main .compare li div h3 { font-size: .9em; font-weight: bold; margin: 0 2em 0 0; }
#main .compare li div p { font-size: .9em; font-weight: normal; color: #444; margin: 0 2em 1em 0; }
#main .compare li div ul { font-size: .9em; list-style: disc; margin: 0 2em 1em 1.5em; }
#main .compare li div li { font-weight: normal; color: #444; background: none; padding: 0; }
#main .compare li.sel div { display: block; }

#main form { background: #eee; padding: 30px 30px 25px 30px; border-top: 2px solid #999; margin: 2em 60px 2em 0; }
#main form h2 { font-size: .85em; }
#main form p { margin-right: 60px }
#main form h2,#main form h3 { margin-top: 0; }
#main .small { font-size: 75%; }

#main .box { margin: 0 60px 2em 0; background: #eee; padding: 30px 30px 25px 30px }
#main .box p { margin-right: 0px }
#main .box h2,#main .box h3 { margin-top: 0; }

#main .footnote { font-size: .9em; border-top: 2px solid #999; padding: 15px 0; margin: 2em 60px 2em 0 }
#main .footnote h3 { margin-top: 0; }

#main img.logo { float: right; margin: .25em 60px .5em 1em; }

#main ul.case-studies { margin: 0 60px 1em 0; height: 375px; border-top: 0px solid #ccc; border-bottom: 3px solid #ccc; }
#main ul.case-studies li { list-style: none; float: left; width: 219px; height; 120px; text-indent: -9999px; }
#main ul.case-studies li a { display: block; width: 219px; height: 120px; }

#main li.bensherman-infra a { background: url(../images/case-ben-sherman-infra-0.gif) 0 0 no-repeat; }
#main li.bensherman-infra a:hover { background: url(../images/case-ben-sherman-infra-1.gif) 0 0 no-repeat; }
#main li.bensherman-ecomm a { background: url(../images/case-ben-sherman-ecomm-0.gif) 0 0 no-repeat; }
#main li.bensherman-ecomm a:hover { background: url(../images/case-ben-sherman-ecomm-1.gif) 0 0 no-repeat; }
#main li.heriotwatt a { background: url(../images/case-heriot-watt-0.gif) 0 0 no-repeat; }
#main li.heriotwatt a:hover { background: url(../images/case-heriot-watt-1.gif) 0 0 no-repeat; }
#main li.gmb a { background: url(../images/case-gmb-0.gif) 0 0 no-repeat; }
#main li.gmb a:hover { background: url(../images/case-gmb-1.gif) 0 0 no-repeat; }
#main li.robbygordon a { background: url(../images/case-robby-gordon-0.gif) 0 0 no-repeat; }
#main li.robbygordon a:hover { background: url(../images/case-robby-gordon-1.gif) 0 0 no-repeat; }
#main li.trespass a { background: url(../images/case-trespass-0.gif) 0 0 no-repeat; }
#main li.trespass a:hover { background: url(../images/case-trespass-1.gif) 0 0 no-repeat; }

#main #how-to-buy-options { border: 5px solid #999; margin-bottom: 2em; }
#main #how-to-buy-options #option1 { width: 163px; height: 315px; padding: 0px; border-right: 1px solid #999; float: left; }
#main #how-to-buy-options #option2 { width: 163px; height: 315px; padding: 0px; border-right: 1px solid #999; float: left; }
#main #how-to-buy-options #option3 { width: 162px; height: 315px; padding: 0px; border-right: 0px solid #ccc; float: left; }
#main #how-to-buy-options h2 strong { color: #0093D4; display: block; text-transform: uppercase; font-size: .6em; margin: 0 0 .5em 0; }
#main #how-to-buy-options h2 { background: #eee /* #b5e4f5 */; font-size: 1.1em; line-height: 1em; text-align: left; margin: 0 0 10px 0; height: 80px; border-bottom: 0px solid #ddd /* #b5e4f5 */; padding: 10px 0 10px 10px; }
#main #how-to-buy-options h2 .small { display: block; color: #666; font-size: .7em; font-weight: normal; }
#main #how-to-buy-options h2 .plus { display: inline; color: #999; font-weight: normal; }
#main #how-to-buy-options h3 { font-size: .85em; margin: .5em 10px 0 10px; }
#main #how-to-buy-options p { font-size: .85em; margin: 0 10px .5em 10px; }
#main #how-to-buy-options ul { font-size: .75em; color: #999; margin: 0 10px .5em 10px; list-style: none; }
#main #how-to-buy-options ul.links { font-size: .85em; margin: 1em 10px .5em 10px; }
#main #how-to-buy-options ul.links li { background: url(../images/li-arrow.gif) 1px 6px no-repeat; padding: 0 0 0 10px; }
#main #how-to-buy-options ul.links li a { font-weight: bold; }

#main #key-requirements { border-collapse: collapse; font-size: .75em; border: 5px solid #999; margin: 0 0px 2em 0; }
#main #key-requirements th { background: #eee; padding: 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
#main #key-requirements td { background: #fff; padding: 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
#main #key-requirements td h3 { margin: 0 1em 0 0; font-size: 1em; } 
#main #key-requirements td p { margin: 0 1em 1em 0; font-size: 1em; } 
#main #key-requirements td ul { margin: 0 1em 1em 18px; font-size: 1em; } 

#main .contacts { border-collapse: collapse; font-size: .75em; border: 5px solid #999; margin: 0 0 0em 0; }
#main .contacts th { background: #eee; padding: 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
#main .contacts td { background: #fff; color: #666; padding: 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }

#map { float: left; width: 250px; height: 250px; border: 1px solid #999; margin: 0 1em 100px 0; }

/*------------------------------------------   
	Sidebar
-------------------------------------------*/
#sidebar-wrap { width: 190px; float: right; }
#sidebar { padding-left: 25px; }

#sidebar #free-trial { margin-top: 52px; height: 103px; }
#sidebar #free-trial ul { list-style: none; font-size: .85em; }
#sidebar #free-trial li a { background: url(../images/li-arrow.gif) 8px 5px no-repeat; padding: 0 0 0 20px; }
#sidebar #free-trial li.free-trial a { width: 150px; height: 30px; background: url(../images/free-trial.gif) 0 0 no-repeat; display: block; color: #fff; padding: 4px 20px; font-weight: bold; }

#sidebar #enquire-now { margin-top: 52px; height: 103px; }
#sidebar #enquire-now ul { list-style: none; font-size: .85em; }
#sidebar #enquire-now li a { background: url(../images/li-arrow.gif) 8px 5px no-repeat; padding: 0 0 0 20px; }
#sidebar #enquire-now li.enquire-now a { width: 150px; height: 30px; background: url(../images/free-trial.gif) 0 0 no-repeat; display: block; color: #fff; padding: 4px 20px; font-weight: bold; }

#sidebar h2 { font-size: .7em; color: #999; text-transform: uppercase; font-weight: normal; margin: 2em 0 .5em 0; }
#sidebar h3 { font-size: .75em; line-height: 140%; color: #444; margin: .5em 1em 0 0; }
#sidebar p { font-size: .75em; color: #444; margin: .5em 1em 0 0; }
#sidebar p.tweetwhen { font-size: .7em; color: #999; margin: .25em 0 0 0; }
#sidebar p.blog-comments { font-size: .7em; color: #999; margin: .25em 0 0 0; }
#sidebar p.blog-comments a { background: url(../images/comment.png) 0 0 no-repeat; padding-left: 20px; }


/*------------------------------------------   
	Footer
-------------------------------------------*/
#subscribe-wrap { clear: left; background: #fff; height: 46px; }
#subscribe { float: left; width: 700px; margin: 0; background: #555; padding: 8px 0; font-size: .75em; color: #999; padding-left: 80px; }
#subscribe .name { margin-left: 13px; border-left: 1px solid #999; padding-left: 13px; }
#subscribe .email { margin-left: 10px; }
#subscribe .subscribe-text { width: 160px; }
#subscribe .subscribe-button { margin: 4px 0 3px 10px; vertical-align: middle; }

#follow-us { float: left; width: 140px; clear: right; padding: 11px 0 0 15px; }
#follow-us a { padding: 0 0 0 20px; font-size: .75em; display: block; height: 25px; }
#follow-us a.twitter { background: url(../images/twitter.gif) 0 3px no-repeat; } 

#footer-wrap { } 
#footer { color: #888; padding-top: .25em; width: 960px; margin: .25em auto 2em auto; text-align: left; font-size: .7em; }
#footer a { color: #999; text-decoration: underline; }