/* Align Synergy Website: CSS Reset*/


*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

strong{font-weight:bold;}
fieldset{
  border: 1px dotted #FFFFFF;
}

html { min-height: 100%; margin-bottom: 1px; }

body
{
    background:url(../images/bg,jpg.jpg) no-repeat top center #000000;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:0.6em;
    line-height:2.5em;
    color:#FFFFFF;
}

input, textarea, select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

.link{background-color:#FD0009; text-decoration:none; color: #FFFFFF; padding:0 2px;}
a:hover{background-color:black;color:#FD0009;}

p{text-align:justify;}
h4{font-size:1.1em;color:#0494DB;margin-top:10px;margin-bottom:5px;}
#wrapper
{
   position:relative;
   width:711px;
   margin-left:auto;
   margin-right:auto;
}


.ruler{width:711px; height:23px; background:url(../images/border.jpg) no-repeat;text-align:center;margin:20px 0 20px 0;clear:both;}
#contact .ruler{margin-top:30px;}
#header
{

    width:700px;
    height:220px;
    clear:both;
}

#footer
{
    background:url(../images/footer.jpg) no-repeat;
    width:711px;
    height:89px;
}

#welcome
{
    background:url(../images/home/title.jpg) no-repeat;
    width:313px;
    height:29px;
}

#content{padding:10px;min-height:250px;}

#welcome span{display:none;}

#home p{color:#FFFFFF;width:400px;text-align:justify;float:left;}

#home #splash
{
    display:block;
    background:url(../images/home/laptop.jpg) no-repeat;
    width:244px;
    height:242px;
    float:right;
}

#about #title
{
 width:102px;
 height:37px;
 background:url(../images/about_us/title.jpg) no-repeat;
}

#about #title span{display:none;}

h3{color:#D53029;font-size:1.3em;margin-bottom:20px;}

#cham
{
    background:url(../images/about_us/cham.jpg) no-repeat;
    width:162px;
    height:169px;
    margin-top:10px;
    float:left;
    margin-left:10px;
}
#about p{margin-top:10px;}

#about ul{width:300px; list-style-type:none; list-style-image:url(../images/bullet.gif)}
#about li{margin-left:30px;}
#man{background:url(../images/about_us/man.jpg) no-repeat; width:154px; height:209px;float:right;margin-top:-280px;margin-right:60px;}


#services #title
{
 width:89px;
 height:29px;
 background:url(../images/services/title.jpg) no-repeat;
}



#services #title span{display:none;}

#design{background:url(../images/services/web_design.jpg) no-repeat;width:82px;height:122px; float:left;}
#cd{background:url(../images/services/cd.jpg) no-repeat;width:82px;height:122px; float:left;}
#program{background:url(../images/services/program.jpg) no-repeat;width:82px;height:122px; float:left;}
#ecomm{background:url(../images/services/ecommerce.jpg) no-repeat;width:82px;height:122px; float:left;}
.float_right_text{float:right;width:580px;}

#services h3{margin-top:20px;}

#contact #title
{
 width:114px;
 height:29px;
 background:url(../images/contact/title.jpg) no-repeat;
}

#contact #title span{display:none;}


fieldset {
margin-top: 16px;
padding: 10px;
}

legend {
font: bold 1.1em Arial, Helvetica, sans-serif;
color: red;
background-color: #050505;
}

#form{width:400px;float:left;}

#form p {
clear: left;
margin: 0;
padding: 0;
padding-top: 5px;
}

#form p label {
float: left;
width: 30%;
font: 0.9em;
}

#form label{

}


#contact #title
{
 width:114px;
 height:29px;
 background:url(../images/contact/title.jpg) no-repeat;
}


#contact #title span{display:none;}
#contact #pic{background:url(../images/contact/pic.jpg) no-repeat;width:245px; height:227px;float:right;}

#myGallery
{
position:absolute;
top:270px;
left:476px;
width: 206px !important;
height: 153px !important;
}

#portfolio #title
{
 width:102px;
 height:27px;
 background:url(../images/portfolio/title.jpg) no-repeat;
}


#portfolio #title span{display:none;}

.portpic{float:left;margin-right:5px;}
.portpic a
{

    background:url(../images/portfolio/bg.jpg) no-repeat;
    width:88px;
    height:71px;
    padding-left:4px;
    padding-top:5px;
    display:block;
}
.portpic a:hover
{
    background:url(../images/portfolio/bg_o.jpg) no-repeat;
}
img{border:none}

#alcheapo #title
{
 width:234px;
 height:52px;
 background:url(../images/packages/alcheapo/title.jpg) no-repeat;
}


#alcheapo #price{
background:url(../images/packages/alcheapo/price.jpg) no-repeat;
width:131px;
height:80px;
float:right;
margin-top:10px;
}


#alcheapo #title span{display:none;}

#alcheapo #splash
{
    display:block;
    background:url(../images/packages/alcheapo/pic.jpg) no-repeat;
    width:367px;
    height:327px;
    float:right;
    margin-top:-100px;
}

#alcheapo p{color: #FFFFFF;width:300px;text-align:justify;float:left;}

#alcheapo ul{float:left;list-style-type:none; list-style-image:url(../images/bullet.gif);}
#alcheapo li{margin-left:30px;}

#home #imageElement h3{font-size:4em;}

.inputclass, .inputclasscomm{width:200px; height:15px; background:#fff url(../images/fieldbg.gif) repeat-x; border:1px solid #FFFFFF;}
.inputclasscomm{width:340px; height:100px;}




#form_box {
	width: 590px;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font:0.8em Arial, Helvetica, Sans-serif;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 0.2em 0.5em;
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}

#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	width: 590px;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/loading.gif) no-repeat center;
}

.error_message{
background: #FF0000;
color: white;
font-weight: bold;
}

#submitter{
  margin-top:10px;
}

.subtitle{
font-size:16px;
color:#0099FF;
font-weight:bold
}

dt{
font-size:14px;
color:#F20000;
font-weight:bold;
margin-top:10px
}