@import url("anothercompany_picstyles.css");
@import url("http://www.anothercompany.org/site/includes/css/form_styles.css");
* { outline: none; }
body, h1, h2, h3, h4, p, blockquote, #header ul, .dropdown ul, .newsnav ul, #footer ul { margin: 0; padding: 0;}
#header ul, .newsnav ul, .dropdown ul, #footer ul { list-style-type: none;}
#header h1, #header h2 { line-height: 0; font-size: 0; text-indent: -99999px;}

body { font-family: Garamond, Georgia, "Times Roman", serif; font-size: 12px;}
p, #contentwrapper ul, blockquote { line-height: 1.5em;}
img { border: none;}
a { color: #000; text-decoration: none; font-style: italic;}
a:hover { font-style: italic; text-decoration: underline;}

#sitewrapper { width: 780px; margin: 18px auto 18px auto;}

#header { overflow: hidden; position: relative; height: 73px; padding-bottom: 40px; }
#header h1 a { width: 138px; height: 73px; }
#header h1 a, #header h2 a { display: block;}
#header h2 { position: absolute; bottom: 40px;}
#header h2 a { height: 16px;}
#header h2#something { left: 174px;}
#header h2#shop { left: 375px;}
#header h2#something a { width: 165px;}
#header h2#shop a { width: 76px;}

#header ul { position: absolute; bottom: 40px; right: 0;}
#header ul li, #footer ul li { float: left; margin-right: 20px;}
#header ul li { line-height: 1em;}
#header ul li a, #footer ul li a { font-style: normal;}
#header ul li a:hover, #footer ul li a:hover { color: #666; text-decoration: none; }
#header ul li.last, #footer ul li.last { margin-right: 0;}

#introwrapper { position: relative; margin-bottom: 20px;}
#content { width: 315px; position: relative;}
.colla { padding-top: 31px;}

p.readthisin { position: absolute; top: -2px; }
p.readthisin img { vertical-align: text-top; }

div.toprow, div.bottomrow { position: absolute; right: 0; width: 650px;}
div.toprow { top: 0;}
div.bottomrow { bottom: 0;}
div.lastrow { overflow: hidden; position: relative; margin-bottom: 30px; width: 780px; }
div.casemargin { margin-left: 20px;}
div.casewrapper img { position: absolute; top: -1px; left: -1px;}
div.casewrapper p.caselink { position: absolute; left: 0; bottom: 0; padding: 0 0 20px 0;}
div.casewrapper p.linktwo { left: 335px;}
div.casewrapper p.linkthree { left: 670px;}
div.casewrapper div { width: 315px; float: left; padding-bottom: 50px; position: relative;}
div.casewrapper>div { width: 315px; float: left; padding-bottom: 50px; position: relative;}
div.casewrapper div.preloader { width: 313px; height: 98px; margin-bottom: 20px; padding: 0;}

#footer { overflow: hidden; clear: both; padding-top: 18px; width: 780px;}
#footer p#iv { position: absolute; bottom: 0; left: 0;}
#footer p#iv img { vertical-align: middle; margin-right: 10px;}
#footer ul a:hover { text-decoration: none; }
#footer p#iv, #footer p#iv a { color: #666;}
#detailwrapper, #detailwrapper a { color: #666;}
#detailwrapper { overflow: hidden; margin-left: 0px;}
#detailwrapper div { float: left; width: 180px; margin-right: 25px;}
#detailwrapper div.last { float: left; margin-right: 0px;}

blockquote { padding: 25px 0 25px 0; font-size: 160%; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
blockquote strong { font-size: 11px; font-weight: normal;}

#contentwrapper h3, #introwrapper h3 { margin-bottom: 15px;}
#contentwrapper { position: relative; width: 780px; overflow: hidden; }
#contentwrapper div.abs { position: absolute;}




#coverwrapper { overflow: hidden; position: relative; width: 780px; height: 548px;}
#newsletterwrapper { padding-top: 20px; position: relative; overflow: hidden; width: 780px; }
#linksrow { overflow: hidden; position: absolute; bottom: 28px; }
#linksrow p { float: left;}
#linksrow p#rowlink1 { width: 335px;}
#linksrow p#rowlink2 { width: 225px;}
#linksrow p#rowlink3 { width: 225px;}
#news, #newsletter { width: 315px;}
#news, #index { position: relative;}
#news { float: left; height: 450px;}
#news p.newstitle { font-style: italic; padding-bottom: 20px;}
#news h3 { margin-bottom: 10px;}

.newsnav { width: 315px;}
.newsnav h3, .newsnav h3 a { color: #fff; text-decoration: none; }
.newsnavmargin { margin-bottom: 20px;}
.newsnavbottom { position: absolute; bottom: 20px; left: 0;}
.newsnav ul { width: 315px;}
.newsnav ul li { background: #DFDFDF; font-style: italic; color: #FFF; margin-bottom: 5px; position: relative; height: 65px; padding: 10px 0 0 10px; cursor: pointer; }
.newsnav ul li.last { margin-bottom: 0;}
.newsnav ul li p { position: absolute; left: 10px; bottom: 10px;}

#index { float: right; width: 650px; overflow: hidden; }

#indexcontent { overflow: hidden; padding-top: 20px;}
#indexcontent p#newsfirst { margin-right: 40px;}
#indexcontent p { width: 305px; float: left;}

#news img, #index img { position: absolute;}
#news img { top: -1px; left: -1px;}
#index img { top: 0; left: 0;}
#index .preloader { width: 648px; height: 428px; }
#news .preloader { width: 313px; height: 198px; margin-bottom: 20px; position: relative;}
#colswrapper { float: right; width: 650px; padding-bottom: 61px;}
#colswrapper div { float: left; width: 200px;}
div.indexcol { margin-left: 25px; margin-right: 25px;}

#projects_col1, #projects_col2, #projects_col3 { float: left; width: 315px; margin-bottom: 30px; position: relative;}
#projects_col1 { padding-top: 50px;}
#projects_col2 { margin-left: 20px; margin-right: 20px;}
.projectmargin { margin-top: 20px;}
.showproject { position: absolute; bottom: 18px; z-index: 100;}

.p_wrapper { position: relative; }
.p_wrapper div { position: absolute; top: 0; left: 0; width: 100%;}
.p_wrapper .p_preloader { width: 313px;}
.p_wrapper .p_text { width: 275px;}

.p_wrapper .p_text2 { margin: -1px 0 0 -1px; }

.p_preloader, .p_preloader2, .preloader { }
.p_pic { z-index: 300;}
.p_text { z-index: 200; padding: 20px; background: #DFDFDF;}
.p_text h3 { padding-bottom: 20px; }



#projects_col1 div.dropdown { top: 10px;}
#pnavfooter { padding-top: 92px; padding-bottom: 20px;}

#contentwrapper h3, #content h3, .newsnav h3 { text-transform: uppercase; }