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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;


}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{
clear:both;
}

body
{
	font-family:arial, sans-serif;
	line-height:1;
	font-size:100%;
	color:#003366;
	background-image: url(../images/body.jpg);
	background-repeat: repeat-x;
	background-color: #dbe6f4;
}
.outer
{
	width:1200px;
	margin:0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper
{
margin:0 auto;
width:780px;
color:#000;
}
#header
{
background:url(../images/header.jpg) no-repeat;
height:107px;
width:783px;
margin:0 auto;
position:relative;
}
.logo
{
position:absolute;
}
#container
{
	width:780px;
	background-image: none;
	background-repeat: repeat-x;
}
/** sidebar***/
#sidebar
{
width:185px;
padding:2px 9px 2px 8px;
float:left;
display:inline;
}
.downloadnow 
{
margin:11px 0 7px;
position:relative;
}
.pencil
{
left:-26px;
position:absolute;
top:10px;
z-index:100;
}
.downloadnow a 
{
background:url("../images/downloadnow.png") no-repeat scroll 0 0 transparent;
display:block;
height:92px;
text-indent:-9000px;
width:184px;
}
.downloadnow a:hover
{
background:url("../images/downloadnow_on.png") no-repeat scroll 0 0 transparent;
display:block;
height:92px;
text-indent:-9000px;
width:184px;
}

.credit
{
background:url(../images/credit.jpg) no-repeat;
margin-bottom:10px;
}
.search
{
background:url("../images/search.png") no-repeat scroll 0 0 transparent;
height:25px;
padding:3px 0 0 8px;
width:176px;
}
#search{
background:none;
border:medium none;
width:120px;
}
#submit
{
background:none repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
width:46px;
outline: none;
}
.box
{
margin:15px 0;
}
.box ul
{
}
* html .box ul li a { 
    height: 1%; 
    } 

.box ul li
{

}
.box ul li a
{
display:block;
text-decoration:none;
padding:4px 10px;
font-size:12px;
color:#3073ba;
}
.box ul li a:hover
{
background:none repeat scroll 0 0 #F4ECFA;
text-decoration:underline;
color:#7e16de;
}
.mid
{
background:url(../images/mid.png) repeat-y;
padding-top:5px;
width:185px;
}
.bot 
{
background:url(../images/bot.png) no-repeat;
height:5px;
}
.top{
height:23px;
}

/***sidebar***/
#contents
{
width:568px;
padding:2px 10px 2px 0px;
float:left;
display:inline;
height:1416px;
}
.cont
{
background:#FFF;
padding:13px 14px 0;
height:1416px;
}
.welcome
{
color:#265c94;
font-size:14px;
font-weight:bold;
}
.title
{
margin:12px 0 17px;
}

.dwn1 a,.dwn2 a,.dwn3 a
{
background:url("../images/out1.png") no-repeat scroll 0 0 transparent;
display:block;
height:166px;
padding:14px 14px 0;
text-decoration:none;
width:121px;
cursor:pointer;
}
.dwn1 a span,.dwn2 a span,.dwn3 a span
{
color:#517136;
display:block;
font-size:16px;
font-weight:bold;
padding:6px 1px;
text-align:center;
text-decoration:none;
margin-top:26px;
}
.dwn1 a:hover span,.dwn2 a:hover span,.dwn3 a:hover span
{
color:#7e16de;
}

.dwn4 a span,.dwn5 a span,.dwn6 a span
{
color:#ff5298;
display:block;
font-size:16px;
font-weight:bold;
padding:6px 1px;
text-align:center;
text-decoration:none;
margin-top:26px;
}
.dwn4 a:hover span,.dwn5 a:hover span,.dwn6 a:hover span
{
color:#7e16de;
}

.dwn7 a span,.dwn8 a span,.dwn9 a span
{
color:#691675;
display:block;
font-size:16px;
font-weight:bold;
padding:6px 1px;
text-align:center;
text-decoration:none;
margin-top:32px;
}
.dwn7 a:hover span,.dwn8 a:hover span,.dwn9 a:hover span
{
color:#7e16de;
}
.dwn10 a span,.dwn11 a span,.dwn12 a span
{
color:#d57903;
display:block;
font-size:16px;
font-weight:bold;
padding:6px 1px;
text-align:center;
text-decoration:none;
margin-top:26px;
}
.dwn10 a:hover span,.dwn11 a:hover span,.dwn12 a:hover span
{
color:#7e16de;
}
.dwn1 a:hover,.dwn2 a:hover,.dwn3 a:hover,.dwn4 a:hover,.dwn5 a:hover,.dwn6 a:hover,.dwn7 a:hover,.dwn8 a:hover,.dwn9 a:hover,.dwn10 a:hover,.dwn11 a:hover,.dwn12 a:hover
{
background:url("../images/rol1.png") no-repeat scroll 0 0 transparent;

}
.dwn1,.dwn4, .dwn7, .dwn10
{
float:left;
width:149px;
display:inline;
margin-left:5px;
}
.dwn2,.dwn5,.dwn8, .dwn11
{
float:left;
width:149px;
margin:0 40px;
display:inline;
}

.dwn3,.dwn6,.dwn9, .dwn12
{
float:left;
width:149px;
display:inline;
margin-right:5px;
}
.dwn4 a,.dwn5 a,.dwn6 a
{
background:url("../images/out2.png") no-repeat scroll 0 0 transparent;
display:block;
height:166px;
padding:14px 14px 0;
text-decoration:none;
width:121px;
cursor:pointer;
}
.dwn7 a,.dwn8 a,.dwn9 a
{
background:url("../images/out3.png") no-repeat scroll 0 0 transparent;
display:block;
height:166px;
padding:13px 14px 0;
text-decoration:none;
width:121px;
cursor:pointer;
}
.dwn10 a,.dwn11 a,.dwn12 a
{
background:url("../images/out4.png") no-repeat scroll 0 0 transparent;
display:block;
height:166px;
padding:13px 14px 0;
text-decoration:none;
width:121px;
cursor:pointer;
}
.create
{
background:url(../images/create.jpg) no-repeat;
height:137px;
position:relative;
margin-top:48px;
}
.create_logo
{
position:absolute;
right:-32px;
top:47px;
}
#footer
{
background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;
clear:both;
height:53px;
padding:10px 119px;
text-align:center;
color:#ffffff;
}
#footer p a
{
color:#ffffff;
text-decoration:none;
font-size:12px;
text-align:center;
}
#sub_footer
{
	border-bottom:9px solid #7E16DE;
	color:#FFF;
	font-size:12px;
	padding:10px 0;
	text-align:center;
}
#sub_footer a
{
	color:#FFF;
}


#popular_layouts {
font-size:12px;
font-weight:bold;
list-style:decimal outside none;
text-align:left;
margin-left:20px;
margin-right:5px;
}
#popular_layouts li {
padding:3px 0;
}

.colored_li {
background-color:#E8E8E8;
}


.title1, .title2, .title3, .title4
{
margin:12px 0 17px;
}


.title1 a:hover
{
background:url("../images/birthday_bar_on.jpg") no-repeat scroll 0 0 transparent;
}

.title2 a:hover
{
background:url("../images/love_bar_on.jpg") no-repeat scroll 0 0 transparent;
}