/*RESET*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /*FONTS*/body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} body { background-image:url(images/dws5/bg_body.jpg); background-repeat:repeat-x; background-color:#919191; text-align:center; min-width:980px; } #gutter_top { height:14px; width:980px; background-image:url(images/dws5/bg_top.jpg); } #gutter_left_top { height:800px; width:16px; background-image:url(images/dws5/bg_top_left.jpg); background-repeat:no-repeat; } #gutter_right_top { height:800px; width:16px; background-image:url(images/dws5/bg_top_right.jpg); background-repeat:no-repeat; } #container { width:948px; background-color:#FFFFFF; } #wrapper { position:relative; top:0px; margin:0 auto; width:980px; text-align:left; } #gutter_left { width:16px; background-image:url(images/dws5/bg_left.jpg); background-repeat:repeat-y; } #gutter_right { width:16px; background-image:url(images/dws5/bg_right.jpg); background-repeat:repeat-y; } #gutter_bottom { height:70px; width:980px; background-image:url(images/dws5/bg_bottom.jpg); background-repeat:no-repeat; } #header { margin:0 auto 0 auto; padding:0; width:948px; height:105px;} #logo { display:block; float:left; height:91px; width:272px; position:relative; left:24px; } #phone { color:#666666; font-size:167%; display:block; float:right; position:relative; right:19px; } #content_outside { margin:0; padding:0; width:948px; } #content_side { float:right; width:245px; padding-right:23px; } #content_main { float:left; width:607px; min-height:700px; padding:30px 25px 20px 25px; margin-bottom:0; background-color:#FFFFFF; } #content_0 { margin:0; padding:0; width:948px; background-color:#FFFFFF; } #content_1 { margin:0; padding:0; width:948px; background-image:url(images/dws5/bg_container.jpg); background-repeat:repeat-x; background-color:#C3C3C3; } #footer { margin:0; padding:0; clear:both; } #content_0 #home_content { width:900px; margin-top:40px; padding:0 24px; height:900px; background-image:url(images/dws5/bg_home.jpg); background-repeat:no-repeat; background-color:#FFFFFF; } #content_0 #home_content h2 { font-size:153.9%; color:#666666; } #content_0 #home_content p { font-size:93%; color:#666666; } #content_0 #home_content li { color:#CCCCCC; padding-left:0px; list-style-type:disc; margin-left:30px; padding-bottom:7px; } #content_0 #home_content li span { color:#666666; } #content_0 #home_content #sale { float:left; width:245px; margin-left:21px} #content_0 #home_content #sale a.free_trial { display:block; height:37px; width:245px; background-image:url(images/dws5/button_home_trial.jpg); background-position:left; } #content_0 #home_content #sale a.free_trial:hover { background-position:right; } #content_0 #home_content #adwords { float:left; width:162px; margin-left:15px} #content_0 #home_content #adwords a.button { display:block; height:182px; width:162px; background-image:url(images/dws5/button_home_adwords.jpg); background-position:left; } #content_0 #home_content #adwords a.button:hover { background-position:right; } #content_0 #home_content #content_home_top { display:block; height:280px; width:900px; } #content_0 #home_content #why { float:right; width:410px; margin:40px 20px 0 0; } #content_0 #home_content #why ul { margin:5px 0 0 0; padding-left:0; } #content_0 #home_content #why li { margin:8px 0 0 15px; padding:0; } #content_0 #home_content #contlets { clear:left; display:block; height:162px; width:900px; } #content_0 #home_content #contlets h2 { color:#FFFFFF; } #content_0 #home_content #contlets ul { margin:18px 0 0 0px; } #content_0 #home_content #contlets li { color:#FFFFFF; margin:0 0 0 15px; } #content_0 #home_content #contlets a { color:#FFFFFF; text-decoration:none; } #content_0 #home_content #contlets a:hover { text-decoration:underline; } #content_0 #home_content #cont_website { float:left; width:260px; margin:20px 0 0 17px; } #content_0 #home_content #cont_videos { float:left; width:260px; margin:20px 0 0 47px; } #content_0 #home_content #cont_search { float:left; width:240px; margin:20px 0 0 49px; } #content_0 #home_content #how { clear:left; float:right; width:575px; margin:44px 0 0 0; } #content_0 #home_content #how p { margin-top:7px; font-size:13px; } #content_0 #home_content #what { clear:left; padding-top:20px; float:right; width:575px; } #content_0 #home_content #what p { margin-top:7px; font-size:13px; } #page_designs .sample_9 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_9.jpg); background-position:right; } #page_designs .sample_9:hover { background-position:left; } #page_designs .sample_1 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_1.jpg); background-position:right; } #page_designs .sample_1:hover { background-position:left; } #page_designs .sample_2 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_2.jpg); background-position:right; } #page_designs .sample_2:hover { background-position:left; } #page_designs .sample_3 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_3.jpg); background-position:right; } #page_designs .sample_3:hover { background-position:left; } #page_designs .sample_4 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_4.jpg); background-position:right; } #page_designs .sample_4:hover { background-position:left; } #page_designs .sample_5 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_5.jpg); background-position:right; } #page_designs .sample_5:hover { background-position:left; } #page_designs .sample_6 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_6.jpg); background-position:right; } #page_designs .sample_6:hover { background-position:left; } #page_designs .sample_7 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_7.jpg); background-position:right; } #page_designs .sample_7:hover { background-position:left; } #page_designs .sample_8 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_8.jpg); background-position:right; } #page_designs .sample_8:hover { background-position:left; } #page_designs .sample_9 { margin-bottom:20px; display:block; height:179px; width:232px; background-image:url(images/dws5/samples/designs_sm_9.jpg); background-position:right; } #page_designs .sample_9:hover { background-position:left; } h1 { background-color:#2F4B92; height:52px; width:925px; color:#FFFFFF; padding:18px 0 0 23px; font-size:208%; } #content_1 h2 { color:#2F4B92; margin:30px 0 7px 0; font-size:138.5%; } #content_1 h2.top { margin:0; padding:0; } #content_1 h3 { color:#7EC43A; margin:30px 0 0 0; padding-bottom:0; font-size:116%; font-weight:bold; } #content_1 p { color:#666666; margin-bottom:10px; line-height:140%; } #content_1 td { color:#666666; padding:10px; } #content_1 th { background-color:#666666; color:#FFFFFF; padding:5px; font-weight:bold; } #content_1 tr.even { background-color:#E9E9E9; } #content_1 tr.odd { background-color:#FFFFFF; } #content_1 a { color:#2F4B92; } #content_1 p.back_top { text-align:left; } #content_1 a:hover { color:#7EC43A; text-decoration:underline; } #content_1 a.back_top { font-size:85%; color:#666666; text-decoration:underline;} #content_1 a.back_top:hover { color:#7EC43A; text-decoration:underline;} #content_1 fieldset { position:relative; margin:1em 0; padding:20px; border:1px solid #E0E0E0; background:#F8F8F8; width:567px; } #content_1 legend { position:absolute; top:-.6em; left:.5em; font-weight:bold; color:#74B737; } #content_1 label { font-weight:bold; color:#666666; display:block; padding:3px; margin:3px 0 0 0; text-align:right; } #content_1 fieldset select { color:#000000; padding:3px; margin:2px 0 0 0; border:1px solid #CECECE; background-color:#FFFFFF; } #content_1 fieldset input[type="text"] { color:#000000; padding:3px; margin:2px 0 0 0; border:1px solid #CECECE; background-color:#FFFFFF; } #content_1 fieldset input[type="radio"] { color:#000000; padding:0px; margin:2px 0 0 0; border:none; background-color:transparent; } #content_1 fieldset input[type="checkbox"] { color:#000000; padding:0px; margin:2px 0 0 0; background-color:transparent; } #content_1 fieldset textarea { color:#000000; padding:3px; margin:0 0 5px 0; border:1px solid #CECECE; background-color:#FFFFFF; } /* #content_1 label { font-weight:bold; color:#666666; display:block; padding:1px; margin-bottom:5px; text-align:right; } #content_1 fieldset input { padding:1px; margin:0 0 5px 5px; } #content_1 fieldset select { padding:1px; margin:0 0 5px 5px; } #content_1 fieldset textarea { padding:1px; margin:0 0 5px 5px; } */ #content_1 li { color:#666666; list-style-type:disc; margin-left:30px; padding-bottom:5px; } #content_1 li span { color:#666666; } #content_1 ul.nav_content_links { padding-bottom:20px; } a.free_trial { display:block; height:37px; width:245px; background-image:url(images/dws5/button_sign_up.jpg); background-position:right; } a.free_trial:hover { background-position:left; } a.coda_more { display:block; height:21px; width:110px; background-image:url(images/dws5/button_home_learn.gif); background-position:right; } a.coda_more:hover { background-position:left; } a.coda_more span { display:none; } #content_side span.contact_side_description { font-size:123.1%; color:#2F4B92; font-weight:bold; } .pricing_description { font-size:93%; } #slider { width:948px; height:240px; margin:0 auto; position:relative; background-image:url(images/dws5/bg_home_slider.jpg); } #slider h2 { font-size:36px; padding-top:20px; color:#FFFFFF; } #slider p { color:#FFFFFF; line-height:120%; padding-bottom:10px; } #slider .panel li { color:#FFFFFF; line-height:120%; padding-left:10px; margin-left:30px; list-style:disc; } #slider ul { color:#FFFFFF; line-height:120%; } .scroll { height:240px; width:898px; overflow:auto; margin:0 auto; overflow-x:hidden; position:relative; clear:left; } .scrollContainer div.panel { padding:0; height:210px; width:908px; } .scrollContainer div.panel div.coda_description { float:left; width:468px; } .scrollContainer div.panel div.coda_description a.coda_more { font-weight:bold; color:#FFFFFF; text-decoration:none; } .scrollContainer div.panel div.coda_description a.coda_more:hover { font-weight:bold; color:#FFFFFF; text-decoration:underline; } .scrollContainer div.panel div.coda_image { float:right; width:420px; } ul.navigation { list-style:none; height:40px; margin:0; padding:0; padding-bottom:0; background-image:url(images/dws5/button_home_slider_off.jpg); } ul.navigation li { display:block; float:left; height:40px; text-align:center; } ul.navigation li.separator { display:block; width:2px; float:left; height:40px; text-align:center; background-image:url(images/dws5/button_home_slider_separator.gif); } ul.navigation #coda_nav_1 { width:169px; } ul.navigation #coda_nav_2 { width:254px; } ul.navigation #coda_nav_3 { width:202px; } ul.navigation #coda_nav_4 { width:184px; } ul.navigation #coda_nav_5 { width:130px; } ul.navigation a { display:block; padding:0 35px; font-size:131%; font-weight:bold; height:40px; line-height:40px; color:#C1CBE6; text-decoration:none; } ul.navigation a:hover { color:#FFFFFF; background-image:url(images/dws5/button_home_slider_on.jpg); } ul.navigation a.selected { color:#FFFFFF; background-image:url(images/dws5/button_home_slider_on.jpg); } ul.navigation a:focus { outline:none; } .hide { display:none; } #nav { display:block; float:right; position:relative; top:43px; right:0px; width:617px; } #nav ul { padding:0; margin:0; display:block; list-style:none; float:left; } #nav li { padding:0; margin:0; display:block; list-style:none; float:left; } #nav a span { display:none; } #nav a { margin:0; padding:0; display:block; height:35px; outline:none; } #nav a:hover { background-position:bottom left; height:35px; } #nav .separator { width:2px; background-image:url(images/dws5/nav_separator.gif); height:35px; } #nav #n_0 a.top { background-image:url(images/dws5/nav_home.jpg); width:79px; } #nav #n_1 a.top { background-image:url(images/dws5/nav_services.jpg); width:101px; } #nav #n_2 a.top { background-image:url(images/dws5/nav_designs.jpg); width:94px; } #nav #n_3 a.top { background-image:url(images/dws5/nav_our_process.jpg); width:129px; } #nav #n_4 a.top { background-image:url(images/dws5/nav_pricing.jpg); width:88px; } #nav #n_5 a.top { background-image:url(images/dws5/nav_contact_us.jpg); width:116px; } #nav div.menuActuator { z-index:10; position:relative; display:inline; float:left; } #nav div.menuActuator div.menu ul { z-index:10; padding:0; margin:0; } #nav div.menuActuator div.menu ul li { z-index:10; padding:0; margin:0; height:25px; list-style:none; display:block; } #nav div.menuActuator div.menu a { z-index:10; color:#FFFFFF; text-decoration:none; font-size:93%; font-weight:bold; line-height:25px; text-align:left; display:block; width:138px; padding:0 0 0 22px; height:25px; background:url(images/dws5/nav_second_tier.jpg); } #nav div.menuActuator div.menu a:hover { z-index:10; text-decoration:underline; background-position:right; } p.cta { font-size:123.1%; font-weight:bold; display:block; text-align:center; padding-top:30px; } #footer p { color:#CECECE; font-size:85%; padding:0; margin:0 0 0 40px; text-align:left; line-height:150%; } #footer a { color:#CECECE; } #footer a:hover { color:#FFFFFF; padding-top:0px; margin:0px; }