@charset "UTF-8";
/* CSS Document */

/* AWARD STYLE */

#award {position: absolute; top: 2%; left: 70%; display: none;}

/* HOME PAGE STYLE */

body {font-family:Verdana, Geneva, sans-serif; font-size: 9px; color: #999; background-color: #FFF;}

a img, a, a:hover, a:visited, a:focus, a:active{ border: none; text-decoration: none; outline: none;}

#cointainer {position: relative; top: 0; left: 50%; margin-left: -350px; width: 700px; padding:0; overflow: hidden; }

html {height: 101%;}

/*ELEMENTS IN THE TOP BANNER*/
#top_banner { padding: 60px 0 10px 0; width: 100%; }

#hide { background-color:#FFF; width: 70px; height: 70px; position: relative; top: 120px; left: -70px; }

#fadeIn { position: relative; left: 80px; top: -60px;}

#nav-links {list-style: none;font-size: 9px; margin-top: -120px; padding: 0; position: relative; float: right; text-align: right}

#nav-link {margin: 5px 0 0 0; width: 60px; height: 12px;}

#nav-link a{display: block; padding: 0 5px; height: 100%; text-decoration: none; color: #FFF; background: url(../images/snook-animation-bg.jpg) repeat 0 -35px; margin-left:100px;}

#hideRight { background-color:#FFF; width: 70px; height: 70px; position: absolute; float: right; top: 130px; left: 700px; z-index:1;}

#divLine {position: relative; float: left; width: 10%; border-top: #cccccc solid 1px; top: -40px;}

#divLineBold {position: relative; float: right; width: 2%; border-top: #cccccc solid 5px; top: -42px;}

/*ELEMENTS IN THE CONTENT SECTION*/
#content {position:relative; float: left; width:100%; padding: 0px 0 40px 0; opacity: 0;filter:alpha(opacity=0);}

/*HOME PAGE ELEMENTS*/
#shot {position: relative; float: left; padding: 0 0 0 20px;}

#shot img { border: #cccccc solid 1px; padding: 5px;}

#quote {width: 45%; position: relative; float: right; font-size: 14px; text-align: justify;}

/*PORTFOLIO PAGE ELEMENTS*/

#portHolder {margin-left: auto; margin-right: auto; width: 100%;}

#portHolder ul { list-style: none; width: 20%; position:relative; float:left; border: #cccccc solid 1px; margin: 0 0 0 4%; padding:0;}

#portHolder ul li.top { background: #cccccc url(../images/top_back.png) no-repeat; background-position: 90% center; color:#666; padding: 3px 0 0 10px;height: 18px;}

#portHolder ul li.project {text-align: left; margin: 5px 0 5px 14px; padding: 2px; border: #cccccc solid 1px; position: relative; float: left;}

#project1 {position: relative; top: 0px; left: 0px}

#project1 div { position: absolute; top: 0; left: 0;}

#ie7_alert p {color: #B70404; position: relative; left: 50%; margin-left: -25%; border: #B70404 solid 1px; margin-top: 10px; padding: 5px; width: 40%; text-align: center;}

/*SERVICES PAGE ELEMENTS*/

#servHolder {margin-left: auto; margin-right: auto; width: 100%;}

#servHolder ul { list-style: none; width: 30%; position:relative; float:left; border: #cccccc solid 1px; margin: 0 0 0 3%; padding:0;}

#servHolder ul li.top { background: #cccccc url(../images/top_back.png) no-repeat; background-position: 90% center; color:#666; padding: 3px 0 0 10px;height: 18px;}

#servHolder ul li.para {text-align: justify; padding: 10px;}

/*ABOUT PAGE ELEMENTS*/

#about_image {position: relative; float: left; width: 40%; padding: 0 40px 0 0; }

#about {position: relative; float: left; width: 50%; font-size: 12px; text-align: justify; border: #cccccc solid 1px; padding: 0; margin-top: 100px;}

#about p { padding: 10px;}

#about_top { padding:0;}

#about_top p { background: #cccccc url(../images/top_back.png) no-repeat; background-position: 90% center; color:#666; padding: 4px 0 0 10px;height: 20px; margin-top: 0px;}

/*CONTACT FORM ELEMENTS */

#contactForm { width:100%; margin-left: 80px;}

#message {position: absolute; width: 100%; height: 20px; left: 0; padding: 0;}

#myForm {width: 50%; position: relative; float: left; font-size: 10px; padding: 25px 0 0 0;}

#myForm input, #myForm textarea {padding: 3px; width: 250px; font-family: Helvetica, sans-serif; font-size: 1em; margin: 3px 0px 3px 0px; border: 1px solid #ccc; }

#myForm textarea { height: 90px;}

#myForm textarea:focus, #myForm input:focus {border: 1px solid #900;}

#myForm input.submit-button {width: 100px; float: left; background-color: #FFF; color:  #999;}

.error { font-size: 10px; color:#900; }

.success { font-size: 10px; color:  #999;}

.cHeader {width: 250px; background: #cccccc url(../images/top_back.png) no-repeat; background-position: 90% center; color:#666; padding: 3px 0 0 10px;height: 18px; }

#contactDetails {padding: 25px 0 0 0;}

#contactDetails ul { list-style: none; padding-top: 0; display: block;}

#contactDetails ul li.contHeader {width: 200px; font-size: 10px; background: #cccccc url(../images/top_back.png) no-repeat; background-position: 90% center; color:#666; padding: 3px 0 0 10px;height: 18px; }

#contactDetails ul li {padding:10px 0 0 25px; position: relative; float: left;}

/*ELEMENTS IN THE FOOTER SECTION*/
#footer {position:relative; float: left; width: 100%; opacity: 0;filter:alpha(opacity=0);}

#footMenu { list-style: none; width: 100%; margin:0; padding:0; height: 50px;}

#footMenu li { display: inline; height: 100%;}

#footMenu li a { color: #666; text-decoration: none; font-size: 9px;}

#footMenu li a:hover { text-decoration: underline;}

#first {padding: 0 5px 0 0;}

#notfirst { padding: 0 5px 0 5px; border-left: #666 solid 1px;}

#footer p { position: relative; float: none; top: -60px; left: 70%;}