/* Reset */
body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {
	margin:0; 
	padding:0; 
	list-style:none; 
	border:none;
}
/* End Reset */

body {
	font-size:0.8em; 
	font-family:Arial,Verdana,Sans-Serif; 
	background: #000 url(../img/BGRgradBlue.jpg) repeat-y top center;
}
a {color:white;}

/* Colors */
.color-yellow {background:#f2bc00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#148ea4;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#f66e00;}
.color-green  {background:#8dc100;}
.color-yellow h3,
.color-white h3,
.color-green h3
	{color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
/* End Colors */

/* Container section */
#container {
	width: 900px;
	margin: 0 auto;
}

/* Head section */
#head {
    /*background: #000 url(../img/sgg_bg.png) repeat-x;*/
    height: 100px;
}
#head h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
	background: url(../img/logo.png) no-repeat center;
	text-indent: -9999em
}
#head1 h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
	background: url(../img/logo-ui-ux-fwd.png) no-repeat center;
	text-indent: -9999em
}
#head2 h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
	background: url(../img/logo-gd-ui-wd.png) no-repeat center;
	text-indent: -9999em
}
#head3 h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
	background: url(../img/logo-dm.png) no-repeat center;
	text-indent: -9999em
}
#head4 h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
	background: url(../img/logo.png) no-repeat center;
	text-indent: -9999em
}
/* End Head Section */

/* Columns section */
#columns .columnA {
    float: left;
    width: 300px;
		/* Min-height: */
		min-height: 200px;
		height: auto !important; 
		height: 200px;
}
.columnB {
    float: left;
	    width: 66%;
		/* Min-height: */
		min-height: 200px;
		height: auto !important; 
		height: 200px;
}

/* Column dividers (background-images) : */
	#columns #column1 { 
	background: url(../img/column-bg-left.png) no-repeat right top;
}
	#columns #column3 { 
	background: url(../img/column-bg-right.png) no-repeat left top;
}
#columns #column1 .widget { margin: 10px 10px 5px 10px; }
#columns #column3 .widget { margin: 10px 10px 5px 10px; }
#columns .widget {
    margin: 10px 5px 0 5px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content {
    background: #333 url(../img/widget-content-bg.png) repeat-x;
    padding:0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #777;
}
#columns .widget .widget-content img {
	float: left;
	margin: 2px;
	border: 0 solid #000;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {
	padding: 3px 0;
}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

#copyright {
	color:#09C;
	font-size:10px;
	padding: 5px 20px;
}