I need help to change a drop down on a model

Hello

Ive been using dreamwearver on and since a few years now and get about by, ive come to buy a model of website and well that Ive managed to adjust most of the things.

the model had a drop down menu using CSS currently on the option 'about' a submenu down, ive been working on how to add this menu and change the words

But what I can't do, is have this same drop-down list on a different part or the menu system for example I would like another menu drop-down on the part "our menu".

any help would be appreciated

Here is the source code

Ive got a few codes js for but I'm not sure if use the menu system

<! DOCTYPE html >

< html lang = "en" >

< head >

< title > < / title >

< meta charset = "utf-8" >

< link rel = "stylesheet" href = "css/reset.css" type = "text/css" media = "screen" > "

< link rel = "stylesheet" href = "css/style.css" type = "text/css" media = "screen" > "

< link rel = "stylesheet" href = "css/grid.css" type = "text/css" media = "screen" > "

< link rel = "icon" href = "images/favicon.ico" type = "image/x-icon" > "

< link rel = "shortcut icon" href = "images/favicon.ico" type = "image/x-icon" / > "

"< link rel ="stylesheet"href="css/ui.totop.css "type =" text/css"media ="screen">

"< script src="js/jquery-1.7.min.js "type =" text/javascript"> < / script >

< script src = "js/superfish.js" type = "text/javascript" > < / script > "

< script src = "js/script.js" type = "text/javascript" > < / script > "

"< script src="js/jquery.hoverIntent.js "type =" text/javascript"> < / script >

"< script src="js/tms-0.3.js "type =" text/javascript"> < / script >

< script src = "js/tms_presets.js" type = "text/javascript" > < / script > "

"< script src="js/jquery.ui.totop.js "type =" text/javascript"> < / script >

"< script src="js/jquery.easing.1.3.js "type =" text/javascript"> < / script >

<!-[if lt IE 8] >

< div style = "clear: both; text-align: center; position: relative; ">

" < a href =" http://Windows.Microsoft.com/en-us/Internet-Explorer/products/IE/home?OCID=ie6_countdown_b annercode "> "

                  <img src=" http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg "border ="0"height ="42"width ="820"alt ="you are using an outdated browser. For a faster, safer browsing experience, upgrade for free today. » / >

< /a >

< / div >

<! [endif]-->

<!-[if lt IE 9] >

< script type = "text/javascript" src = "js/html5.js" > < / script >

<! [endif]-->

< / head >

< body id = "page1" >

<!--=========================================header======================================= ======-->

< header >

< div class = "bg-1" >

< div class = 'hand' >

< div class = "container_24" >

< div class = 'wrapper' >

< section class = "grid_24" >

< h1 > < a href = "index.html" > Alexander < /a > < / h1 > ""

< / item >

< / div >

< section class = "grid_24" >

< nav >

< ul class = "menu" >

< li > < a class = "active" href = "index.html" > home < span > < / span > < /a > < /li >

< li > < a href = "menu.html" > our menu < span > < / span > < /a > < /li > ""

< li > < a href = "us.html" about > us < span > < / span > < /a >

< ul >

< li > < a href = "#" > story < /a > < /li >

< li > < a href = "#" > Gallery < /a >

< li > < a href = "#" > weddings < /a > < /li >

< /ul >

< /li >

< li > < a href = "reservation.html" > booking < span > < / span > < /a > < /li >

< li > < a href = 'contact us.html' > contacts < span > < / span > < /a > < /li >

< /ul >

< div class = "clear" > < / div >

< / nav >

< div class = "clear" > < / div >

< div class = 'wrapper' >

< div class = "col-1 bg - 2" >

< div >

< h3 > WELCOME TO < span > BALOOS </span > < / h3 >

< / div >

< div >

< div class = "color-1" >

< p > in Henfield, Baloos is the creation of the chef and restaurateur Chris and Amanda. Chris & rsquo; passion for food using fresh, local and seasonal produce combined with Amanda & rsquo; charm of front-of-house friendly s and personal touch to Baloos the perfect place for lunch or dinner.                                               < /p >

< / div >

< a href = "#" class = "button 1" > < span > read more </span > < /a >

< / div >

< / div >

< div class = "col-2" >

< div class = "slider_bg" >

< div class = "slider" >

< ul class = "items" >

< li > < img src = "images/slider_1.jpg" alt ="" > < /li > "

< li > < img src = "images/slider_2.jpg" alt ="" > < /li > "

< li > < img src = "images/slider_3.jpg" alt ="" > < /li > "

< li > < img src = "images/slider_4.jpg" alt ="" > < /li > "

< /ul >

< / div >

< / div >

< / div >

< / div >

< / item >

< div class = "clear" > < / div >

< / div >

< / div >

< / div >

< / header >

<!--==============================content================================-->

< id article 'content' = >

< div class = "bg-3" >

< div class = "bg-4" >

< div class = 'hand' >

< div class = "container_24" >

< div class = 'wrapper' >

< section class = "grid_24" >

< div class = "wrapper border-1 margin-bot3" >

< section class = "grid_6 suffix_2 alpha" >

< h4 class = "dash top margin-bot1" > restaurant hours < / h4 >

< div class = "border of lh-1 color-3-2" >

< strong class = "title-3 d-block margin-bot2" > Bar < facilities >

11:30 - Sunday-Thursday 08:30 < br >

11:30-09:00 Friday and Saturday

< / div >

< div class = "border of lh-1 color-3-2" >

< strong class = 'title-3 d-block margin-bot2' > lunch < facilities >

Mar - Sam. 12:00-14:00 < br >

No lunch Sunday

< / div >

< div class = "color-3 lh - 1" >

< strong class = 'title-3 d-block margin-bot2' > dinner < facilities >

6:00 - Tuesday to Saturday 09:30 < br >

Sunday 12:30 - 16:00

< / div >

< / item >

< section class = 'dash-top1 omega grid_16' >

< div class = 'wrapper' >

< class figure = 'img-dash-l' >

< img src = "images/page1_img1.jpg" alt ="" > "

< / figure >

< div class = "extra-wrap" >

< div class = "title 1" > welcome! < / div >

< div class = "color-4 lh" > < span class = 'color-3' > Moleacene anrit my hasese rayuaumso natoqu eagnis </span > < br >

Mte dulmuese feugiata lesua kery ecencies phaledaty Dist

fenanec sit amm ermeolor dapegetele mentum easer.

Baelursus eleifneanctor wisi and urna. Aliquam eravolutpatis

turpisntey yoleacene anritserauas miwert betyudes ty. < / div >

< div class = "heading 2" > Manager < / div >

< class figure = 'sign' >

< img src = "images/page1_img2.png" alt ="" > "

< / figure >

< / div >

< / div >

< / item >

< / div >

< div class = "wrapper border-1 dash-top" >

< section class = "grid_7 suffix_1 alpha" >

< h4 class = "margin-bot4" > subject BALOOS < / h4 >

< strong class = "color-3 size-1 reg" > Moleacene maha deyuas < facilities > anrit

< div class = "margin-bot" > Cum worried natoqu eagn dist mte dulm uese feugiata lesu kery lecenas stricies phaledatyfec sim easer realising. < / div >

< a href = "#" class = "button 2" > < span > read more </span > < /a >

< / item >

< section class = "omega grid_16" >

< h4 class = "margin-bot" > RECOMMENDED dishes, OUR of the MONTH < / h4 >

< div class = 'wrapper bot3 margin' >

< section class = "alpha grid_8" >

< div class = 'wrapper' >

< class figure = "img-dash-2" >

< img src = "images/page1_img3.jpg" alt ="" > "

< / figure >

< div class = "dash-top2 extra-wrap" >

< a href = "#" class = "color-6 link2" > < /a > < br > grilled fish

Kery lecenas stricies phaledatyfenanec sit amm easer realising. UT dolor dapege telementum ts.

< / div >

< / div >

< / item >

< section class = "omega grid_8" >

< div class = 'wrapper' >

< class figure = "img-dash-2" >

< img src = "images/page1_img4.jpg" alt ="" > "

< / figure >

< div class = "dash-top2 extra-wrap" >

< a href = "#" class = "color-6 link2" > chicken Quesadilla < /a > < br >

lesuada kercenas stricies phatyfenanec sit WMA RM easer. UT dolor dapege telementum ts.

< / div >

< / div >

< / item >

< / div >

< a href = "#" class = "button 3" > < see all recipes span > </span > < /a >

< / item >

< / div >

< / item >

< / div >

< / div >

< / div >

< / div >

< / div >

< / section >

<!--==============================footer================================-->

<>footer

< div class = 'hand' >

< div class = "container_24" >

< div class = "wrapper dash-bottom" >

< section class = "grid_14" >

< nav >

< ul class = "menu2" >

< li > < a class = "active" href = "index.html" > home < /a > < /li >

< li > < a href = "menu.html" > our menu < /a > < /li > ""

< li > < a href = "us.html" about > us < /a > < /li >

< li > < a href = "reservation.html" > book < /a > < /li >

< li > < a href = 'contact us.html' > contacts < /a > < /li >

< /ul >

< / nav >

< / item >

< section class = "grid_10" >

< div class = "dash-top3" >

< div class = 'border-3 prefix_1' >

< div class = "Title 4" > find us on Social Network: < / div >

< class p = 'size-2 p0-7 color' > Bayarsety kertya aset aplicaboes kerasaer < /p >

< ul class = "soc_list" >

< li > < a href = "#" > < img src = "images/soc_1.png" alt ="" > < /a > < /li > "

< li > < a href = "#" > < img src = "images/soc_2.png" alt ="" > < /a > < /li > "

< li > < a href = "#" > < img src = "images/soc_3.png" alt ="" > < /a > < /li > "

< li > < a href = "#" > < img src = "images/soc_4.png" alt ="" > < /a > < /li > "

< li > < a href = "#" > < img src = "images/soc_5.png" alt ="" > < /a > < /li > "

< /ul >

< / div >

< / div >

< / item >

< / div >

< div class = 'wrapper border-4' >

< section class = "aligncenter grid_24 down" >

BALOOS & copy; 2013 & bull; < a href = "Privacy.html" class = "link2" > < /a > privacy statement & bull; "

< span class = "d-block" > <!-{% FOOTER_LINK}-> </span >

< / item >

< / div >

< / div >

< / div >

< / footer >

< script type = "text/javascript" >

$(window) .load (function () {}

$('.slider')._TMS ({}

Duration: 800,

Preset: "simpleFade."

pagination:true,//'.pagination',true, "/ul > < ul > <.

pagNums:false,

Slideshow:7000,

})

})

< /script >

< / body >

< / html >

HERE IS THE CODE OF CCS

@import url (http://fonts.googleapis.com/css?family=Amethysta);

@import url (http://fonts.googleapis.com/css?family=Mr+De+Haviland);

@import url (http://fonts.googleapis.com/css?family=Mr+Dafoe);

/ * Get the new tags behave * /.

Article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display: block ;}}

brand, rp, rt, ruby, summary, time {display: inline ;}}

/* Global properties ======================================================== */

HTML {width: 100% ;}}

HTML, body {height: 100% ;}}

{body

do-family: Arial, Helvetica, without serif.

Color: #666666;

min-width: 960px;

background: #efefef;

do-size: 14px;

line-height: 22px;

}

.main {}

Width: 960px;

padding: 0;

Auto margin: 0;

position: relative;

}

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

a: hover {text-decoration: none ;}}

. Link {text-decoration: underline ;}}

. Link2:hover {text-decoration: underline ;}}

. Wrapper {width: 100%; overflow: hidden ;}}

.extra-wrap {overflow: hidden ;}}

p {margin-bottom: 22px ;}}

. P0 {margin-bottom: 0 ;}}

. P1 {margin-bottom: 0 ;}}

.d-block {display: inline-block ;}}

.d-block {display: block ;}}

.reg {text-transform: uppercase ;}}

.rel {position: relative ;}}

. FLeft {float: left ;}}

. Fright {float: right ;}}

. AlignRight {text-align: right ;}}

.AlignCenter {text-align: center ;}}

.img-dash-l {float: left; 39px margin: 0px 0px 0px ;}}

.img-dash-2 {float: left; 32px margin: 0px 0px 0px ;}}

.img-Dash-3 {float: left; margin: 6px 32px, 0px 0px ;}}

/*********************************boxes**********************************/

. Indent {padding: 0 ;}}

. Left-indent {padding-left: 0 ;}}

. Low-indent {padding-bottom: 25px ;}}

. Indent-right {padding-right: 0 ;}}

. Indent-top {padding-top: 39px ;}}

. Indent-top1 {padding-top: 37px ;}}

. Indent-top2 {padding-top: 6px ;}}

. Indent-top3 {padding-top: 29px ;}}

. Indent-top4 {padding-top: 40px ;}}

. Indent-top5 {padding-top: 8px ;}}

. Margin-top {margin-top: 0 ;}}

. Margin-bot {margin-bottom: 33px ;}}

. Margin-bot1 {margin-bottom: 26px ;}}

. Margin-bot2 {margin-bottom: 9px ;}}

. Margin-bot3 {margin-bottom: 29px ;}}

. Margin-bot4 {margin-bottom: 23px ;}}

. Margin-bot5 {margin-bottom: 19px ;}}

. Margin-bot6 {margin-bottom: 11px ;}}

. Margin-bot7 {margin-bottom: 42px ;}}

. Margin-left {margin-left: 0 ;}}

. Margin-right {margin-right: 20px ;}}

. Margin-right1 {margin-right: 30px ;}}

/*********************************header*************************************/

{to header

Width: 100%;

Background: url (.. / images/header.jpg) top Center no repeat #282829;

}

H1 {}

Padding: 32px 0 23px 299px;

}

H1 a {}

Display: block;

text-indent:-9999px;

Background: url (.. / images/logo.png) no-repeat 0 0;

Width: 316px;

height: 86px;

}

/ * menu * /.

header nav}

float: left;

Background: url (.. / images/menu_r.png) 38px no-repeat; right

Width: 100%;

}

.menu {}

float: left;

Padding: 9px 0 8px 84px;

position: relative;

z-index: 20;

do-family: 'Amethysta', serif;

Background: url (.. / images/menu_l.png) 38px left no-repeat;

}

.menu li {}

float: left;

position: relative;

Background: url (.. / images/menu2.png) top left no-repeat;

Padding: 45px 24 PX 42px 27px;

}

.menu li: first - child {}

Background: none;

padding-left: 0;

}

.menu li a {}

Display: block;

do-size: 16px;

line-height: 20px;

color: #dbdada;

text-transform: uppercase;

z-index: 20;

}

.menu li a span {}

Display: block;

Width: 18px;

height: 9px;

Background: url (.. / images/sub.png) top left no-repeat;

position: absolute;

top:-999px;

left: 50%;

left margin:-9px;

}

.menu li: first - child a span {}

left margin:-33px;

}

.menu li.sfHover {}

position: relative;

z-index: 10;

}

.menu li a.active span,

. Menu > li > a: hover span,.

. Menu > li.sfHover > a span {}

top:-9px;

}

.menu ul {}

z-index: 20;

letter-spacing: normal;

position: absolute;

high:-9999em;

Width: 100px;

Background: url (.. / images/menu4.gif) left top repeat;

border: none;

box-shadow: 5px 5px 5px rgba (0,0,0,. 26);

Padding: 6px 20px 10px;

}

.menu ul ul {}

background-image: url (.. / images/menu5.gif);

}

.menu ul li {width: 100% ;}}

.menu li: hover {visibility: inherit ;}}

.menu li li {}

margin: 0;

border: none;

Padding: 9px 0 6px 0;

Background: url (.. / images/menu6.png) upper left horizontal;

}

.menu li li li {}

background-image: url (.. / images/menu7.png);

}

.menu li li: first - child {}

Background: none;

}

.menu li li a {}

Background: none;

display: block;

padding: 0 0 0 6px;

do-size: 14px;

line-height: 17px;

color:                              #fff;

}

.menu li li > a: hover,

.menu li li.sfHover > a {}

color: #b16167;

}

.menu li: hover ul, .menu li.sfHover ul {}

left:                              22px;

top:                              79px;

z index: 999;

}

UL.menu li: hover li ul, ul.menu li li.sfHover ul {}

top:                              -999em;

}

UL.menu li li: hover ul, ul.menu li li.sfHover ul {}

left: 100px;

top:                              -6px;

z-index: 99;

}

UL.menu li li: hover ul li ul {} li li.sfHover ul.menu li

top:                              -999em;

}

/*********************************content*************************************/

#content {}

Width: 100%;

Background: url (.. /images/BG-1.jpg) Center - 464px non-repetition #020202;

padding: 0;

}

#page1 #content {}

margin-top:-194px;

}

{.col-1

float: left;

Width: 360px;

}

{.col-2

float: left;

Width: 590px;

}

{.col-3

float: left;

Width: 300px;

}

4 .col {}

float: left;

Width: 280px;

}

{}. sign

text-align: right;

40px padding: 10px 0 0;

}

{.letter}

text-align: center;

do-family: "Mr. Dafoe', cursive;

font-size: 70px;

line-height: 84px;

color: #cbcbcb;

float: left;

Width: 60px banner;

margin-right: 15px;

}

/******************* slider *************/

{.slider_bg}

Background: url (.. / images/slider_bg.jpg) top left no-repeat;

overflow: hidden;

Width: 590px;

height: 429px;

overflow: hidden;

}

. Slider {}

Width: 534px;

height: 429px;

position: relative;

Background: url (.. / images/preloader.png) Center no-repeat;

}

{.pagination}

position: absolute;

right:-37px;

top: 21px;

overflow: hidden;

z index: 999;

}

.pagination li {}

margin-top: 3px

}

.pagination li: first - child {}

margin-top: 0;

}

.pagination li a {}

Display: block;

Width: 15px;

height: 15px;

Background: url (.. / images/pag_nav.png) left low no-repeat;

}

.pagination Li a: hover,

.the .pagination a {}

background-position: left, top;

}

.the .pagination a {}

cursor: default;

}

.some {display: none ;}}

/******************* slideshow *************/

{#slideshow}

Width: 620px;

height: 705px;

overflow: hidden;

Background: none! important;

}

#slideshow > {div

Width: 620px;

height: 705px;

Background: none! important;

}

{#prev}

float: left;

}

{#next}

float: left;

}

#nav {}

overflow: hidden;

padding: 0px 15px 0;

float: right;

}

#nav li {}

float: left;

font-size: 13px;

line-height: 16px;

text-align: center;

margin-left: 1px;

Display: block! important;

}

#nav li: first - child {}

margin-left: 0;

}

#nav li a {}

Color: #666666;

Display: block;

Width: 14px;

height: 16px;

overflow: hidden;

}

#nav .activeSlide a,

#nav li a: hover {}

color: #fff;

}

{.nav_wrap}

overflow: hidden;

position: absolute;

Width: 200px;

height: 30px;

right: 97px;

top:-33px;

}

#next,

{#prev}

text-indent:-9999px;

float: right;

overflow: hidden;

Display: block;

Width: 10px;

height: 18px;

}

{#next}

Background: url (.. / images/next.png) top left no-repeat;

}

{#prev}

Background: url (.. / images/prev.png) top left no-repeat;

}

#next: hover,.

{#prev:hover}

bottom-top position: right;

}

/*********************************bg's*************************************/

. BG-1 {}

Background: url (.. / images/light.png) Center top no-repeat;

}

. BG-2 {}

Background: url (.. top left /images/BG-2.jpg) no-repeat;

height: 429px;

overflow: hidden;

text-align: center;

}

. BG-2 > {div

Padding: 80px 15px 0 0;

}

. BG-2 > div + div {}

font-size: 13px;

line-height: 20px;

Padding: 0 50px 45px 27px;

}

. BG-3 {}

Background: url (.. /images/BG-4.png) upper left horizontal;

}

. BG-4 {}

Background: url (.. /images/BG-5.png) lower-left horizontal;

Padding: 0 35px 70px;

}

.bg - 4 {} #page1

Padding: 225px 0 35px;

}

. BG-5 {}

Background: url (.. top of Center /images/BG-7.png) no-repeat;

}

. BG-6}

Background: url (.. /images/BG-8.gif) horizontal top center;

}

{} .border-1

Background: url (.. /images/Border-1.png) upper left horizontal;

}

{} .border-2

border-bottom: 1px dotted #313131;

padding: 0 0 18px;

margin: 0 0 15px;

}

#page3 .border-2 {}

padding: 0 0 23px;

margin: 0 0 14px;

}

#page4 .border-2 {}

padding: 0 35px 0;

margin: 0 0 37px;

}

{} .border-3

Background: url (.. /images/Border-2.png) left top repeat-y;

padding: 0 4px 5px;

}

. Border-4 {}

Background: url (.. /images/Border-3.png) upper left horizontal;

}

/*********************************buttons*************************************/

key-1 {}

Display: inline-block;

do-size: 18px;

line-height: 22px;

color: #f9dfdf;

do-family: 'Amethysta', serif;

text-transform: uppercase;

Background: url (.. / images/button1_l.png) left 5px no-repeat;

padding: 0 0 23px 0;

}

1 button span {}

Display: block;

Background: url (.. / images/button1_r.png) right 5px no-repeat;

padding: 0 0 4px 29px;

}

button-{1:hover}

color: #1d1d1d;

}

key-2 {}

Display: inline-block;

text-transform: uppercase;

do-family: 'Amethysta', serif;

do-size: 14px;

line-height: 17px;

color: #fff;

Background: url (.. /images/Button-2.gif) lower-left horizontal;

height: 41px;

overflow: hidden;

border: 1px solid #343434;

}

2 button span {}

Display: block;

Padding: 16px 11px 14px 13px;

}

button-{2:hover}

background-position: left, top;

}

3-key {}

text-align: right;

text-transform: uppercase;

Display: block;

Background: url (.. /images/Button-2.gif) lower-left horizontal;

height: 41px;

border: 1px solid #323232;

do-size: 16px;

line-height: 20px;

color: #bfbfbf;

do-family: 'Amethysta', serif;

}

button-{3:hover}

background-position: left, top;

}

3 button span {}

Background: url (.. /images/Marker-1.png) left 11px no-repeat;

Display: inline-block;

Padding: 11px 0 18px 19px;

}

/*********************************lists*************************************/

.DL-1 dt {}

color: #fff;

}

.DL 1 dd {}

overflow: hidden;

}

.DL 1 dd span {}

Display: block;

float: left;

Width: 100px;

}

{.soc_list}

overflow: hidden;

Padding: 19px 0 0;

}

.soc_list li {}

float: left;

margin-left: 10px;

}

.soc_list li: first - child {}

margin-left: 0;

}

.soc_list li a {}

Display: block;

Width: 32px;

height: 32px;

}

. 1 UL li {}

do-size: 14px;

line-height: 20px;

do-family: Arial, Helvetica, without serif.

}

. 1 UL li a {}

color: #b7b7b7;

}

.ul-1 Li a: hover {}

color: #fff;

}

/*********************************fonts*************************************/

H3 {}

font-size: 28px;

line-height: 34px;

color: #fbecec;

do-family: 'Amethysta', serif;

Police-weight: normal;

text-transform: uppercase;

Background: url (.. lower-left /images/BG-3.png) no-repeat;

padding: 0 33px 0 0;

}

H3 {span

Display: block;

margin-top:-5px;

color: #f7d3d3;

}

H4 {}

do-size: 16px;

line-height: 20px;

color: #dbdada;

do-family: 'Amethysta', serif;

Police-weight: normal;

text-transform: uppercase;

}

{} .title-1

color: #a0a0a0;

do-family: 'Mr De Haviland", cursive;

font-size: 72px;

line-height: 87px;

margin:-15px 8px 0 0;

padding-left: 5px;

}

{} .title-2

text-align: right;

Padding: 90px 12px 0 0;

color: #dddcdc;

do-family: 'Amethysta', serif;

do-size: 18px;

line-height: 22px;

text-transform: uppercase;

}

{} .title-3

font-size: 13px;

line-height: 18px;

color: #fff;

}

.Title-4 {}

color: #464646;

do-family: 'Amethysta', serif;

do-size: 18px;

line-height: 22px;

text-transform: uppercase;

margin-bottom: 3px;

}

. LH {}

line-height: 23px;

}

{.lh-1

line-height: 20px;

}

{} .size-1

font-size: 13px;

Display: block;

}

{} .size-2

do-size: 11px;

line-height: 14px;

}

. Color-1 {color: #e4d0d1 ;}}

. Color-2 {color: #dcb0b1 ;}}

. Color-3 {color: #b7b7b7 ;}}

. Color-4 {color: #7e7e7e ;}}

. Color-5 {color: #b2b2b2 ;}}

. Color-6 {color: #fff ;}}

. Color-7 {color: #919191 ;}}

/******* form's ********/

/ * form * /.

#form1 fieldset {}

border: none;

padding: 0;

}

{label #form1

Display: block;

min-height: 57px;

}

{label.message #form1

height: 232px;

}

. INP {}

Display: block;

Width: 320px;

height: 40px;

padding: 0 14px;

Background: url (.. repeat left and high /images/INP-1.png);

overflow: hidden;

position: relative;

border: 1px solid #343434

}

{entry #form1

Width: 320px;

Padding: 12px 0 12px;

margin: 0;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

height: 16px;

color: #666;

border: none;

Background: none;

outline: none;

}

#form1 .area .error {float: none ;}}

{.text_a}

position: relative;

overflow: hidden;

Display: block;

Width: 478px;

height: 230px;

padding: 0 14px;

Background: url (.. repeat left and high /images/INP-1.png);

border: 1px solid #343434

}

#form1 textarea {}

height: 216px;

margin: 0;

Width: 478px;

Padding: 12px 0;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

color: #666;

border: none;

Background: none;

overflow: auto;

outline: none;

resize: none;

}

#form1 {cursor: pointer ;}}

.the #form1 {display: none; margin-bottom: 10px ;}}

#form1 .error,

.empty {} #form1

Color: #f00;

do-size: 11px;

line-height: 18px;

display: none;

overflow: hidden;

}

#form1 .buttons-wrapper {text-align: right; padding-top: 40px; position: relative ;}}

#form1 .buttons-wrapper, a {margin-left: 30px ;}}

#form2 fieldset {}

border: none;

padding: 0;

}

#form2 label {}

Display: block;

min-height: 57px;

}

#form2 label.message {}

height: 232px;

}

{.inp2}

Display: block;

Width: 318px;

height: 40px;

padding: 0 14px;

Background: url (.. repeat left and high /images/INP-1.png);

overflow: hidden;

position: relative;

border: 1px solid #343434

}

#form2 of input {}

Width: 318px;

Padding: 12px 0 12px;

margin: 0;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

height: 16px;

color: #666;

border: none;

Background: none;

outline: none;

}

#form2 .area .error {float: none ;}}

{.text_a2}

position: relative;

overflow: hidden;

Display: block;

Width: 318px;

height: 230px;

padding: 0 14px;

Background: url (.. repeat left and high /images/INP-1.png);

border: 1px solid #343434

}

#form2 textarea {}

height: 206px;

margin: 0;

Width: 318px;

Padding: 12px 0;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

color: #666;

border: none;

Background: none;

overflow: auto;

outline: none;

resize: none;

}

#form2 {cursor: pointer ;}}

#form2 .the {display: none; margin-bottom: 10px ;}}

#form2 .error,

.empty {} #form2

Color: #f00;

do-size: 11px;

line-height: 18px;

display: none;

overflow: hidden;

}

#form2 .buttons-wrapper {text-align: right; padding-top: 40px; position: relative ;}}

#form2 .buttons-wrapper, a {margin-left: 30px ;}}

.map {}

Width: 350px;

height: 365px;

margin: 0 0 26px;

}

/****************************footer************************/

footer {}

Color: #666666;

Width: 100%;

Background: url (.. / images/footer.jpg) top center of no repeat #f0f0f0;

}

{footer captiti

do-size: 14px;

line-height: 17px;

text-transform: uppercase;

do-family: 'Amethysta', serif;

Padding: 0 47px 29px;

color: #adadad;

letter-spacing: 1px;

}

footer captiti a {}

color: #adadad;

}

footer nav {}

Padding: 67px 0 0 10px;

}

footer nav ul {}

overflow: hidden;

}

footer nav ul li {}

do-family: 'Amethysta', serif;

float: left;

do-size: 14px;

line-height: 17px;

color: #5f5f5f;

text-transform: uppercase;

padding: 16px 0 16px 0;

Background: url (.. / images/menu3.png) top left no-repeat;

}

footer nav ul li: first - child {}

Background: none;

padding-left: 0;

}

footer nav ul li a {}

color: #5f5f5f;

}

footer nav ul li a.active,

footer nav ul li a: hover {}

Color: #000;

}