/***** G CLIP *****/
/***** 939 Design Limited *****/

* {margin:0px;padding:0px;}

body {font:75%/140% Arial, Helvetica, sans-serif;background: url(../img/shadow_L.jpg) no-repeat;}

p { margin-bottom:15px;margin-top:0px;}
ol, li {margin:0 0 0px 0px;}
ul {margin: 0 0 10px 20px;}

a:link {color:#666;text-decoration:none;}  
a:visited {color:#666;text-decoration:none;} 
a:hover {color:#FF6600;text-decoration:none;}   

h1 {position:absolute;font-size:1em;margin:60px 0 0 180px;}
h2 {font-size:1.4em;margin:0 0 10px 0;padding:0px 0 0 0;color:#000;}
h3 {font-size:1.3em;margin:0 0 10px 0;color:#FF6600;}
h4 {border-top:1px dotted;padding-top:10px;font-size:1.2em;margin:0 0 0px 0;color:#000;}
h5 {padding-top:10px;clear:both;border-top:1px dotted;font-size:1.1em;margin:10px 0 0px 0;color #000;}

/***** Layout *****/
#wrap {margin-left:20px;}
#banner {background: url(../img/banner_bg.jpg) repeat-x;}
#logo {height:155px;width:155px;background: url(../img/logo.jpg) no-repeat;}
#bar {background: url(../img/bar_bg.jpg) repeat-x;height:59px;}

#page {background: url(../img/page_top_bg.jpg) repeat-x;height:417px;margin-right:200px;padding-left:30px;padding-right:50px;padding-top:50px;}

#col1 {width:71%;min-width:300px;float:left;}
#col2 {margin-left:38.4%;margin-right:28.4%}
#col3 {width:25%;float:right;}
#col4 {width:90%;min-width:300px;float:left;}
						
#left_topBox {height:45px;padding-top:1px;margin-bottom:35px;color:#FFFFFF;font-size:0.9em;}

#buy {background: url(../img/gclip_graphic_bg.jpg) no-repeat;position:absolute;top:0;right:0;width:246px;padding-top:280px;}

#buy p {margin:10px 30px 0 40px;font-size:0.9em;}
#buy h3 {margin: 10px 30px 10px 40px;font-size:1.2em;color:#FF6600;}

#footer {clear:both;padding-top:10px;font-size: 90%;margin:0 0 0 0 ;text-align:left;color:#999999;}

#credits {clear:both;background: url(../img/footer_logo.jpg) no-repeat;padding-top:10px;padding-left:100px;font-size:90%;margin:0 0 0 0;text-align:left;border-top:1px solid #CCCCCC;color:#999999;height:100px;}

/***** Top Nav *****/

#navcontainer ul {background-color:#FF6600;float:left;width:100%;background:url(../img/bar_bg.jpg) repeat-x;height:39px;}

#navcontainer ul li {display:inline; }

#navcontainer ul li a {padding:21px 0px 0px 25px;color:#fff;text-decoration:none;float:left;}

#navcontainer ul li a:hover {height:35px;color:#FFFF00;}

/***** Side Nav *****/
			
.sidenavigation {width:246px;height:250px;padding-top:150px;background-repeat:no-repeat;}
.sidenavigation ul {list-style-type:none;margin-left:40px;}
.sidenavigation a {display:block;padding:7px;width:160px;background-color:#FFFFFF;border-bottom:1px solid #eee;color:#000;}
.sidenavigation a:link {text-decoration:none;}

.sidenavigation a:hover {background-color:#eee;color:#000;}

/***** Table styles *****/
table {margin:0 0 20px 0;padding:0;line-height:1.3em;border-collapse:collapse;border:1px solid #d8d8d8;}
caption {text-align:left;font-size:1.5em;font-weight:normal;margin:0;padding:6px 0 8px 0;}
th {padding:10px;text-align:center;background:#eaeaea;color:#505050;}
td {padding:10px;font-size:1em;text-align:left;background:#f4f4f4 ;color:#303030;}

/***** Form styles *****/
form {margin:0px 0 0px 0;}

label {margin:2px;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#666;}
fieldset, contactform {border:none;margin-left:10px;}

/***** Various Classes *****/

.pic {border: solid 5px #FAC868;margin: 0px 0px 5px 0px;}
.picleft {float:left;border:solid 10px #EEE;margin:5px 15px 5px 0px;}
.picright {float:right;border:solid 4px #EEE;margin:5px 20px 5px 10px;}
.picextra {clear:left;margin:20px 0px 0px 0px;}
.footpicleft {float:left;border:solid 4px #999999;margin:5px 10px 30px 0px;}
.hide {display:none;}
.small {font:75%/140% Verdana,Tahoma,Arial,sans-serif;}
.noborder {border:none;}
.question {background:#EFEFF0;border-top:1px solid #CCC;border-bottom:1px solid #CCC;color:#999;display:block;font:100%/140% Georgia, Verdana,Tahoma,Arial,sans-serif;margin: 0em 0 0em 0;padding: 6px 12px;}
.answer {background:#EFEFF0;border-bottom:1px solid #CCC;border-top:1px solid #CCC;color:#000;display:block;font-size:1em;margin:0em 0 0em 0;padding:6px 12px;}
.intro {font:140%/150% Georgia, Verdana,Tahoma,Arial,sans-serif;color:#000;}
.orange {color:#FF6600;}
.black {color:#000;}
.hide {display:none;}

/***** Lightbox *****/

#lightbox { left:0; line-height:0px; position:absolute; text-align:center; top:40px; width:100%; z-index:100; }
#lightbox a img { border:none; }
#outerImageContainer { background:#fff; height:250px; margin:0 auto; position:relative; width:250px; }
#imageContainer { padding:10px; }
#loading { height:25%; left:0; line-height:0px; position:absolute; text-align:center; top:40%; width:100%; }
#hoverNav { height:100%; left:0; position:absolute; top:0; width:100%; z-index:10; }
#imageContainer>#hoverNav { left:0; }
#hoverNav a { outline:none; }
#prevLink, #nextLink { background:transparent url('images/blank.gif') no-repeat; display:block; height:100%; width:49%; }
#prevLink { float:left; left:0 }
#nextLink { float:right; right:0; }
#prevLink:hover, #prevLink:visited:hover { background:url('images/prevlabel.gif') left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url('images/nextlabel.gif') right no-repeat; }
#imageDataContainer { background:#fff; font:10px Verdana, Helvetica, sans-serif; line-height:1.4em; margin:0 auto; }
#imageData { padding:0 10px; }
#imageData #imageDetails { float:left; text-align:left; width:70%; }
#imageData #caption { font-weight:700; }
#imageData #numberDisplay { clear:left; display:block; padding:0 0 1em; }
#imageData #bottomNavClose { float:right; padding:0 0 0.7em; width:66px; }
#overlay { background:#000; height:500px; left:0; position:absolute; top:0; width:100%; z-index:90; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html>body .clearfix { display:inline; width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }