/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }

/* =body */
body {  }

/* =hx */
h1, h2, h3 { font-weight : bold; text-transform : uppercase; }

html,body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff1e9; font-size:small; }





html {		background-repeat: repeat-x; background-color:#000000; background-position: 50% 50% }

	body {	 margin:0;	padding:0;	background-image: url(../images/ct-bg.jpg);	background-repeat:no-repeat;	text-align:center; background-position: 50% 50%}
	html,body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:small; }
	body {  margin : auto auto;   }









/* =code */
code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #fff1e9; }
pre {  padding-left : 20px; font-size : 80%; }


/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }


/* =a */
a:link { text-decoration : none; color : #f1b155;  }
a:visited { text-decoration : none; color : #f1b155;  }
a:hover { color : #f1b155;  }
a:active, a:focus { color : #f1b155;  }

/* a:focus { outline: none; }  removing dotted lines for Firefox, only for mouse navigation, however, it doesnt seem to work, so try applying overflow: hidden to the FIR elements in question */


/* generic layout design */

h1{margin-top:20px;}
p {margin-top:20px;}
ul { margin-top:20px;}


/* layout */
div#container { 
position : relative; 
width : 960px; 
min-height: 100%;
height: auto !important; 
height: 100%;
margin : auto auto; 
text-align : left;  

}




div#content_main_wrapper {  
width : 960px;

/* Positioning something vertically in the middle, with known height*/
position: absolute;
top:50%;
margin-top:-290px; /* then subtract the half of elements height*/

 }
 

 div#conversion {  
/* Positioning something vertically in the middle, with known height*/
position: absolute;
left:35%;
 }
 
  div#payments {  
/* Positioning something vertically in the middle, with known height*/
width : 960px;
height: 580px;
background-image: url(../images/ws-payment-bg.jpg);
 }
 

/* Page specific menu link decoration */	

body.about #aabout,
body.portfolio #aportfolio,
body.info #ainfo,
body.contact #acontact,
body.clients #aclients,
body.threed #a3d,
body.movie #amovie
{
text-decoration:underline !important;
color:#fff1e9;
}

 div#altcont ul {
list-style-type:none  !important;
}


/* move list from left for IE to be able to display them */	
ul{ 
list-style-type:circle;
margin-left: 20px
}


dt {
font-size:14px;
font-weight:bold;
margin-bottom:15px;}

h1 {
text-align:center;}