/* CSS Document - Meirion Williams Triad Design April 2007 */

*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,li,dl,ol,ul{list-style:none}
legend{color:#000}
button,select,textarea,input{font:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}

button,select,textarea,input{
        background-color:#bbb;
}
button:focus,select:focus,textarea:focus,input:focus{
        background-color:#539dd6;
        }

html {
        /*overflow:scroll;*/
        }

body {  /* align the whole site centrally */
        /* text-align:center; */
        color: #777777;
        background-color:#000000;
        margin-bottom:70px;

        /* Arial normal properties */
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;

        /* Arial Narrow properties:
        font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
        font-size: 14px;
        letter-spacing: 0.05em;*/
}

address, p {
        margin:1em 0;
}

#wrapper {
        width:760px;
        text-align:left;
        background-color:#000000;
        border: 8px solid #000000;
        border-top:10px solid #000000;
        /* align the whole site centrally */
        margin-right: auto;
        margin-left: auto;
        position:relative;
}

#header {
        width:760px;
        height:72px;
        background-color:#191b1c;
}

/* css */

#header h1 { /* header image replacement */
        position: absolute;
        width:760px;
        height:72px;
        background-image: url(../images/header_triadlogo.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
				text-indent: -9999px;
        }

#header_links { /* UL links */
        width:760px;
        height:27px;
}

#header_links li{ /* UL links */
        display:inline;
        margin:0px 15px 0 5px;
}

ul.footer_text li {

	display:inline;
	margin:0px 15px 0pt 5px;
	padding:1px;
}

#header_mainflash { /* large flash animation top of page */
        width:760px;
        background:url(images/Triad-site_g_03.jpg);
        background-position:center;
        background-repeat:no-repeat;
        background-position:top;
        background-color:#000000;
}

/* style blue page divider */
div.hrline hr {
        /* take out the troublemaking HR */
        display:none;
}

div.hrline {
        /* DIV that wraps and replaces the HR */
        height:34px;
        width:760px;
        background-color: transparent;
        background-image: url(../images/wide_bar.png);
        background-repeat: no-repeat;
        background-position: center center;
}

.midthird {
        width:247px;
        float:left;
        margin:6px 0 0 0px;
        padding: 0px;
}

.midthird p {
        margin: 12px 8px; display:block;
}

.midthird img {
        display:block;
}

.midthird h2 {

}

#widebar  {
        height:21px;
        width:760px;
        display:block;
        background-color:#000000;
        background-image: url(../images/wide_bar_black.png);
        background-repeat: no-repeat;
        background-position: center top;
        margin: 6px 0px 11px 0px;
}

#widebar h1 {
        margin: 0px 0px 0px 10px;
}

.bottom_leftblock {
        width:175px;
        height:160px;
        min-height:160px;
        background-color:#191b1c;
        padding:6px 0px 6px 11px;
        margin:0 0 6px 0;
        /*position:absolute;*/
        top:247px;
        left:0;
				clear:left;
				float:left;
		
}

span.first-word {
        color:#fff;
}

.bottom_quad_box {
        width:281px;
        height:130px;
        float:right;
        background-color:#191b1c;
        margin: 0px 0px 6px 6px;
}

.bottom_quad_box img {
        padding: 0px 8px 0px 0px;
}

.bottom_quad_image {
        padding: 0px 8px 0px 0px;
}

#bottom_quad h2 {
        color:#5499DF;
        margin: 20px 11px 0px 0px;
}

h2 {
        font-size:1.29em; /* bring font size up to 18pt equ. for latestnews heading */
        margin:0 0 0.5em 0;
}

.bottom_leftblock        ul {
        margin: 1em 0px;
}

.bottom_leftblock        li {
        display:inline;
}

.bottom_leftblock        ul li ul {
        margin: 1em;
}

.bottom_leftblock        ul li ul li {
        display:block;
}

.footer_text {
        text-align:right; font-size:0.8em; margin-right:15px;
}

.main_content {
        width:568px;
        float:right;
        background-color:#191b1c;
        margin: 0px 0px 6px 6px;
        position:relative;
}

.main_content h2 {
        color:#fff;
}

div.news_2ndlevel {
        clear:both;
        margin:1em 0pt 1em 154px;
}

.news_2ndlevel img {
        float:left;
        margin:0 0 2em -129px;
        width:94px;
        height:94px;
        border:3px solid #FFFFFF;
}

h2.officina {
        font-size:2.5em;
        margin:3px 5px 15px 12px;
        color:#5499DF;
        letter-spacing:-2px;
}

.news_2ndlevel h2.officina {
        margin-left:0;
}

#content_holder {
/*        padding: 5px 20px 20px 25px;*/
        margin-left:50%;
}

.column_right {
/*        padding: 5px 20px 20px 25px;*/
        margin-left:50%;
        padding-left:1em;
        padding-right:1em;
}

.column_left {
/*        padding: 5px 20px 20px 25px;*/
        width:50%;
        float:left;
}

.column_full {
/*				padding: 5px 20px 20px 25px;*/
        width:100%;
        float:left;
}

.column_right_abs {
/*        padding: 5px 20px 20px 25px;*/
        width:50%;
        float:right;
        position:relative;
}

.prevnext .column_left_abs {
        padding-top:0;
}

.column_left_abs {
/*        padding: 5px 20px 20px 25px;*/
        width:50%;
        float:left;
        position:relative;
        padding-top:5.5em;
}

.column_right_solo {
        width:50%; margin-left:50%;
}

.column_left_abs img {
        margin:0 0 12px 12px;
        border:#ffffff 3px solid;
}

.column_left_abs  h2,
.column_left_abs  p,
.column_right_abs h2,
.column_right_abs p,
.column_full h2,
.column_full p,
.column_left_abs  ul,
.column_right_abs ul,
.column_full ul,
.column_left_abs  div.adr,
.column_right_abs div.adr,
.column_full div.adr  {
        margin-left: 12px;
        margin-right: 12px;
}
.column_right_abs img.left {
        left:-271px;
        position:absolute;
        border:#ffffff 3px solid;
}

.column_right_abs li {
	list-style: disc;
	margin: 10px 10px 10px 15px;
}

#content_holder2 {
        position:absolute;
        top:30px;
        left:12px;
        width:45%;
}

#bottom_quad {
        margin-bottom:12px;
}

#content_holder2 .hbeam {
        margin-bottom:19px
}

#content_holder h3 {
        font-size:1.6em;
        margin:1em 0 5px 0;
        color:#CCC;
        font-size:2.5em;
        text-align:left;
}

#content_holder h4 {
        margin: 1em 0;
}

/*
#content_holder*/ p {
        line-height:1.5em;
        letter-spacing:normal;
        margin:1em 0px;
}

.left_image {
        float:left;
        margin-left:-270px;
}
#content_images {
        position:absolute;
        top:30px;
        left:12px;
        width:45%;
}

#content_images img {
        border: 3px solid #fff;
        margin: 2em 0 0 0;
}

/* curly quotes */
blockquote { margin:0px;         font-size:180%;}
#content_holder blockquote p { padding-bottom : 0;        margin:0px;         font-family: Arial;
        font-style: italic;  }
.quote p:first-child:before { content: url(../images/bq_p.png); margin-right : 5px; }
.quote p:first-child:after { content: url(../images/bq_p_p.png); margin-left : 6px; }

em {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        color: #FFFFFF;
}

#header_links li {
        padding:1px;
}

a {
        text-decoration:underline;
        color:#ccc;
}

a:visited {
        color:#aaa;
}

a:hover {
        color:#FFFFFF;
}

#header_links a, .footer_text a {
        color:#777;
        text-decoration:none;
        position:relative;
        top:3px;
        font-weight:bold;
}

#header_links a:hover, .footer_text a:hover {
        /*
position:relative;
        left:-1px;
        top:2px;
*/
        padding:0px;
        color:#CCCCCC;
        font-weight:bold;
}

ul.links {
        display:list-item;
}

ul.links li {
        margin:0px;
        padding:0px;
}

ul.links a {
        color:#777;
        text-decoration:none;
        position:relative;
        top:3px;
        font-weight:bold;
        display:block;
        margin: 10px 0px 15px 0px;
}

ul.links a:hover {
/*
        position:relative;
        left:-1px;
        top:2px;
*/
        padding:0px;
        color:#CCCCCC;
        font-weight:bold;
}

hr.dotted {
        background: url(../images/line.gif) repeat-x top center;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/line.gif');
        width: 1px;
        height: 1px;
        border: 0;
        margin:2em 0;
}
* > hr.dotted
{  width: 100%;
  height: 10px;
}

.hbeam {
        height:5px;
        background-image:url(../images/h-beam.gif);
        background-repeat:repeat-x;
        border:1px solid #5E6061;
        border-style: none solid;
        overflow:hidden;
        margin:2em 1em;
}

div.bottom_leftblock .hbeam {
/*        position:relative;
        left:-5px;*/
        margin:1em 1em 1em 0px;
}

.frontpage4 .hbeam{
        margin:0pt 1em 1em 0pt;
}

/* FORMS */
form#contact label {
        width:144px;
        float:left;
        margin:2px 0;
}

form#contact input{
        margin:2px 0;
}

form#contact textarea {
        margin:2px 0;
        width:254px;
        height:90px;

}

address {
font-style:normal;
}

.prevnext {
        padding-top:6px;
        margin-bottom:0;
}

.prevnext img{
        border:none;
        padding:0;
        margin:0 0 6px 0;
}

.prevnext a{
        text-decoration:none;
}

.prevnext h2{
        margin-bottom:6px;
        margin-top:6px;
}

.prevnext .column_left_abs img {
        float:left;
}

.prevnext .column_left_abs h2 {
        padding-left:30px;
}

.prevnext .column_right_abs img {
        float:right;
}

.prevnext .column_right_abs h2 {
        padding-right:30px;
}

#index .bottom_leftblock{
/*
        top:500px;
*/
position:static;
}

.frontpage4{
        float:left;
        margin-right:5px;
		position:absolute;
		clear:none;
}
.frontpage4_last{
        float:right;
        margin:0;
}

div.bottom_leftblock a {
        position:relative;
		top:-4px;
}

div.bottom_leftblock a img{
        position:relative;
		top:8px;
}



h2 a {
        text-decoration:none;
}

div.column_left_abs .hbeam {
        margin-top:3em;
        margin-bottom:1em;
        width:260px;
        position:absolute;
        top:-1px;
}


a.rolly {display:block; width:248px; height:110px; background-position:0 -110px; background-repeat:no-repeat; text-decoration:none; text-indent:-9999px}
a:hover.rolly, #websites a.rollywebsites, #design a.rollydesign, #consultancy a.rollyconsultancy {background-position:0 0;}

.midthird h2 {margin:0}