/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
/*=== CSS RESET (thanks to meyerweb.com) ===*/
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: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
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: "" ""; }
textarea {font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline;}


html, body{ 
 margin:0; 
 padding:0;
background-image:url('/images/bg/graphic_device_home.gif');
background-repeat:no-repeat;
background-attachment:scroll;
background-position:left top; 
 } 
 
#pagewidth{ 
 width:940px; margin-left:50px; 
} 

#wrapper {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3; color:#6a737b;}

#wrapper strong { font-weight:bold;}

#wrapper a:link, #wrapper a:visited { color:#73AFB6; text-decoration:none;}
#wrapper a:hover, #wrapper a:active { color:#72ccd2; text-decoration:underline;}

#wrapper a:link.read, #wrapper a:visited.read { color:#6a737b; background-image:url(/images/arrow.gif); background-repeat:no-repeat; background-position:left center;  text-decoration:none; padding-left:9px;}
#wrapper a:hover.read, #wrapper a:active.read { color:#72ccd2; background-image:url(/images/arrow2.gif); background-repeat:no-repeat; background-position:left center;  text-decoration:none;}
 
#header{
 position:relative; 
 width:100%;
 display:block;
 overflow:auto;
} 

#header img {padding:50px 0 0 0; }
#artslogo { float:right; position:absolute; left:796px; top:100px;}
#artslogo img {padding:0; float:right; }
#logo {float:left;}

 
/*=== MENU ===*/ 
/* TOP NAVIGATION*/
#topnav { float:right; width:610px; margin: 48px 0 20px 0; list-style-type:none; text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6a737b;}
#topnav ul { list-style-type:none; }
#topnav li { float:left; padding:0 30px 0 0;}
#topnav li.last { float:left; padding:0;}
#topnav li a:link, #topnav li a:visited  {color:#6a737b; display:block; float:left; text-decoration:none; list-style-type:none; }
#topnav li a:hover, #topnav li a:active {color:#6a737b; border-bottom:2px #6a737b solid; padding-bottom:7px;  }

#about #topnav li#navabout a, #about #topnav li#navabout a{color:#73AFB6; border-bottom:2px #73AFB6 solid; padding-bottom:7px; }

#news #topnav li#navnews a:link, #news #topnav li#navnews a{color:#73afb6; border-bottom:2px #73afb6 solid; padding-bottom:7px;; }

#work #topnav li#navwork a:link, #work #topnav li#navwork a{color:#73afb6; border-bottom:2px #73afb6 solid; padding-bottom:7px; }

#gallery #topnav li#navgallery a:link, #gallery #topnav li#navgallery a{color:#73afb6; border-bottom:2px #73afb6 solid; padding-bottom:7px;}

#video #topnav li#navvideo a:link, #video #topnav li#navvideo a{color:#73afb6; border-bottom:2px #73afb6 solid; padding-bottom:7px;}

#contact #topnav li#navcontact a:link, #contact #topnav li#navcontact a{color:#73afb6; border-bottom:2px #73afb6 solid; padding-bottom:7px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {float:right; width:6100px; margin: 50px 0 0 0; list-style-type:none; padding:0;} 
#menu li {float:left; padding:0; margin:0 0 0 0; position:relative; width:98px; height:3em; font-family:Arial, Helvetica, sans-serif; font-size:13px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none; color:#6a737b;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0; color:#6a737b;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 90px; margin: 0; padding: 0; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 0px; font-size:13px; color:#6a737b;}
#menu .one {}
#menu .two {}
#menu .three {}
#menu .four {}
#menu dd {margin:0; padding:0; color:#6a737b; font-size: 1em; text-align:left;}
#menu dd.last {border-bottom:1px solid #444;}
.gallery dt a, .gallery dt a:visited {display:block; color:#6a737b;}
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:0px;
 width:98px;
}
.gallery dd a:hover {}



#leftcol{
border-top: 2px #6a737b solid;
 width:210px; 
 float:left; 
 position:relative; 
 padding-top:10px;
margin-right:70px; 
 font -familly:Verdana, Arial, Helvetica, sans-serif;
 }
 
#submenu ul {padding: 10px 0 ;}
#submenu li {padding-top:5px;}
#submenu a:link, #submenu a:visited { color:#6a737b; text-decoration:none;}
#submenu a:hover, #submenu a:active { color:#72ccd2; text-decoration:underline;}
 
#leftcol div { border-bottom: 2px #6a737b solid; padding-bottom:10px;}
 #leftcol div.nopadding {padding-bottom:0;}
 
#maincol{
 position: relative; 
 width:610px;
 float:right; 
 margin-left:50px;
 }
 
 #maincol2{
 position: relative; 
 width:990px; 

 }
 
  #maincol2 h2{
padding: 0 0 12px 0; font-size:16px; font-weight:bold;

 }
 
#footer{
 width:940px;
 margin:20px 0 50px 0;
 clear:both;
} #footerlogos img { padding: 20px 30px 20px 0;}
#footerlinks {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6a737b; }
#footerlinks p  {padding-bottom:7px;}
#footerlinks a {color:#6a737b; text-decoration:none;}
#footerlinks a:visited {color:#6a737b; text-decoration:none;}
#footerlinks a:hover {color:#72ccd2; text-decoration:underline;}
#footerlinks a:active {color:#72ccd2; text-decoration:underline;}


#maincol p.thanks {padding-top:50px;
 font -familly:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
}
 

 .freecontactform {
width: 460px;
font-family: arial;
border: 1px solid #AAA;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.freecontactformheader {
font-size:18px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
.freecontactformmessage {
text-align:center;
padding-bottom:10px;
}
.freecontactform td {
padding:4px;
font-size:12px;
}
.freecontactform p {
padding:4px;
}
.freecontactform label {
padding:4px;
}
.freecontactform label {
padding-right:10px
}
.required {
font-weight:bold;
}
.required_star {
font-weight:bold;
color:#F00;
}
.not-required {
font-weight:normal
}
.antispammessage {
padding:10px;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
font-weight:bold 
}
.antispamquestion {
font-weight:normal;
}
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.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 */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}