/*------------------------------------------------------------------
[Master Stylesheet]

Project: Fischer Landscape
Author: Scott Lively <scott@livelywebdesign.com>
Version: 1.1
Last change: 08/24/2010
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Navigation   [#nav_main]
3. Content      [#content]
4. Footer       [#ftr]
5. Error
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height:100%; margin:0 0 1px; min-height:101%; padding:0; }

body {
    background-color:#FFF;
    color:#222;
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
    line-height:16px;
    text-align:left;
    word-spacing:0px;
}

a { color:#666; text-decoration:underline; }
a:hover { color:#D30B16; }

h1 { font-size:22px; font-weight:normal; line-height:36px; padding:2px 0px; }

ol, ul { padding-left:18px; }

p { padding:4px 0px; }
p.title { border-bottom:1px solid #CDCDCD; color:#D30B16; font-size:16px; font-style:italic; font-weight:bold; line-height:18px; padding:1px 0px; }

#top_background { background:url(../images/bg-top.jpg) repeat-x; width:100%; }
#wrapper { background:url(../images/wrapper.jpg) repeat-y; margin:auto; width:800px; }
#main_container { background:url(../images/bg-main.jpg) no-repeat top center; width:800px; }

#logo { float:left; height:156px; width:380px; }

.red { color:#D30B16; }

/*------------------------------------------------------------------
[4. Navigation ]
-------------------------------------------------------------------*/
#nav_main { background:url(../images/bg-navmain-3.jpg) no-repeat; float:right; height:74px; width:412px; } /* background:url(../images/bg-navmain-4.jpg) no-repeat;  for 4 main navigations */
#nav_main ul { margin:0px; padding:0px 0px 0px 4px; }
#nav_main ul li { display:inline; list-style-type:none; }
#nav_main ul li a { display:block; float:left; height:74px; padding-left:6px; text-decoration:none; width:96px; }

/*------------------------------------------------------------------
[4. Content ]
-------------------------------------------------------------------*/
#left_container { float:left; width:380px; }
#right_container { float:right; width:420px; }

.left_content { padding:8px 0px 0px 40px; }
.right_content { padding-left:50px; }

#pic_frame { background:url(../images/bg-pic-frame.jpg) no-repeat; height:244px; padding:40px 0px 0px 54px; width:342px; }

.timefor_container { border-bottom:1px solid #DEDEDE; padding:8px; }
#calendar { background:url(../images/bg-calendar.gif) no-repeat; float:left; font-family:Arial, Arial, Helvetica, sans-serif; font-weight:bold; height:60px; width:60px; }
#calendar p.month { color:#FFF; font-size:8px; padding:7px 0px 0px 8px; }
#calendar p.day { font-size:18px; padding:7px 0px 0px 19px; }
#timefor_title { float:left; text-align:center; width:294px; }

#timefor_thumb { float:left; height:60px; padding-left:2px; width:60px; }
#timefor_intro { float:left; font-size:12px; line-height:15px; width:292px; }
#timefor_intro p { padding:0px 8px; }

#services_list ul { padding-left:30px; }

.services_container { border-bottom:1px solid #DEDEDE; font-size:12px; padding:6px 4px; }
.services_thumb { float:left; height:70px; width:93px; }
.services_intro { float:left; padding:0px 4px; width:200px; }
.services_intro p { padding:0px; }

#album_container { padding-top:6px; width:340px; }
.album_thumb_container { float:left; margin-bottom:18px; text-align:center; width:113px; }

.contact_form { padding:4px 0px; width:334px; }
input.text, textarea.text, select { border-color:#666; border-width:2px 1px 1px 2px; width: 334px; }

/*------------------------------------------------------------------
[3e. Content - Pagination (page flipper) ]
-------------------------------------------------------------------*/
#paginator_container { background-color:#FFF; border:1px solid #999; color:#222; padding:4px; }
#pages, .paginator a, .paginator_current { background-color:#FFF; border:1px solid #999; float:left; font-size:10px; margin:0px 2px; padding:4px 6px; }

.paginator a { color:#222; display:block; text-decoration:none; }
.paginator_current, .paginator a:hover { background-color:#D30B16; border:1px solid #222; color:#FFF; }

/*------------------------------------------------------------------
[4. Footer ]
-------------------------------------------------------------------*/
#ftr { font-size:12px; margin:auto; text-align:center; width:800px; }
#nav_ftr { border-top:1px solid #CDCDCD; padding:6px 0px; }
#nav_ftr a { text-decoration:none; }

#bottom_background { background:url(../images/bg-bottom.jpg) repeat-x; color:#FFF; font-size:12px; height:27px; padding-top:10px; text-align:center; width:100%; }
#bottom_background a { color:#FFF; text-decoration:none; }
#bottom_background a:hover { color:#CDCDCD; }

/*------------------------------------------------------------------
[5. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errName, #errAddress, #errPhone, #errEmail, #errHearAbout { color:#CC0000; font-style:italic; }