/*  
Theme Name: Robotnik
Theme URI: http://sliceasite.com/
Version: 1
Author: Michael Caputo
Author URI: http://flashpunk.ca/
*/

/* --------------------------------- =CSS Reset -------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:97%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* --------------------------------- =general style & page layout -------- */
html,body{margin:0;padding:0;text-align:center;}
#homeHolder{width:1000px;text-align:left;margin:0 auto;}
#pagewidth{width:600px;text-align:left;margin: 0 auto;}
#pagewidth2{width:505px;text-align:left;margin: 0 auto;display:block;padding:0 0 0 325px;}
#header{position:relative;height:162px;background-color:#FFFFFF;width:100%;}
#leftcol{width:200px;float:left;position:relative;}
#maincol{background-color:#FFFFFF;float:right;display:inline;position:relative;width:390px;}
#footer{height:50px;background-color:#FFFFFF;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ 

.clear {clear:both;}
.hideText {text-indent:-9999px;}
.displayNone {display:none;}
b, bold, strong {font-weight:bold;}
i, em, italic {font-style: italic;}

/* --------------------------------- =imported styles -------- */
/* --------------------------------- =layout -------- */
body#inside {background:url('images/background.jpg') 50% top repeat-x;}
body#home {background:url('images/homepage.jpg') 50% top repeat-x;height:1158px;}
.robot1 {background:url('images/robot1.jpg') no-repeat;width:200px;height:355px;text-indent:-9999px;}
.robot2 {background:url('images/robot2.jpg') no-repeat;width:200px;height:427px;text-indent:-9999px;}
.robot3 {background:url('images/robot3.jpg') no-repeat;width:200px;height:188px;text-indent:-9999px;}
.contentBody {margin:0 0 40px 0;}
/* --------------------------------- =typography -------- */
h2 {display:none;}
h3 {width:390px;display:block;margin:0 0 20px 0;padding:0;font: normal normal bold 2em 'Verdana', sans-serif;color:#bb2e19;}
h3#whoare {background:url('images/h3-whoare.gif') no-repeat;text-indent:-9999px;height:21px;}
h3#whatdo {background:url('images/h3-whatdo.gif') no-repeat;text-indent:-9999px;height:21px;}
h3#whereare {background:url('images/h3-whereare.gif') no-repeat;text-indent:-9999px;height:21px;}
h3#whatlike {background:url('images/h3-whatlike.gif') no-repeat;text-indent:-9999px;height:21px;}
h3#whowork {background:url('images/h3-whowork.gif') no-repeat;text-indent:-9999px;height:21px;}
h3#requestcorporate {background:url('images/h3-requestcorporate.gif') no-repeat;text-indent:-9999px;height:54px;}
h4 {margin:0 0 10px 0;padding:0;font: normal normal normal 2em 'Verdana', sans-serif;color:#bb2e19;}
.contentBody p {font: normal normal normal 1em/1.8em 'Helvetica', Verdana, sans-serif;margin:0 0 16px 0;color:#4f4f4f;}
/* --------------------------------- =links -------- */
h1 a:link, h1 a:visited, h1 a:hover, h1 a {background:url('images/h1-logo.gif') no-repeat;width:505px;height:69px;text-indent:-9999px;margin:45px 0;display:block;}
h3 a:link, h3 a:visited {color:#bb2e19;text-decoration:none;}
h3 a:hover {color:#bb2e19;text-decoration:underline;}
h4 a:link, h4 a:visited {color:#bb2e19;text-decoration:none;}
h4 a:hover {color:#bb2e19;text-decoration:underline;}
.contentBody p a:link, .contentBody p a:visited {color:#bb2e19;font-weight:bold;text-decoration:underline;}
.contentBody p a:hover {color:#bb2e19;font-weight:bold;text-decoration:none;}
/* --------------------------------- =lists -------- */
.contentBody ul {list-style:none;}
.contentBody ul li {margin:0 0 10px 5px;font: normal normal normal 1.2em Arial, sans-serif;}
.contentBody ul li a:link, .contentBody ul li a:visited {color:#bb2e19;text-decoration:none;}
.contentBody ul li a:hover {color:#bb2e19;text-decoration:underline;}
/* --------------------------------- =navigation -------- */
ol#navigation {list-style:none;margin:0 0 20px 0;padding:0;}
ol#navigation li {margin:0 0 6px 0;}
ol#navigation li a {width:200px;height:24px;display:block;text-indent:-9999px;}
ol#navigation {list-style:none;margin:0 0 20px 0;padding:0;}
ol#navigation li {margin:0 0 6px 0;}
ol#navigation li a {width:200px;height:24px;display:block;text-indent:-9999px;}

ol#navigation li#whoweare a:link, ol#navigation li#whoweare a:visited {background:url('images/nav-whoweare-off.gif') no-repeat;}
ol#navigation li#whoweare a:hover {background:url('images/nav-whoweare-on.gif') no-repeat;}

ol#navigation li#ourwork a:link, ol#navigation li#ourwork a:visited {background:url('images/nav-ourwork-off.gif') no-repeat;}
ol#navigation li#ourwork a:hover {background:url('images/nav-ourwork-on.gif') no-repeat;}

ol#navigation li#contactus a:link, ol#navigation li#contactus a:visited {background:url('images/nav-contactus-off.gif') no-repeat;}
ol#navigation li#contactus a:hover {background:url('images/nav-contactus-on.gif') no-repeat;}

ol#navigation li#links a:link, ol#navigation li#links a:visited {background:url('images/nav-links-off.gif') no-repeat;}
ol#navigation li#links a:hover {background:url('images/nav-links-on.gif') no-repeat;}

ol#navigation li#ourclients a:link, ol#navigation li#ourclients a:visited {background:url('images/nav-ourclients-off.gif') no-repeat;}
ol#navigation li#ourclients a:hover {background:url('images/nav-ourclients-on.gif') no-repeat;}

ol#navigation li#requestcorporate a:link, ol#navigation li#requestcorporate a:visited {background:url('images/nav-requestcorporate-off.gif') no-repeat;}
ol#navigation li#requestcorporate a:hover {background:url('images/nav-requestcorporate-on.gif') no-repeat;}

body#home ol#navigation {position:absolute;margin:175px 0 0 600px;}
/* --------------------------------- =forms -------- */
/* --------------------------------- =tables -------- */
/* --------------------------------- =comments -------- */
/* --------------------------------- =search-bar -------- */
/* --------------------------------- =IE HACKS -------- */