@charset "UTF-8";
/* CSS Document */

/* global styles */

body { background:url(../images/bg-page.gif) repeat-x #f1f1f1; margin:0; padding:0; font-family:'Helvetica', 'Arial', sans-serif; font-size:12px; color:#333; line-height:20px;}

p { margin:0 0 18px 0; padding:0;}

h1 { font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:24px; letter-spacing:1px;}
h2 { font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:18px; letter-spacing:1px; margin:0 0 4px 0;}

img  {
border:none;
}

a, a:visited, a:active { text-decoration:none; color:#000000;}
a:hover { color:#ff1b00;}


#globalwrapper { margin:0 auto; width:990px;}



/* HEADER */

#header { width:990px; float:left;margin:0 0 40px 0;}
#logotag { width:550px; float:left;}


#header_contact { float:right; text-align:right;font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:14px; color:#666;}



/* MAIN NAVIGATION */
#mainnav { width:480px; float:right; height:85px;}
#mainnav span { display:none;}
#mainnav ul { margin:0; padding:0;}
#mainnav ul li { list-style:none; display:inline;}
#mainnav00, #mainnav01, #mainnav02, #mainnav03, #mainnav04, #mainnav05, #mainnav06 {display:block; float:left;height:85px;}

#mainnav00 {width:61px; background: url(../images/fm-mainnav.gif);}
#mainnav00:hover { background: url(../images/fm-mainnav-over.gif);}

#mainnav01 {width:91px; background: url(../images/fm-mainnav.gif) -61px;}
#mainnav01:hover { background: url(../images/fm-mainnav-over.gif) -61px;}

#mainnav02 {width:91px; background: url(../images/fm-mainnav.gif) -152px;}
#mainnav02:hover { background: url(../images/fm-mainnav-over.gif) -152px;}

#mainnav03 {width:97px; background: url(../images/fm-mainnav.gif) -243px;}
#mainnav03:hover { background: url(../images/fm-mainnav-over.gif) -243px;}

#mainnav04 {width:58px; background: url(../images/fm-mainnav.gif) -340px;}
#mainnav04:hover { background: url(../images/fm-mainnav-over.gif) -340px;}

#mainnav05 {width:62px; background: url(../images/fm-mainnav.gif) -398px;}
#mainnav05:hover { background: url(../images/fm-mainnav-over.gif) -398px;}


/* CURRENT PAGE SELECTION - Main Sections */

#page_home a#mainnav00 { background: url(../images/fm-mainnav-current.gif); cursor:default; }
#page_home a#mainnav00:hover { background: url(../images/fm-mainnav-current.gif); cursor:default; }
#page_portfolio a#mainnav01 { background: url(../images/fm-mainnav-current.gif) -61px; }
#page_portfolio a#mainnav01:hover { background: url(../images/fm-mainnav-current-over.gif) -61px; }


/* WELCOME */

#welcome { background:#fff; width:950px; padding:20px; float:left; margin:0 0 20px 0;}
p#welcome_title {font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:34px; color:#333; padding:0 0 16px 0; margin:0;line-height:34px;}
span#welcome_text { font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:22px; color:#444; line-height:25px;}
p#welcome_text_sm { font-size:17px;line-height:22px;}


/* WELCOME CLIENTS-PROJECT-CONTACT FORM WRAPPER */

#welcome_wrapper1 { float:left;}
#welcome_clientlist {background:#fff; width:170px; height:490px; padding:18px 20px; float:left; line-height:22px;}
#welcome_clientlist p { margin:0 0 0 0;}
p#title_clients {font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:24px; margin:0 0 18px 0;}

p.nolink { color:#777;}

#welcome_wrapper1_1 { margin:0 0 0 10px; float:right; width:770px;}

#featuredwork { padding:18px;margin:0 0 10px 0; background:#fff; height:490px;}
#title_featuredwork {font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:24px;}
#pic_featuredwork{float:left; margin:0 20px 0 0; border:1px solid #ccc;}
#projectname_featuredwork{font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:18px;}




/* CLIENTS */
#navprojectscontainer {float:left;width:960px; margin:0; padding:0;}


ul#navprojects {margin:0; padding:0;}
 
ul#navprojects li { 
display:inline; float:left;
 list-style:none;
 padding:10px 15px 25px 0;
 /*background-color:#252525;*/
 border:none;
 font-family:Tahoma, Arial Narrow;
font-size:10px;
color:#333;

}

#navprojects li.last {padding:10px 0 25px 0;}

#navprojects li img { width:180px; height:80px; padding:0 0 4px 0;}


#navprojects li { color:#999;}
#navprojects li:hover { color:#ccc; cursor:pointer;}


/* CLIENTS - PROJECTS */

#clientlist {background:#fff; width:170px; height:490px; padding:18px 20px; float:left; line-height:22px;}
#clientlist p { margin:0 0 0 0;}
p#title_clients {font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:24px; margin:0 0 18px 0;}

#projects_wrapper { margin:0 0 0 10px; float:right; width:770px;}

#projectbox1 { padding:18px;margin:0 0 10px 0; background:#fff; float:left;}
#title_projectclient {font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:24px;}
#pic_project{float:left; margin:0 20px 0 0; border:1px solid #ccc;}
#projectname{font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:100; font-size:18px;}
















#contentwrapper { width:990px;float:left;}
/* leftnav */
#leftnav { float:left;}

/* content */
#maincontent { float:right;}









/* FOOTER */

#footer_container { float:left; width:100%; background:#222; margin:10px 0 0 0; color:#666; font-size:11px;}
#footer_boxes { margin:20px auto; width:990px; font-size:14px;}
#footer_boxes h1, #footer_boxes h2 { color:#888;}
#footer_box1, #footer_box2, #footer_box3 { float:left;}
#footer_box1 { width:250px;}
#footer_box2 { width:370px; margin:0 20px 0 0;}
#footer_box3 { width:350px;}
#footer_notice {margin:0 auto; width:990px; padding-top:10px; display:block;}