@charset "utf-8";
body { margin:0; padding:0; width:100%; font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
html { padding:0; margin:0;}

a, .body h2 a {color:#de0000;}
 .body h2 a {text-decoration: underline;}
.padform textarea {margin-top:40px;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/* jQuery Styles */
.corner { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; padding:10px; }
.error-icon {height:16px; width: 16px; border: 1px solid #aaaaaa; background: #cccccc url(http://www.jqueryui.com/images/?new=cd0a0a&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
/********** header **********/
.header {  background:#1f1f1f; }
.logo {background: url('/system/application/images/south-bay-media.jpg'); width: 147px; height: 92px}
.logo div{ color:#fff; height:92px; margin:0px; padding:0px; font:2.3em Arial, Helvetica, sans-serif; line-height:92px  }

/* fieldsets */
fieldset{ border-top:0px; border-bottom: 1px dotted #D8D8D8; border-left: 0; border-right: 0;padding:0px; margin-bottom: 20px;}
legend{padding:0px 5px;font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; margin-bottom: 10px;}


.block_header {margin:0 auto; width:980px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0; margin:0;}
/* menu */	
.menu { padding:0; margin:0;  float:right;}
.menu ul { padding:35px 0; margin:0; list-style:none; border:0;}
.menu ul li { float:right; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0 5px; padding:5px 10px; color:#fff; font:normal 14px  Arial, Helvetica, sans-serif; text-decoration:none; border-right:1px solid #1f1f1f;}
.menu ul li a:hover { background:#de0000; border-right:1px solid #ffffff;}
.menu ul li a.active { background:#de0000; border-right:1px solid #ffffff;} 
/********** slider **********/
.slider {background: #fff url(/system/application/images/slider_bg.gif) top repeat-x; margin:0 auto; padding:0; height:405px;}
.slider div.slice1 { margin:0 auto; width:955px; padding:0;}
.slider div  { margin:0; padding:0; width:880px; height:405px; border:0;}
.slider div  p.img { float:right; width:419px; padding:37px 0 0 0; margin:0;}
.slider div  h2 {width:445px; float: left; font:bold 50px Arial, Helvetica, sans-serif; color:#000000;  margin:0; padding:40px 0 0 10px; line-height:1.2em;}
.slider div  h2 span { color:#de0000;}
.slider div  p { width:430px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#555555; margin:0; padding:20px 0 0 10px; line-height:1.8em;}
/********* slider2 ************/
.slider2 {background: #fff url(/system/application/images/slider_bg.gif) top repeat-x; margin:0 auto; padding:0; height:128px;}
.slider2_resize { width:972px; margin:0 auto; padding:0;}
.slider2_resize h2 {width:445px; float: left; font:bold 50px Arial, Helvetica, sans-serif; color:#000000;  margin:0; padding:40px 0 0 10px; line-height:1.2em;}
.slider2_resize h2 span { color:#de0000;}
.slider2_resize p { width:450px; float: right; font:normal 14px   Arial, Helvetica, sans-serif; color:#555555; margin:0; padding:50px 0 0 10px; line-height:1.8em;}
/********** block index **********/
.body { margin:0; padding:0;}
.body_resize { width:980px; margin:0 auto; padding:0;}
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #d8d8d8; padding:10px 5px; margin-bottom:10px; text-transform: uppercase}
.body h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c;  padding:10px 0px; margin:0; text-transform: uppercase}
.body h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#2c2c2c;  padding:10px 5px 10px 5px; margin:0; text-transform: uppercase}
.body p {  line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#afaeae;}
.body em { color:#383838;}
.body img { float: left; margin-bottom:40px; margin-right: 10px; padding:0;}
.body img.work { float:right; margin:10px 30px 10px 10px; padding:0;}
.body .bloga { width:220px; float:left; margin:0; padding:10px 5px 10px 20px;}
.right { width:525px; float:left; margin:20px 10px 10px 10px; padding:5px;}

.contact ul { list-style:none; margin:5px 163px; padding:0;}
.contact li { font: bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 22px; margin:0; background:url(/system/application/images/about_ul_li.gif) left no-repeat;}

.left { width:370px; float:left; margin:20px 10px 10px 10px; padding:5px;}

.steps ul {font-size: 1.2em; text-transform: uppercase; font-weight: bold; list-style:none; margin:10px 5px; padding:0px; overflow: hidden;}
.steps li.current {background:url(/system/application/images/step_current.jpg) left no-repeat; opacity:.9; filter:alpha(opacity=90);}
.steps li.complete {background:url(/system/application/images/step_complete.jpg) left no-repeat; opacity:.9; filter:alpha(opacity=90);}
.steps li { float:left; margin-right:  30px; background:url(/system/application/images/step_complete.jpg) left no-repeat; height:28px; line-height: 28px; padding-left: 10px; opacity:0.4;filter:alpha(opacity=40); />}
.steps-span {color: white; margin-right: 20px;}
.steps a {color:#6F6F6F; text-decoration: none;}
.steps a:hover {color:#de0000; text-decoration: none;}

.quote ul { list-style:none; margin:10px 5px; padding:0px;}
.quote li {  padding:0 0 5px 0; margin:0; background:none;}
.quote span.spacer {font-weight: bold; width: 155px;}
.quote {margin:20px 5px; position: relative;}
.quote label {display:block; margin: 0 0 5px 0; padding:0 0 0 10px; cursor: pointer;}
.quote label.textbox {display:block; margin: 0 0 5px 0; padding: 0}
.quote input.textbox {width: 250px; margin: 0 0 8px 0; padding: 0;}
.quote input.area {width: 98%; height: 200px;}
.quote input.submit {width: auto; margin: 0 0 8px 0; padding: 0; clear: both;}
.quote btn {position: absolute; bottom: 0; right: 0}
.steps a {color:#6F6F6F; text-decoration: none;}

.domain_div{  overflow: hidden; margin-top:20px }


.buttoms { width:200px; margin:10px auto; text-align:center; padding:0;}
.buttoms a { font: bold 12px Arial, Helvetica, sans-serif; color:#9f9f9f; text-decoration:none; padding:3px 5px; margin:0 3px;}
.buttoms a:hover { color:#000; background:#f1f1f1; border:1px solid #d6d6d6;}

/**************** slider ********************/
#slider { margin:0 35px; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:870px; height:405px; overflow:hidden; padding:0; margin:0; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left:-20px; top:-210px; }
#nextBtn { left:940px; }
#prevBtn a { display:block; width:16px; height:26px; background:url(/system/application/images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:16px; height:26px; background:url(/system/application/images/r_arrow.gif) no-repeat 0 0; }

/********** contact form **********/
.form { margin:0; padding:5px 10px;}
.form * {}
.form ol { margin:0; padding:0; list-style:none;}
.form li { margin:0; padding:0; background:none; border:none; display:block;}
.form li.buttons { margin:5px 0 5px 0;}
.form label { margin:0; width:110px; display:block; padding:10px 0; color:#2a2a2a; font: bold 11px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
.form label span { color:#F00;}
.form input.text { width:380px; border:1px solid #d4d4d4; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
.form select.text { width:380px; border:1px solid #d4d4d4; background:#fff; float:left; margin:10px 0; padding:5px 2px;  }
.form textarea { width:380px; border:1px solid #d4d4d4; margin:10px 0; padding:2px; background:#fff; float:left;}
.form li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footer {padding:10px 0;  margin:0;}
.footer_resize {width:972px; margin:0 auto; padding:0; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6f6f6f;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#6f6f6f; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:2px 5px; padding:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:20px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:20px 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #e8e8e8; padding:0; margin:20px 0; background:none; line-height:0;}

.fg-button { outline: 0; margin:0 0 0 0px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button-small { outline: 0; margin:0 0 0 0px; padding: .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon, .fg-button-small .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset { float:right; }
.fg-buttonset .fg-button { float: right; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:0em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }