/*
Theme Name: WMS
Theme URI: http://westmainstudio.com
*/

* { margin:0; padding:0; }

body { color:#0a0a0a; background-color:#EADDC4; font:14px "Lucida Grande", Sans-Serif; }
a { text-decoration:none; }
a:active { outline:none; }
a:focus { outline-style:none; }
.clear { clear:both; }

/* HEADER */
#headerContainer { width:100%; background:url(images/bg_page.png) repeat-x top left; z-index:1000; position:relative; }
#header { margin:0px auto; height:210px; width:940px; }
#header h1 a { float:left; border:none; height:210px; width:247px; background:url(images/logo.png) no-repeat top left; overflow:hidden; text-indent:-9999px; display:block; }
#header img { border:none; float:left; }

/* AVAIL */
#avail { display:none; position:absolute; left:791px; top:22px; font-size:14px; color:#eee6cf; width:434px; line-height:20px; }
#avail .redhighlight { background-color:#3a1211; margin-right:10px; }
#avail a:link, #avail a:visited { font-size:11px; color:#3a1211; }
#avail img { border:none; position:relative; top:4px; }

/* NAV */
#nav { float:right; margin-right:10px; border-top:1px solid #1d1d1d; margin-top:108px; list-style:none; font:11px Georgia, Serif; letter-spacing:1px; text-transform:uppercase; }
#nav li { float:left; font-weight:bold; }
#nav li a:link, #nav li a:visited { float:left; padding:15px 20px 15px 20px; color:#f9f9f9; /*background:#121212 url(images/bg_nav.jpg) no-repeat bottom right;*/ background-color:#000; }
#nav li a:hover, #nav li a:active { float:left; padding:15px 20px 15px 20px; background-color:#4B1B19; background-image:none; text-decoration:none; }

/* MARQUEE */
#marqueeContainer { width:100%; background-color:#e3d6b8; }
#marquee { margin:0px auto; width:900px; padding:0 125px 0 125px; text-align:center; padding:30px 0 40px 0; }
#marquee img { border:none; }

/* CONTENT */
#contentContainer { position:relative; width:100%; background-color:#EADDC4; padding-bottom:100px; z-index:100; }
#content { margin:0px auto; width:920px; margin-top:-50px; padding:50px 0 0 20px; background:url(images/bg_content.jpg) no-repeat top right; }
#content h1 { background:url(images/bg_pixels.png) no-repeat 6px 0; text-align:center; margin-top:-65px; margin-bottom:25px; font-weight:normal; font-size:2.6em; letter-spacing:-2px; }
#side { width:215px; float:left; }
#side ul { list-style:none; }
#side ul li { margin-bottom:2px; }
#side #process a { display:block; width:214px; height:76px; background:url(images/bg_process_off.png) no-repeat 0 0; }
#side #process a .rollover { display:block; width:214px; height:76px; background:url(images/bg_process_on.png) no-repeat 0 0; }
#side #pricing a { display:block; width:214px; height:76px; background:url(images/bg_pricing_off.png) no-repeat 0 0; }
#side #pricing a .rollover { display:block; width:214px; height:76px; background:url(images/bg_pricing_on.png) no-repeat 0 0; }
#side #clients { width:214px; float:left; margin-top:20px; background:url(images/bg_clientlist.png) no-repeat top right; border-top:7px solid #d4c7a8; }
#side #clients #list { padding:90px 50px 0 0; text-align:right; font:12px "Lucida Grande", Arial, Sans-Serif; }
#side #clients ul { padding:0 50px 0 0; text-align:right; font:12px "Lucida Grande", Arial, Sans-Serif; }
#side #clients ul li { margin-bottom:15px; }
#side #clients #more { padding:20px 0 0 75px; }
#side #clients #more a { display:block; width:89px; height:36px; background:url(images/bg_more_off.png) no-repeat 0 0; }
#side #clients #more a .rollover { display:block; width:89px; height:36px; background:url(images/bg_more_on.png) no-repeat 0 0; }

#content #right { float:left; margin-left:3px; }
#content #right #slider { border:7px solid #D4C7A8; width:665px; height:265px; }
#content #right #slider ul, #content #right #slider li { list-style:none; }
#content #right #slider, #content #right #slider li{ width:665px; height:265px; overflow:hidden; }
#content #bottom { float:left; margin-left:3px; }
#content #bottom #flavor { float:left; width:410px; font-size:12px; line-height:18px; padding:30px 40px 0 20px; }
#content #bottom #flavor h2 { margin:15px 0 10px 0; font-style:italic; letter-spacing:-1px; font-weight:normal; font-size:1.8em; }
#content #bottom #flavor p { text-align:right; padding-right:40px; font-style:italic; }
#content #bottom ul { list-style:none; float:right; border-left:7px solid #D4C7A8; padding:3px 0 0 3px; height:185px; }
#content #bottom ul li { margin-bottom:2px; }
#content #bottom #famous a { display:block; width:197px; height:75px; background:url(images/bg_famous_off.png) no-repeat 0 0; }
#content #bottom #famous a .rollover { display:block; width:197px; height:75px; background:url(images/bg_famous_on.png) no-repeat 0 0; }
#content #bottom #delight a { display:block; width:197px; height:75px; background:url(images/bg_delighted_off.png) no-repeat 0 0; }
#content #bottom #delight a .rollover { display:block; width:197px; height:75px; background:url(images/bg_delighted_on.png) no-repeat 0 0; }

#content #prevBtn a { text-indent:-9999px; display:block; position:relative !important; top:240px; left:203px; width:35px; height:35px; background:url(images/arrow_left.png) no-repeat 0 0; }
#content #nextBtn a { text-indent:-9999px; display:block; position:relative !important; top:205px; left:876px;width:35px; height:35px; background:url(images/arrow_right.png) no-repeat 0 0; }

#subcontentmargin { padding-top:70px; }
#subcontent { margin:0px auto; width:920px; margin-top:-50px; padding:80px 0 0 25px; background:url(images/bg_content.jpg) no-repeat top right; }
#subcontent #side { width:215px; float:left; margin-top:-70px; }
#subcontent #side #social { width:214px; float:left; margin-top:20px; background:url(images/bg_social.png) no-repeat 4px 0; border-top:7px solid #d4c7a8; }
#subcontent #side #social ul { padding:90px 50px 0 0; text-align:right; font:12px "Lucida Grande", Arial, Sans-Serif; }
#subcontent #side #social ul li { margin-bottom:15px; }
.light { color:#776f5b; font-size:11px; }
#subcontent #side #social a:link, #subcontent #side #social a:visited { color:#491818; font-weight:bold; border-bottom:1px dotted #aa9873; text-decoration:none; }
#subcontent #side #social a:hover, #subcontent #side #social a:active { text-decoration:none; border-bottom:1px dotted #817150; color:#000; background-color:#fff; }
#subcontent #main { border-left:7px solid #D4C7A8; width:600px; margin-top:-70px; margin-left:3px; float:left; padding-left:30px; }
#subcontent #main #processhead { width:500px; height:70px; margin-bottom:17px; text-indent:-9999px; background:url(images/bg_process_slogan.png) no-repeat 0 0; }
#subcontent #main #pricinghead { width:550px; height:70px; margin-bottom:17px; text-indent:-9999px; background:url(images/bg_pricing_slogan.png) no-repeat 0 0; margin-left:2px; }
#subcontent #main #feature { width:550px; height:70px; margin-bottom:17px; text-indent:-9999px; background:url(images/bg_feature_slogan.png) no-repeat 0 0; margin-left:2px; }
#subcontent #main #testimonials { width:550px; height:70px; margin-bottom:17px; text-indent:-9999px; background:url(images/bg_testimonials_slogan.png) no-repeat 0 0; margin-left:2px; }
#subcontent #main h1 { margin:-10px 0 0 6px; letter-spacing:-2px; font-weight:normal; font-size:2.4em; }
#subcontent #main h2 { margin:-5px 0 25px 6px; font-style:italic; letter-spacing:-1px; font-weight:normal; font-size:1.6em; color:#776f5b; }
#subcontent #main h3 { margin:20px 0 5px 9px; font-style:italic; letter-spacing:-1px; font-size:1.6em; color:#000; }
#subcontent #main #basic { border:1px solid #D4C7A8; background-color:#FAF4E8; padding:8px 20px 20px 20px; margin:25px 0 -10px 8px; }
#subcontent #main #basic h3 { margin-bottom:10px; font-weight:bold; }
#subcontent #main #plus { border:1px solid #D4C7A8; background-color:#FAF4E8; padding:8px 20px 20px 20px; margin:25px 0 -10px 8px; }
#subcontent #main #plus h3 { margin-bottom:10px; font-weight:bold; }
#subcontent #main #cms { border:1px solid #D4C7A8; background-color:#FAF4E8; padding:8px 20px 20px 20px; margin:25px 0 -10px 8px; }
#subcontent #main #cms h3 { margin-bottom:10px; font-weight:bold; }
#subcontent #main #extras { border:1px solid #D4C7A8; background-color:#FAF4E8; padding:8px 20px 20px 20px; margin:25px 0 -10px 8px; }
#subcontent #main #extras h3 { margin-bottom:10px; font-weight:bold; }
#subcontent #main .addon { font-style:italic; background-color:#fff; }
#subcontent #main .caption { font-style:italic; margin-top:30px; font-family:Arial; font-size:.8em; }

#subcontent #main #contact { width:550px; height:70px; margin-bottom:17px; text-indent:-9999px; background:url(images/bg_contact_slogan.png) no-repeat 0 0; margin-left:2px; }
#subcontent #main #services { width:550px; height:70px; margin-bottom:34px; text-indent:-9999px; background:url(images/bg_services_slogan.png) no-repeat 0 0; margin-left:2px; }
#subcontent #main #wms { float:right; margin:0 30px 10px 25px; }
#subcontent #main .entry { margin-bottom:15px; border-bottom:1px solid #D4C7A8; width:570px; padding-right:20px; }
#subcontent #main .entry h3 { margin-left:10px; margin-bottom:3px; }
#subcontent #main #feature_links { padding:20px 0 0 10px; }
#subcontent #main #feature_links img { border:0px; margin:0 5px 5px 0; }
#subcontent #main #feature_links a { border:0px !important; }
#subcontent #main #feature_links a:hover { background:none !important; }
#subcontent #main p { padding:0 0 0 10px; font-size:12px; line-height:16px; }
#subcontent #main #sendContactEmail { border:0px; display:block; width:89px; height:36px; background:url(images/bg_send_on.png) no-repeat 0 0; }
#subcontent #main #processslider { width:500px; height:265px; padding:24px 0 0 8px; }
#subcontent #main #processslider div { background-color:#F8F1E4; padding:15px 15px 40px 15px; width:510px; margin:0 0 0 3px;}
#subcontent #main #processslider ul, #subcontent #main #processslider li { list-style:none; }
#subcontent #main #processslider, #subcontent #main #processslider li{ width:570px; height:265px; overflow:hidden; }
#subcontent #main #processslider p { padding:0 20px 0 25px; line-height:18px; }
#subcontent #main #processslider #discovery span { display:block; width:565px; height:48px; background:url(images/bg_process_timeline.png) no-repeat 0 0; }
#subcontent #main #processslider #discovery h3 { width:523px; height:32px; margin:20px 0 10px 20px; text-indent:-9999px; background:url(images/bg_discovery_slogan.png) no-repeat 0 0; }
#subcontent #main #processslider #brainstorm span { display:block; width:565px; height:48px; background:url(images/bg_process_timeline.png) no-repeat 0px -49px; }
#subcontent #main #processslider #brainstorm h3 { width:523px; height:32px; margin:20px 0 10px 20px; text-indent:-9999px; background:url(images/bg_brainstorm_slogan.png) no-repeat 0 0; }
#subcontent #main #processslider #design span { display:block; width:565px; height:48px; background:url(images/bg_process_timeline.png) no-repeat 0px -98px; }
#subcontent #main #processslider #design h3 { width:523px; height:32px; margin:20px 0 10px 20px; text-indent:-9999px; background:url(images/bg_design_slogan.png) no-repeat 0 0; }
#subcontent #main #processslider #develop span { display:block; width:565px; height:48px; background:url(images/bg_process_timeline.png) no-repeat 0px -147px; }
#subcontent #main #processslider #develop h3 { width:523px; height:32px; margin:20px 0 10px 20px; text-indent:-9999px; background:url(images/bg_develop_slogan.png) no-repeat 0 0; }
#subcontent #main #processslider #launch span { display:block; width:565px; height:48px; background:url(images/bg_process_timeline.png) no-repeat 0px -196px; }
#subcontent #main #processslider #launch h3 { width:523px; height:32px; margin:20px 0 10px 20px; text-indent:-9999px; background:url(images/bg_launch_slogan.png) no-repeat 0 0; }

#subcontent #prevBtn a { text-indent:-9999px; display:block; position:relative !important; top:165px; left:203px; width:35px; height:35px; background:url(images/arrow_left.png) no-repeat 0 0; }
#subcontent #nextBtn a { text-indent:-9999px; display:block; position:relative !important; top:130px; left:840px;width:35px; height:35px; background:url(images/arrow_right.png) no-repeat 0 0; }

#cheap { margin-top:25px; }

#blurb a:link, #blurb a:visited { color:#491818; font-weight:bold; border-bottom:1px dotted #aa9873; text-decoration:none; }
#blurb a:hover, #blurb a:active { text-decoration:none; border-bottom:1px dotted #817150; color:#000; background-color:#fff; }
#blurb { float:left; width:550px; padding-right:60px; border-right:1px solid #d6ccbb; line-height:20px; }
#blurb h1 { font-size:22px; margin-bottom:15px; }
#blurb h2 { font-size:18px; margin:0 0 8px 0; }
#blurb p { margin-bottom:15px; }
.white { font-weight:bold; }

#specialties { float:right; width:220px; }
#specialties h1 { font-size:20px; margin-bottom:15px; }
#specialties ul { font-size:14px; margin:10px 0 0 0; line-height:20px; }
#specialties ul li { list-style:none; padding:0 0 0 20px; background:url(images/bullet.gif) no-repeat 0 3px; }
#specialties #contact { background:url(images/bg_contact_on.jpg) no-repeat 0 -9999px; line-height:20px; }
#specialties #contact a:link, #specialties #contact a:visited { color:#000; text-decoration:none; font-weight:bold; margin:20px 0 0 0; display:block; width:142px; height:32px; text-align:center; padding:10px 0 0 0; background:url(images/bg_contact_off.jpg) no-repeat 0 0; }
#specialties #contact a:hover, #specialties #contact a:active { display:block; width:142px; height:32px; text-align:center; padding:10px 0 0 0; background:url(images/bg_contact_on.jpg) no-repeat 0 0; text-decoration:none; }

#sidebar a:link, #sidebar a:visited { color:#491818; border-bottom:1px dotted #aa9873; text-decoration:none; }
#sidebar a:hover, #sidebar a:active { text-decoration:none; border-bottom:1px dotted #817150; color:#000; background-color:#fff; }
#sidebar { float:right; }
#sidebar h1 { font-size:20px; margin-bottom:15px; }
#sidebar h2 { font-size:18px; margin:0 0 15px 0; }
#sidebar ul { font-size:12px; margin:10px 0 0 0; line-height:20px; }
#sidebar ul li { list-style:none; padding:0 0 0 20px; background:url(images/circle.gif) no-repeat 0 5px; }

#main a:link, #main a:visited { color:#491818; font-weight:bold; border-bottom:1px dotted #aa9873; text-decoration:none; }
#main a:hover, #main a:active { text-decoration:none; border-bottom:1px dotted #817150; color:#000; background-color:#fff; }
#main p { margin-bottom:15px; }
#main #contactFormArea { padding-top:20px;  }
#main #contactFormArea p { width:100%; float:left; margin-bottom:5px !important; }
#main label { float:left; font-size:12px; font-weight:bold; }
#main textarea { font:12px "Lucida Grande", Arial, Sans-Serif; float:left; margin-bottom:20px; margin-top:5px; padding:5px; width:400px; height:170px; }
#main .field { float:left; padding:5px; font-size:12px; width:200px; margin-bottom:10px; margin-top:5px; }
#main #submit { float:left; width:100%; }
#main .submit { font-size:14px }
#main #loadBar img { margin:5px 0 0 -5px; }
#main #xemion a:link, #main #xemion a:visited { color:#efe6ce !important; border:none !important; }
#main #xemion a:hover, #main #xemion a:active { color:#efe6ce !important; border:none !important; background:none !important; }

#sidebarinner a:link, #sidebarinner a:visited { color:#491818; border-bottom:1px dotted #aa9873; text-decoration:none; }
#sidebarinner a:hover, #sidebarinner a:active { text-decoration:none; border-bottom:1px dotted #817150; color:#000; background-color:#fff; }
#sidebarinner { float:right; padding:40px 30px 0 50px; background:url(images/bg_sidebar.jpg) no-repeat top left; width:198px; height:260px; }
#sidebarinner #contact { margin-top:25px; }
#sidebarinner p { margin-bottom:10px; font-size:12px; }
#sidebarinner h1 { font-size:20px; margin-bottom:15px; }
#sidebarinner h2 { font-size:18px; margin:0 0 10px 0; }
#sidebarinner ul { font-size:12px; margin:15px 0 0 0; line-height:22px; }
#sidebarinner ul li { list-style:none; padding:0 0 0 20px; background:url(images/circle.gif) no-repeat 0 6px; }

/* FOOTER */
#footerContainer { width:100%; border-top:8px solid #000; background:url(images/bg_footer.jpg) repeat 0 0; }
#footer { margin:0px auto; width:940px; padding:35px 0px 160px 0px; color:#555; text-transform:uppercase; font:11px/15px Georgia, Serif; letter-spacing:2px; }
#footer a:link, #footer a:visited { color:#555; }
#footer a:hover, #footer a:active { color:#c7bca2; }