/***** UNIVERSAL SELECTORS START *****/

body, html {

position: absolute;

width: 100%;

height: 100%;

margin: 0px;

text-align: center;

background-color: #e3e3e0;
	
}

ul, li {
	
list-style-type: none;	

margin-left: 0px;

padding-left: 0px;
	
}

a {
	
text-decoration: none;

color: black;

border: 0px;

outline: none;
	
}

a img {

border: 0px;
outline: 0px;

}

/***** UNIVERSAL SELECTORS END *****/

/***** CONTAINERS START *****/

#top {

position: relative;

float: left;

width: 100%;

height: 530px;

background-color: #e3e3e0;

}

#bottom {

position: relative;

float: left;

width: 100%;

height: 380px;

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

background-position: top;

background-repeat: repeat-x;

background-color: #7d7d7b;

}

.container {
	
position: relative;

width: 735px;

height: auto;

margin: 0px auto; /* align to center */ 

padding: 0px;

text-align: left;
	
}

/***** CONTAINERS END *****/

/****** TOP START ********/

#topContainer {

position: relative;

float: left;

width: 735px;

height: 500px;

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

background-repeat: no-repeat;

margin: 25px 0 0 0;

}

#header {

position: relative;

float: left;

width: 270px;

height: 409px;

padding: 0px;

margin: 9px 0 0 9px;

background-image: url(../images/header.left.bg.jpg);

background-repeat: no-repeat;

}

#tag {

position: relative;

float: left;

width: 230px;

margin: 230px 0 0 25px;

font-family: Arial;

font-size: 19px;

}

#tag ul li {

margin: 0 0 12px 0;

font-weight: bold;

color: #027fb7;

text-shadow: 0px 0px 0.4em white;

}

#tag ul li:hover {

color: white;

text-shadow: 0px 0px 0.7em red;

cursor: pointer;

}

#form {

position: relative;

float: left;

width: 436px;

height: 409px;

padding: 0 0 0 15px;

margin: 9px 0 0 0px;

background-image: url(../images/header.right.bg.jpg);

background-repeat: no-repeat;

}

.input {

position: relative;

float: left;

width: 183px;

height: 40px;

}

.inputContainerBlank {

position: relative;

float: left;

height: 40px;

margin: 0 0 0 0;

}

.error_message {

font-family: arial;

}

.inputContainer {

position: relative;

float: left;

height: 40px;

margin: 0 0 25px 0;

}

.inputInside {

position: relative;

float: left;

width: 175px;

height: 40px;

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

background-repeat: no-repeat;

padding: 5px;

margin: 25px 10px 0px 0px;

}

.inputInside input {

border: 0;

background: none;

font-family: Arial;

font-size: 16px;

padding: 5px 0 0 2px;



}

.inputOutside {

position: relative;

float: left;

width: 175px;

height: 40px;

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

background-repeat: no-repeat;

padding: 5px;

margin: 25px 0 0 27px;

}

.inputOutside input {

border: 0;

background: none;

font-family: Arial;

font-size: 16px;

padding: 5px 0 0 2px;

}

.inputMessage {

position: relative;

float: left;

width: 390px;

height: 125px;

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

background-repeat: no-repeat;

padding: 5px;

margin: 25px 0 0 0px;

}

.inputMessage textarea {

border: 0;

background: none;

font-family: Arial;

font-size: 16px;

padding: 2px 0 2px 2px;

}

#send {

position: relative;

float: left;

width: 450px;

height: 30px;

text-align: right;

margin: 0 0 0 0;

}

#send input {

font-family: Arial;

font-size: 30px;

border: 0px;

background: none;

cursor: pointer;

margin: 0 45px 0 0;


}

#send input:hover {

color: 000;

font-weight: bolder;

text-shadow: 0px 0px 0.3em #b6b6b6;

}

#success {

font-family: Arial;

margin: 50px 0 0 0;

position: relative;

float: left;

width: 400px;


}

#info {

letter-spacing: normal;

position: relative;

float: left;

width: 730px;

height: 50px;

margin: 15px 0 0 1px;

padding: 19px 0 0 0px;

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

background-repeat: no-repeat;

font-family: Arial;

font-size: 17px;

font-weight: 600;

text-shadow: 0px 0px 0.2em #dbdbdb;

text-align: center;


}

/***** TOP END *****/

/***** BOTTOM START ******/

.column {

position: relative;

float: left;

height: 275px;

width: 240px;

margin: 0px 0 0 0px;

}

.column:hover {

background-image: url(../images/columnHover.jpg);

background-repeat: no-repeat;

background-position: top center;

background-position-y: -3px;



}

.spacer {

position: relative;

float: left;

width: 2px;

height: 202px;

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

margin: 25px 0 0 0;

}

.colHeader {

position: relative;

float: left;

width: 230px;

margin: 20px 0 20px 0px;

font-family: Arial;

color: white;

font-size: 35px;

font-weight: 550;

text-shadow: 0px 0px 0.2em #000;

text-align: center;

}

.services {

font-family: Arial;

font-size: 16px;

color: white;

text-shadow: 0px 0px 0.4em #000;

margin: 0 0 0 10px;

}

.services li {

margin: 0 0 5px 0;

}

#download li img {

vertical-align: middle;

}

#download li {

margin: 0 0 10px 35px;

font-family: Arial;

font-size: 16px;

color: white;

text-shadow: 0px 0px 0.4em #000;

line-height: 0px;

}

#download li a {

color: white;

border: 0px;

outline: 0px;

}

.social {

position: relative;

float: left;

width: 50px;

height: 49px;

margin: 0 0 0 10px;

}

.social a {

border: 0;

}

.socialSpacer {

position: relative;

float: left;

width: 5px;

height: 49px;

}

#footer {

position: relative;

float: left;

width: 735px;

height: 25px;

color: white;

font-family: Arial;

font-size: 11px;

margin: 75px 0 0 0;

text-align: center;

}

#footer a {

color: white;

}

/***** BOTTOM END *****/