/* =================================================== */


body {
background-color:#2c2c2c;
font-family:arial;
color:white;
}

a {
color:#666666;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.clear {
clear:both;
}


/* =================================================== */
/* --- PAGE --- */
#wrapper {
margin: 44px auto;
width: 1020px;
}

/* =================================================== */
/* --- COLUMNS --- */

#leftcol {
display:inline;
float:left;
width:458px;
}

#rightcol {
display:inline;
float:left;
margin-left:90px;
padding-top:42px;
width:458px;
}


/* =================================================== */

/* --- LOGO --- */
#logo {
font-family:sans-serif;
font-size:22px;
margin-bottom:16px;
}

#left_logo {
color:#FFFFFF;
}

#right_logo {
color:#A2A848;
}

/* =================================================== */

/* --- LEFT SIDE CONTENT --- */
#larger_image {
margin-bottom:16px;
}

#flavour {
color:#666666;
font-size: 14px;
}




/* =================================================== */

/* --- LEFT SIDE CONTENT --- */

#content {
height:453px;
margin-bottom:16px;
}


#top_content {
font-weight:bold;
font-size:18px;
padding:0;
margin:0;
}

#bottom_content {
font-size:15px;
}


#nav {
display:inline;
float:right;
color:#666666;
font-size: 14px;
}

#nav a{
color:#666666;
}


/* =================================================== */
/* --- PAGE: INDEX --- */

#index #leftcol{
width:auto;
}

#index #flavour {
float:right;
color:#666666; 
font-size:12px;
margin-right:7px;
margin-top:5px;
}

#index #wrapper {
width:1020px;
}

#remotetext {
color:#2C2C2C;
}

/* =================================================== */
/* --- PAGE: PORTFOLIO --- */

#portfolio #content {
margin-bottom:5px;
}

#portfolio #bottom_content {
}

#portfolio .portfolio_image img{
float:left;
display:inline;
padding-left:7px;
padding-bottom:7px;
}

#portfolio #nav {
margin-top:11px;
}

.portfolio_image {

}

#portfolio #flavour {
font-size:16px;
color:#2c2c2c;
}



/* =================================================== */
/* --- PAGE: PROJECT --- */
#project #content {
margin-bottom:12px;
}

#project #top_content {
font-size:16px;
margin:0;
padding:0;
font-weight:normal;
}

#project #bottom_content {
font-size:12px;
height:287px;
overflow:hidden;
margin-bottom:19px;
}

#project #imagebox { 

}

#project #nav {
margin-top:18px;
}


#project .image img{
float:left;
display:inline;
padding-left:7px;
margin-top:2px;
}

#project #flavour {
font-size:18px;
font-weight:bold;
}


/* =================================================== */
/* --- PAGE: CONTACT --- */

#contact #content a{
color:#FFFFFF;
}

#contact #bottom_content {
margin:0;
}

#contact h2 {
font-weight:normal;
}


/* =================================================== */
/* --- PAGE: APPROACH --- */

#approach #content a{
color:#FFFFFF;
}

#approach #bottom_content {
}

#approach h2 {
font-weight:normal;
font-size:16px;
}


/* =================================================== */