/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
  Style Sheet
  version 2007.06
  
  author: ousama itani
  e-mail: ousama@canarybreeze.com
  client: Canary Breeze
  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/* =General styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
body{
position:relative;
margin:0;
padding:0;
background:#fdf5d0;
font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;
color:#262e06;
}
#wrapper{
position:relative;
width:100%;
margin: 0 auto;
/*right:0;
background:url(../inprogress.gif) no-repeat top center;*/
}
a:link,a:visited{
text-decoration:underline;
color:#3f8696;
}
a:hover,a:active{
text-decoration:none;
color:#262e06;
}

/* =Masthead styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#masthead{
position:relative;
height:7em;
border-bottom:3px solid #87944d;
margin-bottom:0;
margin:0 auto;
background:#fdf5d0 url(../images/rudimentary.gif) bottom center repeat-x;
}
#content h1{
font-size:6em;
padding:0;
margin:0;
position:absolute;
left:10%;
text-transform:lowercase;
color:#87944d;
}
#content h1 span{
position:relative;
left:-1.15em;
top:.85em;
color:#55611f;
}

/* =Content styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#content{
position:relative;
border-bottom:3px solid #87944d;
padding-bottom:2em;
padding-top:2em;
background:#bec891 url(../images/below.gif) bottom center repeat-x;
width:100%;
height:13.5em;
/*width:760px;
margin:0 auto;*/
}
#content p{
color:#55611f;
font-size:1.25em;
text-indent:1.5em;
text-align:justify;
margin:0;
width:50%;
position:relative;
left:10%;
padding:1em;
border:3px solid #87944d;
background:#ffe7ab;
}
#content p strong{
color:#3f8696;
}
#content #temp{
float:right;
clear:right;
width:35%;
margin-top:1em;
position:relative;
top:1em;
left:-10%;
}
#content br{
clear:both;
}

/* =Navigation styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#navigation{
position:absolute;
top:2em;
right:10%;
width:20%;
display:block;
float:right;
height:9.25em;
border:3px solid #ffd35f;
background:#55611f url(../images/canaryface.gif) center center no-repeat;
margin-bottom:.5em;
}

/* =Quicklinks styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#quicklinks{
display:block;
float:left;
clear:left;
width:37.5%;
height:5em;
border:3px solid #3f8696;
background:#87944d url(../images/swaths.gif) center center no-repeat;;
margin-left:10%;
margin-top:1.25em;
margin-right:0;
}

/* =Footer styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#footer{
background:#fdf5d0;
}
#footer h6{
position:relative;
left:10%;
color:#87944d;
font-size:.75em;
margin:0;
padding:0;
}