/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* BRYMAS
* Filename: style.css
* Version: 1.0.0 (21-06-2008) DD-MM-YYYY
* Website: http://www.brymas.com/
* Author: Dave Musgrove
* Description: Handles the site layout.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* _Body
==========================================*/

html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	background: #fcfcfd;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 100%;
}
p { 
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif; 
	line-height: 17px; 
	font-size: 12px;
	margin: 0 0 12px 0; 
}
img { border: 0px; }


form { background: #fff; } 
input { background: #fff; margin: 0; padding: 0; border: 0; }



/* _Wraps
==========================================*/

#wrap { margin: 50px auto 0 auto; width: 900px; position: relative; }
#header-wrap { width: 608px; margin: 0 0 0 auto; height: 370px; background: url(../images/back-tile.gif) repeat-y; }
#divider-wrap { margin: 0 auto; height: 6px; background: #444; background: url(../images/back-divider.gif) repeat-y; font-size: 0; }
#content-wrap { width: 608px; background: url(../images/back-tile.gif) repeat-y; position: relative; }


/* _Containers
==========================================*/

#logo { width: 231px; height: 87px; position: absolute; top: 8px; left: 9px; }
#top-menu { height: 34px; }
#header { height: 328px; padding-left: 9px; overflow: hidden; }

#info-block { width: 301px; height: 182px; background: url(../images/back-info.gif) no-repeat; position: absolute; top: 0; right: -292px; }
#contact-block { width: 260px; height: 104px; background: url(../images/contact-icon.gif) no-repeat; position: absolute; top: 195px; right: -275px; }
#contact-block p { padding-left: 40px; font-size: 12px; line-height: 17px; }
#contact-block p a { color: #f70; text-decoration: none; }
#contact-block p a:hover { color: #27588b; }

#text-block-main { padding: 40px 40px 20px 40px; }
#text-block-main .para2 { line-height: 20px; }
#text-block-main .block-image { margin-left: -31px; }

#footer { width: 600px; padding-left: 9px; height: 48px; background: url(../images/tile-cap-bottom.gif) no-repeat; }
#footer p { padding: 50px 9px 0 0; font-size: 11px; text-align: right; }
#footer p span { float: left; }
#footer p a { color: #f70; text-decoration: none; }
#footer p a:hover { color: #27588b; }


.tile-cap-top { height: 8px; background: url(../images/tile-cap-top.gif) no-repeat; font-size: 0; }


/* _Navigation
==========================================*/

#nav-block { width: 301px; height: 262px; background: url(../images/back-nav.jpg) no-repeat; position: absolute; top: 108px; left: 0; }
#nav-block p { padding: 22px 0 0 70px; color: #fd7; font-size: 13px; line-height: 24px; margin: 0; font-weight: bold; }
#nav-block p a { color: #fff; text-decoration: none; }
#nav-block p a:hover { color: #fd7; }


/* _Images
==========================================*/




/* _Forms
==========================================*/