/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }
ol{padding-left:20px;}
ol li{margin-bottom:10px;}

/** end of the css reset **/


*
{
margin: 0px;
padding: 0px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}
/**
This is the user styles
**/

#globalcontainer{
text-align:center;
margin: 0px auto;
width:960px;
height: 640px;
}

body
{
text-align: center;
margin: 0px 0px;
font-size:12px;
}

#mainpic{background-repeat:no-repeat;}

#topbanner
{
	height:176px;
	width:960px;
	overflow:hidden;
	text-align:left;
	position:relative;
}

#origilogo
{
font-family:EauSansBook,arial;
font-size:36px;
width:177px;
height:104px;
position:absolute;
margin-left:15px;
margin-top:28px;
}

@font-face {
    font-family: 'EauSansBook';
    src: url('eau_sans_book-webfont.eot');
    src: url('eau_sans_book-webfont.eot?iefix') format('eot'),
         url('eau_sans_book-webfont.woff') format('woff'),
         url('eau_sans_book-webfont.ttf') format('truetype'),
         url('eau_sans_book-webfont.svg#webfont3r2uDnbE') format('svg');
    font-weight: normal;
    font-style: normal;
}

#headertitle
{
font-family: EauSansBook,arial;
color:#665555;
font-weight:400;
font-size:19px;
width:530px;
position:absolute;
margin-left:535px;
text-align:left;
bottom:49px;
}

#headertitle a{    color: #665555;
    font-family: EauSansBook,arial;
    font-size: 19px;text-decoration: none;}

.fullwidth #headertitle{margin-left:735px;}

#topmenu
{
	height:20px;
	width:982px;
	overflow:hidden;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	background-color: blue;
	text-align:left;
}

#topmenu ul {list-style-type: none;}
#topmenu li {display:inline;line-height:20px;padding-right:20px;}
#topmenu li a {text-decoration: none;color:black;font-weight:700;}
#topmenu li a:hover {color:red;}

#bodycontainer
{
width:960px;
overflow:hidden;
}

#centerbody
{
	text-align: justify;
	float:left;
	width:960px;
	height:282px;
	overflow:hidden;
}
#shadowbar
{
	text-align: justify;
	float:left;
	width:960px;
	height:18px;
	overflow:hidden;
	background-image:url('../images/shadow.png');
}

.navigation
{
   width:197px;
   height:265px;
   padding:10px 0px 10px 10px;
   float:left;
   text-align:right;
   position:relative;
}

.navigation ul#menuitems
{
z-index:999;
margin-top:0px;
right:0px;
position:absolute;
}

.navigation li
{
width:200px;
height:20px;
padding-right:10px;
}

.navigation li{ list-style-type:none;padding-top:5px;padding-bottom:5px;width:200px;background-image:url(../images/mnubk.png);background-position:210px 0px;background-repeat:repeat-y;}
.navigation li a{font-family:EauSansBook,arial;font-size:16px;text-decoration:none;color:#665555;}

.section
{
   width:753px;
   height:283px;
   float:left;
}

.fullwidth .section{width:960px;}

#imagepanel {width:289px;height:263px;float:left;margin-top:10px;margin-left:20px;}
.ie6 #imagepanel{margin-left:10px;}
#textpanel {width:389px;height:243px;padding:10px;padding-right:35px;float:left;text-align:left;margin-top:10px;margin-left:10px;}
.ie6 #textpanel{margin-left:0px;}
.fullwidth #imagepanel{margin-left:0px;margin-right:11px;float:left;}

.fullwidth .textpanel h1{font-size:14px;}
.fullwidth .textpanel{width:300px;height:262px;padding:10px;float:left;text-align: left;padding-left:20px;}
#footer
{
	clear:both;
	color: white;
	height:210px;
	width:960px;
	position:relative;
	overflow:hidden;
}

#originationlogo
{
height:77px;
width:112px;
position:absolute;
margin-left:813px;
margin-top:90px;
}

.ie6 #originationlogo{margin-left:340px;margin-top:75px;}
.ie7 #originationlogo{margin-left:340px;margin-top:75px;}

#twitterlogo
{
height:22px;
width:22px;
position:absolute;
margin-left:640px;
margin-top:147px;
}

.ie6 #twitterlogo{margin-left:300px;margin-top:125px;}
.ie7 #twitterlogo{margin-left:300px;margin-top:125px;}

#members
{
height:20px;
width:127px;
position:absolute;
margin-left:20px;
margin-top:141px;
}

.ie6 #members{margin-left:-450px;margin-top:130px;}
.ie7 #members{margin-left:-450px;margin-top:130px;}

#copyright
{
	font-size: 9px;
	text-align:right;
	text-align: right;
	color: white;
	height:15px;
	width:960px;
	overflow:hidden;
	text-decoration: none;
}

.mainwork{width:650px;height:450px;float:left;}
.thumbs{width:150px;height:450px;float:left;}
.thumbcontainer{width:120px;height:120px;margin-left:20px;}
.thumbcontainer img {margin-bottom:10px;}
.textcontainer{width:760px;height:130px;float:left;text-align:left;font-size:10px;font-family:arial;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;}
.text1{width:390px;height:90px;margin-right:20px;float:left;}
.text2{width:390px;height:90px;float:left;}
.slidericon{width:142px;height:100px;margin-right:19px;margin-bottom:19px;float:left;}
.end{margin-right:0px;}
p strong {font-weight:700;}
.footer{width:958px;height:169px;}
.copyright{float:right;}
.regdetails{float:left;color:#656565;font-family: arial;margin-left:18px;}
/** End of user styles **/
h1
{
font-size:24px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
}

h2
{
font-size:20px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
}

h3
{
font-size:16px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
}

h4
{
font-size:12px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
}

p
{
font-family:EauSansBook,arial;font-size:12px;
margin-bottom:10px;
}

table{font-family: EauSansBook,arial;
    font-size: 12px;
    margin-bottom: 10px;}

#textpanel ul{
font-family:EauSansBook,arial;font-size:12px;margin-left:14px;margin-bottom:10px;
}

/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 480px) {
#topbanner{background-color:red;}

  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}